任务43：Identity MVC：UI

 

基于原来作的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的页面