【ASP.NET Core快速入门】（十四）MVC开发：UI、 EF + Identity实现、注册实现、登陆实现

前言

之前我们进行了MVC的web页面的Cookie-based认证实现，接下来的开发我们要基于之前的MvcCookieAuthSample项目做修改。

MvcCookieAuthSample项目地址：http://www.cnblogs.com/wyt007/p/8128186.html

UI

我们首先在AccountController中添加两个Action

public IActionResult Register()
　　　　 {
　　
　　　　　　　　return View();

}

public IActionResult Login()
{
return View();
}

然后在Views文件夹下新增Account文件夹并新增Register.cshtml与Login.cshtml视图，样式我们尽量从上一节的Identity视图中拷贝过来。

我们还需要新建一个ViewModels，在ViewModels中新建RegisterViewModel.cs来接收表单提交的值以及来进行强类型视图

namespace MvcCookieAuthSample.ViewModels
{
public class RegisterViewModel
{
//邮箱
public string Email { get; set; }
//密码
public string Password { get; set; }
//确认密码
public string ConfirmedPassword { get; set; }
}
}

Register.cshtml代码（只保留部分拷贝过来的内容，并加入强类型视图引用）：

@{
ViewData["Title"] = "Login";
}

@using MvcCookieAuthSample.ViewModels;
@model RegisterViewModel;

<div class="row">
<div class="col-md-4">
<section>
<form  method="post" asp-controller="Account" asp-action="Login">
<h4>Use a local account to log in.</h4>
<hr />

<div class="form-group">
<label asp-for="Email"></label>
<input asp-for="Email" class="form-control" />
</div>

<div class="form-group">
<label asp-for="Password"></label>
<input asp-for="Password" type="password" class="form-control" />
</div>

<div class="form-group">
<button type="submit" class="btn btn-default">Log in</button>
</div>

</form>
</section>
</div>
</div>

View Code
接下来我们可以运行一下登陆注册，即可成功登陆后跳转到首页，注册后跳转倒是首页