一、HtmlHepler
1.ActionLink()
动态生成 超链接:根据路由规则,生成对应的 html 代码。
//1.注册路由信息
routes.MapRoute(
name: "Default",
url: "{controller}_aa/{action}.html/{id}",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
);
//2.在试图上创建 超链接
<a href="/Home/Heaven">回家</a><br />
@Html.ActionLink("回家","heaven", "Home")
//3.在浏览器看到的生成结果
<a href="/Home/Heaven">回家</a><br />
<a href="/Home/heaven">回家</a>
2.BeginForm()
//1.在视图中 创建 表单
@using (Html.BeginForm("add", "home", FormMethod.Post, new { id="form1" }))
{
}
//2.生成的html代码
<form action="/home/add.html" id="form1" method="post"> 文章标题:
</form>
补充:
//直接 在视图中 @ 调用有返回值的方法,就已经相当于是将返回值 写入 Response了
@Html.Label("ATitle")
//相当于下面代码
@{
Response.Write(Html.Label("ATitle"));
}
3.Lable()等生成 html 标签方法
注:所有的方法 都默认 去 视图的 Model 属性所储存的对象 中 查找匹配属性
//1.为实体类 添加 特性 DisplayName
public partial class BlogArticle
{
[DisplayName("文章标题")]
public string ATitle { get; set; }
}
//2.在Action方法中,为视图 的 Model 设置值
public ActionResult Add()
{
return View(new Models.BlogArticle() { ATitle="哇哈哈哈~~!" });
}
//3.在视图中,通过 html的帮助方法,生成 html 标签,同时指定,要读取的 属性名
@Html.Label("Atitle")
//4.生成对应的 html标签,并自动读取了 对应属性 的 DisplayName 里的文本。
<label for="Atitle">文章标题</label>
4.强类型的Html标签方法
强类型方法,直接 通过 lambda表达式,去试图的 Model属性对象中 查找对应的属性数据
4.1普通强类型方法(通过不同方法生成不同html标签)
//1.视图上调用方法
@Html.TextBoxFor(a=> a.ATitle)
//2.生成的html代码
<input class="text-box single-line" id="ATitle" name="ATitle" type="text" value="哇哈哈哈~~!"/>
4.2超强强类型方法(通过 属性的 DataType特性生成html标签)
//1.在实体类中 为 AContent 属性设置 DataType特性,指定为 多行文本框
public partial class BlogArticle
{
[DataType(System.ComponentModel.DataAnnotations.DataType.MultilineText)]
public string AContent { get; set; }
}
//2.视图上 自动根据model对象里属性保存的 实体类 属性 的 [DataType] 特性里指定的类型生成对应的html标签
@Html.EditorFor(a=> a.ATitle)
//3.生成html代码
<textarea class="text-box multi-line" id="AContent" name="AContent"></textarea>