通过action的参数传入一个model
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html
通过input的name属性和model属性对应上
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_02
通常是使用Http post去做
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_03
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_04
快速创建了这个Action
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_05
这个Action很简单我们只需要返回View就可以了
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_06

在Home下创建Create.cshtml
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_07

Create页面
先声明小写的model的数据类型
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_08
Action可以不用写，因为提交数据就是提交的本页面
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_09
文本框的name值和model的属性值一一对应的关系
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_10
TabHelper的写法，上面已经声明了model的类型，这里的asp-for就是for的大写的model
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_11
日期类型的问题，
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_12
先测试一下
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_13
tagHelper自动知道日期的类型，他就会生成对应类型的input
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_14

下拉框

性别可以用下拉选项，这里先建立一个枚举类
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_15
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_16
修改实体类
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_17
asp-item需要传入的类型

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_18

可以先使用htmlHelper先生成一个list，再用asp-items
把Gender的，命名空间引进来
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_19
在tagHelper里面htmlHelper的前面的@符号是可以去掉的。里面直接识别了C#的语法
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_20
指明日期的类型：是date类型
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_21

自动渲染成了日期选择框
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_22
自动出来下拉
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_23

生成的DOM
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_24
有个隐藏域，值是一段token。它是用来验证请求的。防止跨站请求伪造。保证提交的form是从我的网站里面的页面内提交的，而不是一些恶意网站伪造的请求
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_25

接收Form数据

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_26
先测试接收当前的Student的实体对象
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_27
改写成ViewModel的形式
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_28
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_29

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_30
在Respository里面创建Add方法的接口
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_31
Ctrl+F12 鼠标选中IRespository进去实现类里面
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_32
先获取到最大id后再把加入数组内
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_33

修改返回类型
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_34
接口的返回类型也改一下
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_35
添加完成后跳转到详情页面
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_36
Detail详情页
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_37
运行效果
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_38

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_39

返回首页后，但是刚才添加的数据没有显示在列表内
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_40
注册容器的时候，选择的声明周期是Scope，每次http请求都会创建一个新的实例，所以在跳回到列表页面的时候，又是一个新的实例
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_41
改成单例模式，就不会有问题了
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_42

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_43
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_44
再添加一个
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_45
刚post玩之后，点击刷新页面。浏览器会把刚才这个表单提交再提交一遍。
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_46
点击刷新后，又post添加了一条数据
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_数据_47
连续刷了两次页面就看到有三条重复的数据
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_48
post之后，冲洗重定向到另外一个页面，在新的页面在get获取新的数据
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_49

点击刷新因为这里的地址没有变化，所以还是走的那个post
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_页面跳转_50
添加完成之后对这个地址做一个重定向
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_51
这里使用nameof，这个值实际上就是Detai这个字符串，这样写比较利于重构
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_52
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_asp.net core 2.2_53

把前面这里也改成nameof的形式
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_重定向_54
保存之后页面跳转
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 08. 输入Model和防止重复Post_html_55