原文链接：https://blog.csdn.net/qq_21419015/article/details/80318046

畴前端UI开始

MVC疏散的对照好，开发挨次没有出格要求，先开发哪一部分都可以，此次我们主要讲解前端UI的部分。而谈到一个Web Application的UI，涉及到的无非就是html、css、 js这些对象。有兴趣的同学可以看看EsayUI。

任务
成立 注册/登录UI 法式（静态页面成果实现）

借助bootstrap插手页面样式，增补其他成果，将前面的代码扩展成一个开发的根本框架

根本常识：

View的存放位置约定：都统一存放在 Views文件夹下
Action Method Selector：应用在Controller的Action上

文中以 [HttpPost] 举例

ViewBag
在View和Controller中通报数据的一种方法 (类似的方法还有ViewData、TempData), 掌握通过ViewBag在View和Controller中通报数据

HtmlHelper
通过View的Html属性挪用，文中以Html.BeginForm为例

成立 注册/登录 UI详细法式
打开上次项目，，新建两个Action
本系列文章常识点和演示代码都以前一篇文章为根本，有问题可以回上一篇进行查找。本次我们将会新建用户 注册/登录 的两个页面。

打开ControllerFirstController.cs ，模仿已有的Index, 添加两个Action, 如下图。

创建要领有两种：

1 复制两个Index()；改削Index 分袂为Login 和 Register;

2 在public要领下方空白处右键-->插入代码段，如下图所示。

添加First相应的View

按照上一步中添加的Action, 添加相关View: Login.cshtml, Register.cshtml

添加要领详见上篇文章，不再反复讲解。

这里再说明下View的存放位置约定。记住下面三句话：

所有的View都放在Views文件夹

Views文件夹创建了一系列与Controller同名的子文件夹

各子文件夹内存放与Action同名的cshtml文件（对应的View文件）

登录界面UI设计
把Login.cshtml就当做一个静态html页面，完成登录界面的UI，其实cshtml可以看本钱来的aspx和html的混合体，操作了aspx的长处，便利和后台交互；操作了html的长处，语法简洁。然后到bootstrap上复制个登录界面html。

链接：https://getbootstrap.com/docs/3.3/css/#forms

将代码放入<div>中

F12 浏览器 View page source, 发明多了VS Browser Link废代码。为了保证界面纯净，我们不要任何样式代码，将它禁用失。

打开web.config添加如下代码，再去浏览器检察源代码，可以看到纯净的html了。

将前真个数据通报到Controller中去

完成一个登录事情：

填写表单 à Controller获取表单数据 à 进一步操纵（例如去数据库比对，通过后获取用户身份跳转到指定页面）

我们此次先完成到Controller获取数据，对数据库的操纵我们下一章和EF结合起来一起讲。

OK, 此刻我们对Login.cshtml进行改削。

改削前的Login.cshtml：

首先我们先去FirstController.cs中创建一个Login同名的Action来接受表单提交的数据。