ASP.NET + MVC5 入门完整教程二

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

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

将前端的数据传递到Controller中去

完成一个登录工作：

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

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

OK, 现在我们对Login.cshtml进行修改。

修改前的Login.cshtml：

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

注意新添加的Action中增加了一个[HttpPost] ，表示这个Action只会接受http post请求。ASP.NET MVC提供了Action Method Selector, HttpPost就是其中之一。

HttpPost属性典型的应用场景：

涉及到需要接受客户端窗口数据的时候，创建一个用于接收HTTP Get请求的Action, 用于显示界面, 提供给用户填写数据;

另一个同名Action则应用[HttpPost]属性，用于接收用户发来的数据，完成对应的功能。

打开Login.cshtml, 修改form，为后端接收数据做准备。

先在form标签内增加两个属性action, method。对于form中的method（默认是get），通常情况下, get用于简单的读取数据操作，post用于写数据操作。

打开FirstController.cs，修改[HttpPost]的Login Action用于接收数据

到html页面在form前加入

运行代码：登陆前，输入邮箱，点击Sign in ；这里只要表单提交，HttpPost Login方法就能获取表单数据；

登录后：

优化 

对Login.cshtml中的form做一点改良。

       如下图，First的位置是固定的，这样的话部署发生变化时有可能地址会不可用（如放在IIS根目录下和虚拟目录下是不同的）

  使用HtmlHelper动态计算路由地址就是其中的一种方法。

     添加下面一句代码，将form中内容放到 {} 中去即可

    @using (Html.BeginForm("login", "First", FormMethod.Post)) { }

    运行，到浏览器中查看源代码，可以看到生成的源代码和原来一样。

未使用HtmlHelper如图：

 使用HtmlHelper如图：

渲染后的页面Html代码

实现动态地址路由。

说明：Index：操作方法的名称，First：控制器的名称,这里就是指FirstController,而对于控制器，后面的Controller可以不写，@FormMethod.Get：定义from的method的值，new { id = "mainForm", name = "mainForm",@class="form-inline mainform"}：指定form的id，name，class属性，因class是Razor语法中的关键字所以要用@来标记。另外，还可以设置路由的参数对象，在此基础上加上new{id=“”}即可，可以为id赋值，如果指定确不赋值则可以实现防止提交链接后面自带参数。在其他htmlHelper方法中如果有object HtmlAttributes参数都可以使用new{属性=“”}的方式对生成的html元素附加属性。本例中为用到id，name等属性。

同样的，完成注册界面UI（类似登录界面，步骤略）
————————————————
版权声明：本文为CSDN博主「凌霜残雪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_21419015/article/details/80318046

ASP.NET + MVC5 入门完整教程二

标签：attr   chm   --   方便   开始   bsp   stc   web   行修改   

原文地址：https://www.cnblogs.com/wfy680/p/12239936.html