ASP.NET MVC HTML 幫助器

2022-09-19 16:35 更新
ASP.NET MVC 框架包含幫助器方法,通過使用這些幫助器方法,可以輕松地在視圖中呈現(xiàn) HTML。

HTML 幫助器用于修改 HTML 輸出。


HTML 幫助器

通過 MVC,HTML 幫助器類似于傳統(tǒng)的 ASP.NET Web Form 控件。

就像 ASP.NET 中的 Web Form 控件,HTML 幫助器用于修改 HTML。但是 HTML 幫助器是更輕量級的。與 Web Form 控件不同,HTML 幫助器沒有事件模型和視圖狀態(tài)。

在大多數(shù)情況下,HTML 幫助器僅僅是一個返回字符串的方法。

通過 MVC,您可以創(chuàng)建您自己的幫助器,或者直接使用內(nèi)建的 HTML 幫助器。


標(biāo)準(zhǔn)的 HTML 幫助器

MVC 包含了大多數(shù)常用的 HTML 元素類型的標(biāo)準(zhǔn)幫助器,比如 HTML 鏈接和 HTML 表單元素。


HTML 鏈接

呈現(xiàn) HTML 鏈接的最簡單的方法是使用 HTML.ActionLink() 幫助器。

通過 MVC,Html.ActionLink() 不連接到視圖。它創(chuàng)建一個連接到控制器操作。

Razor 語法:

@Html.ActionLink("About this Website", "About")

ASP 語法:

<%=Html.ActionLink("About this Website", "About")%>

第一個參數(shù)是鏈接文本,第二個參數(shù)是控制器操作的名稱。

上面的 Html.ActionLink() 幫助器,輸出以下的 HTML:

<a href="/Home/About">About this Website</a>

Html.ActionLink() 幫助器的一些屬性:

屬性 描述
.linkText URL 文本(標(biāo)簽),定位點元素的內(nèi)部文本。
.actionName 操作(action)的名稱。
.routeValues 傳遞給操作(action)的值,是一個包含路由參數(shù)的對象。
.controllerName 控制器的名稱。
.htmlAttributes URL 的屬性設(shè)置,是一個包含要為該元素設(shè)置的 HTML 特性的對象。
.protocol URL 協(xié)議,如 "http" 或 "https"。
.hostname URL 的主機(jī)名。
.fragment URL 片段名稱(定位點名稱)。

注釋:您可以向控制器操作傳遞值。例如,您可以向數(shù)據(jù)庫 Edit 操作傳遞數(shù)據(jù)庫記錄的 id:

Razor 語法 C#:

@Html.ActionLink("Edit Record", "Edit", new {Id=3})

Razor 語法 VB:

@Html.ActionLink("Edit Record", "Edit", New With{.Id=3})

上面的 Html.ActionLink() 幫助器,輸出以下的 HTML:

<a href="/Home/Edit/3">Edit Record</a>

HTML 表單元素

以下 HTML 幫助器可用于呈現(xiàn)(修改和輸出)HTML 表單元素:

  • BeginForm()
  • EndForm()
  • TextArea()
  • TextBox()
  • CheckBox()
  • RadioButton()
  • ListBox()
  • DropDownList()
  • Hidden()
  • Password()

ASP.NET 語法 C#:

<%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="FirstName">First Name:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Last Name:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Password:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Confirm Password:</label>
<%= Html.Password("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Profile:</label>
<%= Html.TextArea("Profile", new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">Receive Newsletter?</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
<%}%>

以上就是關(guān)于 ASP.NET MVC HTML 幫助器的介紹。

相關(guān)教程

HTML表單

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號