ASP.NET MVC - HTML °ïÖúÆ÷

HTML °ïÖúÆ÷ÓÃÓÚÐÞ¸Ä HTML Êä³ö¡£

HTML °ïÖúÆ÷

ͨ¹ý MVC£¬HTML °ïÖúÆ÷ÀàËÆÓÚ´«Í³µÄ ASP.NET Web Form ¿Ø¼þ¡£

ÀàËÆ ASP.NET ÖÐµÄ web form ¿Ø¼þ£¬HTML °ïÖúÆ÷ÓÃÓÚÐÞ¸Ä HTML¡£µ«ÊÇ HTML °ïÖúÆ÷¸üÇá¡£Óë web form ¿Ø¼þ²»Í¬£¬HTML °ïÖúÆ÷ûÓÐʼþÄ£ÐÍºÍ view state¡£

ÔÚ´ó¶àÊýÇé¿öÏ£¬HTML °ïÖúÆ÷½ö½öÊÇ·µ»Ø×Ö·û´®µÄ·½·¨¡£

ͨ¹ý MVC£¬ÄúÄܹ»´´½¨×Ô¼ºµÄ°ïÖúÆ÷£¬»òÕßʹÓÃÄÚ½¨µÄ HTML °ïÖúÆ÷¡£

±ê×¼µÄ HTML °ïÖúÆ÷

MVC °üº¬ÁË´ó¶àÊý³£ÓÃµÄ HTML ÔªËØÀàÐ͵ıê×¼°ïÖúÆ÷£¬±ÈÈç HTML Á´½ÓºÍ HTML ±íµ¥ÔªËØ¡£

HTML Á´½Ó

³ÊÏÖ HTML Á´½ÓµÄ×î¼òµ¥·½·¨ÊÇʹÓà HTML.ActionLink() °ïÖúÆ÷¡£

ͨ¹ý MVC£¬Html.ActionLink() ²»Á¬½Óµ½ÊÓͼ¡£Ëü´´½¨¿ØÖÆÆ÷²Ù×÷£¨controller action£©µÄÁ¬½Ó¡£

Razor Óï·¨£º

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

ASP Óï·¨£º

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

µÚÒ»¸ö²ÎÊýÊÇÁ´½ÓÎı¾£¬µÚ¶þ¸ö²ÎÊýÊÇ¿ØÖÆÆ÷²Ù×÷µÄÃû³Æ¡£

ÉÏÃæµÄ Html.ActionLink() °ïÖúÆ÷£¬Êä³öÒÔÏ HTML£º

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

Html.ActionLink() °ïÖúÆ÷µÄÈô¸É²ÎÊý£º

²ÎÊý ÃèÊö
linkText ¶¨Î»µãÔªËØµÄÄÚ²¿Îı¾¡£
actionName ²Ù×÷µÄÃû³Æ¡£
controllerName ¿ØÖÆÆ÷µÄÃû³Æ¡£
protocol URL ЭÒ飬Èç¡°http¡±»ò¡°https¡±¡£
hostname URL µÄÖ÷»úÃû¡£
fragment URL Ƭ¶ÎÃû³Æ£¨¶¨Î»µãÃû³Æ£©¡£
routeValues Ò»¸ö°üº¬Â·ÓɲÎÊýµÄ¶ÔÏó¡£
htmlAttributes Ò»¸ö¶ÔÏ󣬰üº¬ÒªÎª¸ÃÔªËØÉèÖÃµÄ HTML ÌØÐÔ¡£

×¢ÊÍ£ºÄú¿ÉÒÔÏò¿ØÖÆÆ÷²Ù×÷´«µÝÖµ¡£ÀýÈ磬ÄúÄܹ»ÏñÊý¾Ý¿â±à¼­²Ù×÷´«µÝÊý¾Ý¿â¼Ç¼µÄ 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 °ïÖúÆ÷¿ÉÓÃÓÚ³ÊÏÖ£¨Ð޸ĺÍÊä³ö£©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>
<%}%>
VUE