Identity MVC：UI

快来打我* 2021-11-01 11:30 282阅读 0赞

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

![87548-20190228210412427-1181651538.png][]

![87548-20190228210214502-106820779.png][]

增加登陆和退出的方法：

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

![87548-20190228212354134-395640104.png][]

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

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

![87548-20190228212434290-800043827.png][]

![87548-20190228213513990-1982802265.png][]

创建文件夹：ViewModels

再创建RegisterViewModel.cs

![87548-20190228213929711-1784531587.png][]

![87548-20190228213954216-1396820333.png][]

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

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

![87548-20190228221132309-115978582.png][]

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

![87548-20190228222126418-592185044.png][]

引入ViewModel的命名空间：

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

![87548-20190228223432733-652489667.png][]

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

<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菜单部分代码

![87548-20190228224338589-933164220.png][]

运行我们的程序

Register页面

![87548-20190228224409473-431030537.png][]

login的页面

![87548-20190228224437753-717868113.png][]

转载于:https://www.cnblogs.com/owenzh/p/11301638.html

[87548-20190228210412427-1181651538.png]: /images/20211101/f73d6348570f4783b2e05d7a6658af0f.png
[87548-20190228210214502-106820779.png]: /images/20211101/7c6edcd036e4487e8eb85e1435ac08a2.png
[87548-20190228212354134-395640104.png]: /images/20211101/74668ecbe8f44b72b05902afd76ff156.png
[87548-20190228212434290-800043827.png]: /images/20211101/5f8db3a2a9cf453ab2b5f2d7b0842187.png
[87548-20190228213513990-1982802265.png]: /images/20211101/1786b341a34642c8915f1beee3b042e9.png
[87548-20190228213929711-1784531587.png]: /images/20211101/866da919ef2147d98a4050e76a9bb1a6.png
[87548-20190228213954216-1396820333.png]: /images/20211101/6ce3cf2a81f247b6b1252234ff899421.png
[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211101/459c704b43014ea8aeebfc2daef53691.png
[87548-20190228221132309-115978582.png]: /images/20211101/00d287880dec44bd88d0b912d9c6e10b.png
[87548-20190228222126418-592185044.png]: /images/20211101/947a99ee0d49499d9edaf77b84c9bfb2.png
[87548-20190228223432733-652489667.png]: /images/20211101/882077b695c345f4893196c6fc8da1cc.png
[87548-20190228224338589-933164220.png]: /images/20211101/c57300d623884ab58af118397dba4df0.png
[87548-20190228224409473-431030537.png]: /images/20211101/9125737b76164c7e9a8847f62c6ec5e4.png
[87548-20190228224437753-717868113.png]: /images/20211101/04b79807f5bf47c6adeb58b7aa9cbed6.png