C# - MVC之Helper應用，如「下拉式連動選單」的設計上- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
602

會員總數：245215
討論主題：189089

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> 專欄文章 >> C# - MVC之Helper應用，如「下拉式連動選單」的設計上

[]

[我要回覆]

C# - MVC之Helper應用，如「下拉式連動選單」的設計上
價值 : 0 QP 點閱數:1132 回應數:0

樓主

E-Troy ^版主

80	52
283	11

發送站內信

本文要介紹的是Helper，它是MVC不可或缺的好幫手，可以在MVC視圖中使用自定義的HTML Helpers，HTML Helpers可以減少繁瑣的HTML標籤，並有效的整理HTML的頁面呈現。
HTML Helper是返回一個字串的方法。該字串可以代表任何類型的內容。例如可以使用HTML Helpers函數來成為標準的HTML標記，如HTML的<input>和<img>標記。也可以使用HTML輔助函數來呈現更複雜的內容，如標籤或資料庫的HTML表格。

該Html.BeginForm()Helper方法用於建立在開始和結束的HTML<form>標記。要注意的是Html.BeginForm()方法被調用using語句中。 using語句確保<form>標籤在using塊結束時關閉。

開發者可以使用Html.EndForm()輔助方法來關閉<form>標籤，使用任何方法來建立一個開閉，不用建立一個block。

Html.TextBox()，要呼叫HTML Helper時是採用<％=％>標記，而不是<％％>標記呈現。

建立一個HTML Helper最簡單的方法，是創建一個返回字符串的靜態方法。

using System;
namespace MvcApplication1.Helpers
{
          public class LabelHelper
          {
               public static string Label(string target, string text)
               {
                    return String.Format("<label for='{0}'>{1}</label>", target, text);
               }
          }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index2.aspx.cs" Inherits="MvcApplication1.Views.Home.Index2"%>
<%@ Import Namespace="MvcApplication1.Helpers" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">

<title>Index2</title>
</head>
<body>
     <div>
          <% using (Html.BeginForm())
          { %>
               <%= LabelHelper.Label("firstName", "First Name:") %>
               <br />

<%= Html.TextBox("firstName")%>
               <br /><br />
               <%= LabelHelper.Label("lastName", "Last Name:") %>
               <br />
               <%= Html.TextBox("lastName")%>
               <br /><br />
               <input type="submit" value="Register" />
          <% } %>

</div>
</body>
</html>

要創建一個標準HTML Helper 運作方式如同ASP.NET MVC framework，需要建立extension methods。extension methods能夠以現有的類添加新的方法。建立一個HTML Helper的方法，添加新的方法來通過一個視圖的html屬性所代表的HtmlHelper類別。

當建立一個extension methods之後，並成功地構建應用程序，extension methods會出現在Visual Studio的自動類別清單裡。

在Web開發之中，Helper可以運用在像是「下拉式連動選單」這樣的設計上。唯一特別的事，此方式是採用MVC的架構導向。所以在設計上，可以是更有架構，程式也更為簡潔。

搜尋相關Tags的文章： [ C# ] , [ MVC ] , [ Helper ] ,
本篇文章發表於2015-08-04 22:36

== 簽名檔 ==
上帝的藝術-電腦神手的領域 - http://etroy.pixnet.net/blog
上帝的藝術-微軟的神域 - http://etroy-com.blogspot.tw/


別忘捐VP感謝幫助你的人	新手會員瞧一瞧

目前尚無任何回覆

回覆

如要回應,請先登入.