您现在的位置是：网站首页> 编程资料编程资料
ASP.NET Core MVC中Form Tag Helpers用法介绍_实用技巧_
2023-05-24
176人已围观
简介 ASP.NET Core MVC中Form Tag Helpers用法介绍_实用技巧_
简介
我们已经介绍过Tag Helpers以及一些最常用的Tag Helpers，也谈到了缓存Tag Helpers。在这篇文章中，我们将讨论表单Tag Helpers。
HTML或Web表单通过使用各种HTML元素用于收集来自用户的输入，如输入框、复选框、单选按钮、下拉列表等。使用 元素时，我们通常使用POST请求。虽然也可以使用GET请求，不过GET请求建议提交于少量、非敏感的数据来获取数据。
ASP.NET Core MVC提供了一些Form Tag Helpers，让我们看看最重要的是什么。
Form Tag Helper
当我们使用元素时，ASP.NET Core MVC会自动添加防御CSRF攻击保护措施；它通过生成隐藏的请求验证令牌以防止CSRF攻击。
看一个简单的例子：
此代码输出的界面如下：
然而，这并不是全部，在幕后发生了什么：
请注意在HTTP Post操作方式中，RequestVerificationToken 与内置的[ValidateAntiForgeryToken]属性一起工作，同时，该请求方法会被标记为post方式。
Form Tag Helper的还提供了asp-route-{ParameterName}属性，其中参数名称为被添加到路由的值；并且还提供了@Html.BeginForm和@Html.BeginRouteForm另一种清晰的替代方式。
如果我们添加一个自定义路由：
并将表单修改为如下：
我们得到以下HTML：
它将执行与刚才指定的 controller 和 action 方法。
这是使用旧的HTML Helpers语法：
@using (Html.BeginForm("Edit", "Categories")) { }新的语法是：
第一个可能看起来更短更好，但第二个更自然，对于设计师或一名JS开发人员来说，在使用Angular、React的过程中，这将会更加自然。
Input Tag Helper
这一个很简单，它是@Html.EditorFor(m => m.Name)的替代方式。
假设我们有一个具有 Name 属性的视图模型：
`
会产生如下代码：
Label Tag Helper
这一个也很简单，它是@Html.LabelFor(m => m.Name)的替代方式。
它与输入框Tag Helper配合使用：
与其它一样，也具有智能感知功能，一旦您开始键入，就会检测属性的名称：
如果我们将 Display 特性应用于 Name 属性：
这是我们将获得的HTML内容：
TextArea Tag Helper
这一个非常类似于Input Tag Helper：
以下Razor代码：
`
我们将得到以下输出：
Validation Message Tag Helper
我们使用Validation Tag Helper为我们的视图模型的属性显示验证消息，使用方式也很简单：
我们得到的HTML：
到此这篇关于ASP.NET Core MVC中Form Tag Helpers用法的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持。
相关内容
- ASP.NET Core MVC缓存Tag Helpers到内存_实用技巧_
- ASP.NET Core MVC中Tag Helpers用法介绍_实用技巧_
- Entity Framework Core中执行SQL语句和存储过程的方法介绍_实用技巧_
- Entity Framework Core批处理SQL语句_实用技巧_
- Entity Framework Core实现软删除与查询过滤器_实用技巧_
- Entity Framework Core生成列并跟踪列记录_实用技巧_
- ASP.NET Core MVC中过滤器工作原理介绍_实用技巧_
- ASP.NET Core MVC创建控制器与依赖注入讲解_实用技巧_
- .net5 使用Hangfire的过程记录_实用技巧_
- ASP.NET Core Web资源打包与压缩技术介绍_实用技巧_
