Identity MVC：UI

概述  基于原来做的cookie认证的代码：MvcCookieAuthSample 增加登陆和退出的方法： 增加Login和SignIn这两个Action方法。 在Views下面创建Account文件夹，然后在里面创建两个视图页面。 我是赋值下面的Privacy.cshtml页面到Account文件夹。然后改了名字为Register.cshtml和Login.cshtml这两个视图页面。      

 

基于原来做的cookie认证的代码：MvccookieAuthSample

增加登陆和退出的方法：

增加Login和SignIn这两个Action方法。

在VIEws下面创建Account文件夹，然后在里面创建两个视图页面。

我是赋值下面的Privacy.csHTML页面到Account文件夹。然后改了名字为Register.csHTML和Login.csHTML这两个视图页面。

 

 

 

创建文件夹：viewmodels

再创建Registerviewmodel.cs

 

 

using System;using System.Collections.Generic;using System.linq;using System.Threading.Tasks;namespace MvccookieAuthSample.viewmodels{    public class Registerviewmodel    {        public string Email { get; set; }        public string Password { get; set; }        public string ConfirmPassword { get; set; }    }}

Registerviewmodel

 

 

Login.csHTML 简单的登陆页面　　

 

在布局页面  把登陆和注册也加上去

 

引入viewmodel的命名空间：

Register和Login的视图页面都要引用

 

 <ul class="navbar-nav flex-grow-1">                        <li class="nav-item">                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>                        </li>                        <li class="nav-item">                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>                        </li>                        <li class="nav-item">                            <a class="nav-link text-dark" asp-area="" asp-controller="Account" asp-action="Register">Register</a>                        </li>                        <li class="nav-item">                            <a class="nav-link text-dark" asp-area="" asp-controller="Account" asp-action="Login">Log in</a>                        </li>                                         </ul>

_Layout.csHTML菜单部分代码

 

 

 

 

运行我们的程序

Register页面

 

 

login的页面

总结

以上是内存溢出为你收集整理的Identity MVC：UI全部内容，希望文章能够帮你解决Identity MVC：UI所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。