HTML Helper 中的表达式值 - Html

在 .NET 框架下，HTML Helper 是一个辅助开发 ASP.NET 应用程序的类。其中，HtmlHelper 类是在视图中呈现 HTML 元素的主要助手。该类提供了处理 HTML 相关任务的方法，例如 HTML 元素的生成、表单数据的绑定等。

HtmlHelper 类

HtmlHelper 类中定义了多个方法，用于生成 HTML 元素。以下是其中几个常用的方法：

Label

生成 HTML label 元素。

使用示例：

@Html.Label("username", "Username")

生成的 HTML 代码：

<label for="username">Username</label>

TextBox

生成 HTML input 元素，并将其类型设置为 text。

使用示例：

@Html.TextBox("username", "")

生成的 HTML 代码：

<input type="text" id="username" name="username" value="">

ValidationMessage

生成表示模型属性验证错误的 HTML span 元素。

使用示例：

@Html.ValidationMessage("username", "Invalid username")

生成的 HTML 代码：

<span class="field-validation-error" data-valmsg-for="username" data-valmsg-replace="true">Invalid username</span>

DropDownList

生成 HTML select 元素，并将其选项设置为从给定的 selectList 集合中选择。

使用示例：

@Html.DropDownList("gender", new SelectList(new[] { "M", "F" }), "Gender")

生成的 HTML 代码：

<select id="gender" name="gender">
    <option value="">Gender</option>
    <option value="M">M</option>
    <option value="F">F</option>
</select>

表达式值 - Html

HtmlHelper 使用表达式语言来表示要绑定到视图的模型数据。在使用 HtmlHelper 时，你可以使用表达式语言 $（）来表示要绑定到 HTML 元素中的模型属性。例如，在下面的代码示例中，表达式 $（m => m.username）表示视图中的模型的 username 属性。

@model MyWebApp.Models.RegisterViewModel
 
@using (Html.BeginForm("Register", "Account", FormMethod.Post))
{
    @Html.AntiForgeryToken()
 
    <div class="form-group">
        @Html.LabelFor(m => m.Username, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.TextBoxFor(m => m.Username, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Username, "", new { @class = "text-danger" })
        </div>
    </div>
    //...
}

在表达式语言中，你可以使用访问器和属性引用。HtmlHelper 使用访问器和属性引用从模型对象中提取数据。在上面的例子中，访问器 m => m.Username 从模型对象中提取 Username 属性。

总结

HtmlHelper 类提供了一些在视图中生成 HTML 元素的常用方法，开发人员可以使用表达式语言将模型数据绑定到这些元素中。这些方法大大简化了 ASP.NET 应用程序开发中的 HTML 元素的生成和数据绑定过程。