任務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的頁面