图文ASP.Net MVC Razor页面中HtmlHelper帮助程序的写法
将以下内容复制到cshtml文件中
@using Microsoft.AspNetCore.Html
@{
ViewData["Title"] = "";
} <p>AntiForgeryToken的使用</p>
@Html.AntiForgeryToken()
<p>ActionLink的使用</p>
<br />
@Html.ActionLink("LinkText", "RazorShow") @Html.ActionLink("带控制器", "ActionName", "ControllerName") @Html.ActionLink("带路由信息", "ActionName", new { id = 1, name = 3, age = 4, height = 5 }) <a href="/Html/ActionName/1?name=3&age=4&height=5">带路由信息</a> @Html.ActionLink("链接", "action", new { id = 1, name = 3, age = 4, height = 5 }, new { @class = "classText", style = "width:200px", tt = "xxx" }) <a class="classText" href="/Home/Index/@DateTime.Now" style="width:200px" tt="xxx">Home</a>
<p>RouteLink的使用</p> @Html.RouteLink("LinkText", new { action = "ActionName" }) @Html.RouteLink("LinkText", new { action = "ActionName", controller = "ControllerName" }) @Html.RouteLink("LinkText", new { action = "ActionName", id = 1 }) <p>Input 输入框的使用-TextBox</p>
@Html.TextBox("NameId") @Html.TextBox("NameId", "Value") @Html.TextBox("NameId", "Value", new { @class = "classText", @style = "width:200px", @tt = "xxx" }) <p>Input 输入框的使用-Hidden</p>
@Html.Hidden("NameId") @Html.Hidden("NameId", "Value") <br />
<p>Input 输入框的使用-Password</p>
@Html.Password("NameId") @Html.Password("NameId", "Value") <p>Input 输入框的使用-CheckBox</p>
@Html.CheckBox("NameId", true) @Html.CheckBox("NameId", false)
<p>Input 输入框的使用-RadioButton</p> @Html.RadioButton("NameId", "Value", true) @Html.RadioButton("NameId", "Value", false) <p>Input 输入框的使用-DropDownList,ListBox</p>
@{
SelectListItem item;
List<SelectListItem> list = new List<SelectListItem>();
for (int i = 1; i < 5; i++)
{
item = new SelectListItem();
item.Text = "Text" + i;
item.Value = "Value" + i;
item.Selected = (i == 2);
list.Add(item);
}
} @Html.DropDownList("NameId", list) @Html.ListBox("NameId", list) <p>表单的Get提交</p>
@using (Html.BeginForm("PostData", "Html", FormMethod.Get))
{
;
@Html.TextBox("UserNameGet")
;
@Html.Password("PasswordGet")
;
<input type="submit" value="SubmitButton" />
} <p>表单的Post提交</p>
@{
Html.BeginForm("PostData", "Html", FormMethod.Post);
} @Html.TextBox("UserNamePost") @Html.Password("PasswordPost") <input type="submit" value="SubmitButton" />
@{
Html.EndForm();
}
生成效果整体图
运行程序,效果图如下
下面我们对照 html源码,看看生成的html源码。
@Html.AntiForgeryToken
@Html.AntiForgeryToken()
生成html源码
<input name="__RequestVerificationToken" type="hidden"
value="CfDJ8BY1L_vJWwdCoEd8zvMkT6Ca2EhsAoVtLk7OoRlpqsHH2ZVCcF2Wl-PaJgsJbV4AgskGDgZ07-kyb1qIT-aW2wkaWPplsUAgdG8URhEskPJIZMDxGAAD5_H-1Iae9eoJ35NSNKMbWQosQM2Jn3idfGM">
@Html.ActionLink
@Html.ActionLink("LinkText", "RazorShow")
@Html.ActionLink("带控制器", "ActionName", "ControllerName")
@Html.ActionLink("带路由信息", "ActionName", new { id = 1, name = 3, age = 4, height = 5 })
<a href="/Html/ActionName/1?name=3&age=4&height=5">带路由信息</a>
@Html.ActionLink("链接", "action", new { id = 1, name = 3, age = 4, height = 5 },
new { @class = "classText", style = "width:200px", tt = "xxx" })
生成html源码
@Html.RouteLink
@Html.RouteLink("LinkText", new { action = "ActionName" })
@Html.RouteLink("LinkText", new { action = "ActionName", controller = "ControllerName" })
@Html.RouteLink("LinkText", new { action = "ActionName", id = 1 })
生成html源码
@Html.TextBox
@Html.TextBox("NameId")
@Html.TextBox("NameId", "Value")
@Html.TextBox("NameId", "Value", new { @class = "classText", @style = "width:200px", @tt = "xxx" })
@Html.Hidden
@Html.Hidden("NameId")
@Html.Hidden("NameId", "Value")
@Html.Password
@Html.Password("NameId")
@Html.Password("NameId", "Value")
@Html.CheckBox
@Html.CheckBox("NameId", true)
@Html.CheckBox("NameId", false)
@Html.RadioButton
@Html.RadioButton("NameId", "Value", true)
@Html.RadioButton("NameId", "Value", false)
@Html.DropDownList
@{
SelectListItem item;
List<SelectListItem> list = new List<SelectListItem>();
for (int i = 1; i < 5; i++)
{
item = new SelectListItem();
item.Text = "Text" + i;
item.Value = "Value" + i;
item.Selected = (i == 2);
list.Add(item);
}
}
@Html.DropDownList("NameId", list)
@Html.ListBox
@{
SelectListItem item;
List<SelectListItem> list = new List<SelectListItem>();
for (int i = 1; i < 5; i++)
{
item = new SelectListItem();
item.Text = "Text" + i;
item.Value = "Value" + i;
item.Selected = (i == 2);
list.Add(item);
}
}
@Html.ListBox("NameId", list)
@Html.BeginForm
@using (Html.BeginForm("PostData", "Html", FormMethod.Get))
{
;
@Html.TextBox("UserNameGet")
;
@Html.Password("PasswordGet")
;
<input type="submit" value="SubmitButton" />
} <p>表单的Post提交</p>
@{
Html.BeginForm("PostData", "Html", FormMethod.Post);
}
图文ASP.Net MVC Razor页面中HtmlHelper帮助程序的写法的更多相关文章
- Asp.Net Core Razor页面中使用echarts展示图形
Asp.Net Core Razor页面中使用echarts展示图形 要在Razor页面中使用echarts显示图形,主要问题点在于如何将数据传递给js文件. 1,下载安装echarts库文件 首先引 ...
- ASP.NET Core Razor页面禁用防伪令牌验证
在这篇短文中,我将向您介绍如何ASP.NET Core Razor页面中禁用防伪令牌验证. Razor页面是ASP.NET Core 2.0中增加的一个页面控制器框架,用于构建动态的.数据驱动的网站: ...
- ASP.NET Core Razor页面 vs MVC
作为.NET Core 2.0发行版的一部分,还有一些ASP.NET的更新.其中之一是添加了一个新的Web框架来创建"页面",而不需要复杂的ASP.NET MVC.新的Razor页 ...
- ASP.NET没有魔法——ASP.NET MVC Razor与View渲染
对于Web应用来说,它的界面是由浏览器根据HTML代码及其引用的相关资源进行渲染后展示给用户的结果,换句话说Web应用的界面呈现工作是由浏览器完成的,Web应用的原理是通过Http协议从服务器上获取到 ...
- ASP.NET没有魔法——ASP.NET MVC Razor与View渲染 ASP.NET没有魔法——ASP.NET MVC界面美化及使用Bundle完成静态资源管理
ASP.NET没有魔法——ASP.NET MVC Razor与View渲染 对于Web应用来说,它的界面是由浏览器根据HTML代码及其引用的相关资源进行渲染后展示给用户的结果,换句话说Web应用的 ...
- ASP.NET MVC Razor语法
ASP.NET MVC Razor语法 (一) 关于_ViewStart.cshtml文件 使用Razor模板引擎的话,会自动生成一个_ViewStart.cshtml文件.事实上,_View ...
- ASP.NET MVC Razor视图引擎攻略
--引子 看下面一段MVC 2.0的代码. <%if (Model != null){%> <p><%=Model%></p><%}%>&l ...
- ASP.NET Core - Razor 页面简介
简介 随着ASP.NET Core 2 即将来临,最热门的新事物是Razor页面.在之前的一篇文章中,我们简要介绍了ASP.NET Core Razor 页面. Razor页面是ASP.NET Cor ...
- ASP.Net Core Razor 页面路由
在服务器端 Web 应用程序框架中,其中非常重要的设计是开发人员如何将URL与服务器上的资源进行匹配,以便正确的处理请求.最简单的方法是将 URL 映射到磁盘上的物理文件,在 Razor 页面框架中, ...
- ASP.NET Core - Razor 页面介绍
简介 随着ASP.NET Core 2 即将来临,最热门的新事物是Razor页面.在之前的一篇文章中,我们简要介绍了ASP.NET Core Razor 页面. Razor页面是ASP.NET Cor ...
随机推荐
- 安装NETDATA集群监控面板
安装NETDATA集群监控面板 介绍 官方链接 演示网页:https://my-netdata.io/ 官方首页:http://netdata.cloud/ 文档地址:http://docs.netd ...
- @Async实现异步任务
1.@Async是SpringBoot自带的一个执行步任务注解 @EnableAsync // 开启异步 @SpringBootApplication public class Application ...
- 2024年 为什么不建议新人学习ABAP
引言 每个应届生都希望自己有良好的职业发展,当他们发现前路难通时,便会寻找更好的出路. "转码"曾经是个很火热的话题.在互联网行业高速发展的年代,转行学代码,入职大厂,升职加薪,是 ...
- JXNU acm选拔赛 涛涛的Party
涛涛的Party Time Limit : 3000/1000ms (Java/Other) Memory Limit : 65535/32768K (Java/Other) Total Subm ...
- 一文掌握 Kubernetes 证书
如果你正在自己的环境中运行 Kubernetes,那么了解证书的工作原理以及如何管理它们以确保集群的安全性和完整性至关重要.在本文中,我们将解释什么是 Kubernetes 证书.其重要性,以及如何检 ...
- 数字孪生和GIS的融合能够为智慧水务带来什么帮助?
数字孪生和地理信息系统(GIS)的融合在智慧水务领域有着重要的应用前景.让我们一起探讨数字孪生和GIS如何合作,为智慧水务系统带来了哪些帮助. GIS系统提供了准确的地理数据,包括水资源.管道网络.水 ...
- 服务网格 Service Mesh
什么是服务网格? 服务网格是一个软件层,用于处理应用程序中服务之间的所有通信.该层由容器化微服务组成.随着应用程序的扩展和微服务数量的增加,监控服务的性能变得越来越困难.为了管理服务之间的连接,服务网 ...
- 斯坦福 UE4 C++ ActionRoguelike游戏实例教程 08.创建主HUD & 自定义作弊指令
斯坦福课程 UE4 C++ ActionRoguelike游戏实例教程 0.绪论 概述 本篇文章对应课程Lecture 14 ,56-58节.本篇文章将会教你将之前创建的各种UMG控件统合到一个主控件 ...
- 文心一言 VS 讯飞星火 VS chatgpt (158)-- 算法导论12.3 5题
五.用go语言,假设为每个结点换一种设计,属性 x.p 指向 x 的双亲,属性 x.succ 指向 x 的后继.试给出使用这种表示法的二叉搜索树 T 上 SEARCH.INSERT 和DELETE 操 ...
- 欢迎使用CSDN-markdown编辑器测试
这里写自定义目录标题 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成一个适合你的列表 创建一 ...