亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

【譯】使用自定義ViewHelper來簡化Asp.net MVC view的開發------part1

2019-11-17 03:53:31
字體:
來源:轉載
供稿:網友
     從開發者的角度來看,創建asp.net MVC的View是一件很爽的事,因為你可以精確控制最終生成的HTML。具有諷刺意味的是不得不寫出每一行HTML代碼同時也是Asp.net MVC的View中讓人不爽的地方。讓我用我的一個經歷來告訴我創建ASP.Net MVC view Helpers背后靈感的由來。由一小部分開發人員(包括我)和一個CSS設計人員(我們叫他Ricky)組成的小組,開始了一個新的Asp.net MVC的項目,在項目開發過程中;我給頁面添加了一些TextBox和一些其他元素,我check-in了我的代碼,直到回家我也沒再想起過這事。隔夜早晨,剛上班時我就從CSS設計那里收到一封郵件來通知我我必須按照他的CSS指導方針來寫HTML,比如說對于textbox,必須遵循以下規則:

每個textbox必須內嵌在li標簽中
每一個textbox都必須有一個label標簽的for屬性與之對應
textbox必須使用input標簽并設置type屬性為text
      對于這些要求我一一照做并修改我的代碼符合了后兩條規則,但我忘了關于li的指導方針,我很快更新了頁面并提交了我的代碼。幾天后,項目又推進了很多,Ricky來到我的辦公桌前并讓我看看我所做的改變。打開頁面,他開始一一列舉那些我不遵循它的UI規定的地方,有很多地方我都忽視了因為我甚至不知道這些指導方針的存在.在他指出這些后,我想:一定會有方法可以讓我們兩個人都如愿以償.對于我來說只是需要html標簽的id,對于Ricky來說他需要我的HTML符合規范來讓他的CSS文件能夠選擇到合適的html。所以我們引入了view helper.

       在我用Asp.net MVC時我注意到我自己寫了很多純Html,比如div和span,同時伴隨使用了很多System.Web.Mvc.HtmlHelper來生成html,比如說一個輸入名字的textbox:

<li>
    <label for="FirstName">First name</label>
    <%= Html.TextBox("FirstName") %>     
    <%= Html.ValidationMessage("FirstName", "*") %>
</li>    我就想,是不是能有一種方法來將上面的所有代碼融合在一起呢。這樣不僅讓我編程更加輕松,而且再也不用擔心Ricky給我設置的條條框框了。理想的情況下會滿足以下標準:

容易執行
重用性好
強制執行某些標準(比如Ricky的)
和標準的HtmlHelper擴展方法用起來沒太大區別
容易使用
    在我們進入執行這個的細節之前如果你感覺這聽起來像又回到了Web Form時代,那就錯了。view helper僅僅是在創建HTML的時候起輔助作用,而不是將HTML進行抽象。我關心的只是HTML在頁面中的顯示效果以及使用javascript的行為更輕松.而不是textbox是否放入li中,當我需要創建一個textbox時,我只需在view中放入如下代碼:

<% Html.NewText("FirstName", "First name"); %>
     我想聲明我僅僅是想將創建HTML延遲到另一個類中。使用View helper我可以輕松做到這一點。首先我們先來看標準的HtmlHelper擴展方法如何做到這一點.

     Html helper有兩種實現用法,大多數的使用方法都會如下:

<%= Html.TextBox("FirstName") %>
     而還有一種用法和聲明一個form元素很相似:

<% using (Html.BeginForm()) { %>
    <!--  Other elements here-->
<% } %>      上面兩種方法的主要區別是Html.TextBox僅僅返回一個string來注入到view中。這也是為什么使用<%=而不是標準的的代碼塊。而另一種以對象作為返回類型的方法更老練許多,比如,System.Web.Mvc.Html.MvcForm,這個對象放入using語句.對象被創建時一些HTML就會被注入到view中(嚴格說:并不是對象創建時,但很接近)還有一些事在對象被回收時將html注入view(也就是碰到”}”符號時).使用這種方法的好處是可以在using語句之間插入代碼。這使它的能力無疑比那些僅僅返回一個字符串注入頁面的方式要強大許多。

      所以,我選擇第二種方法來實現我的View Helpers.所以HtmlHelper擴展方法會實現我創建的IViewObject接口對象。類圖如下:

      

      可以看到,IViewObject實現了System.IDisposable接口。這使實現如前面所提到和Html.BeginForm的使用方法類似所必須的。IViewObject有兩個方法,StartView和EndView.這兩個方法分別在對象創建時和對象回收時被調用.為了讓這些對象的創建更加容易我創建了一個抽象類來處理:執行方法,回收對象和在合適的時候調用EndView方法。類圖如下:

    



上圖中的抽象類完整代碼如下:

public abstract class AbstractHtmlViewObject : IViewObject
{
    PRivate bool mDisposed;

    public AbstractHtmlViewObject(ViewRequestContext requestContext, string name)
    {
        if (requestContext == null)  
        { throw new ArgumentNullException("requestContext"); }

        ViewRequestContext = requestContext;
        Name = name;
    }

    public IViewRequestContext RequestContext
    {
        get;
        protected set;
    }
   #region IViewObject Members
   public object Attributes { get; set; }
   public string Name { get; set; }
   public abstract void StartView();
   public abstract void EndView();
   #endregion
   // based on System.Web.Mvc.HtmlHelper.GetModelStateValue
   public object GetModelStateValue(string key, Type destinationType)
   {
       object result = null;
       ModelState modelState;
       if (ViewRequestContext.HtmlHelper.ViewData.ModelState.TryGetValue(
           key, out modelState))
       {
           result = modelState.Value.ConvertTo(destinationType, null);
       }
       return result;
   }
    #region IDisposable Members
    public void Dispose()
    {
        Dispose(true);
        GC.SuppressFinalize(this);
    }

    protected virtual void Dispose(bool disposing)
    {
        if (!mDisposed)
        {
            mDisposed = true;

            EndView();
        }
    }
    #endregion
}      如你所見上面AbstractHtmlViewObject對象不僅滿足了最上面提到的列表(Ricky那段里),還包含了一些輔助類更容易擴展的東西。也就是它包含的一個屬性:RequestContext,這個屬性可以幫助我們很容易創建HTML和擴展方法GetModelStateValue,我們會在后面詳細講述GetModelStateValue的使用方法。我們會在后面講述RequestContext的細節,這里我們先看看如何創建我們先前討論的那個textbox。

-------------------------------------------

待續…

原文鏈接:http://mvcviewhelpers.codeplex.com/

translated by CareySon

1 1 0
您已投過票
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美日韩另类视频| 国产精品成人aaaaa网站| 国产suv精品一区二区三区88区| 国产精品一区二区女厕厕| 成人羞羞国产免费| 亚洲美女性视频| 97视频在线观看播放| www.99久久热国产日韩欧美.com| 国产精品美女www爽爽爽视频| 欧美自拍视频在线| 日韩免费av在线| 欧美日韩在线视频首页| 欧洲日韩成人av| 国产欧美久久久久久| 粉嫩av一区二区三区免费野| 在线日韩精品视频| 91精品久久久久久久久久久久久久| 久久综合色88| 欧美性猛交xxxx乱大交蜜桃| 日韩av中文字幕在线播放| 中文字幕亚洲欧美日韩在线不卡| 中文字幕欧美日韩精品| 国模视频一区二区三区| 亚洲精品视频久久| 97在线视频免费播放| 欧美一区二区三区精品电影| 揄拍成人国产精品视频| 中文字幕欧美日韩在线| 亚洲综合在线小说| 亚洲毛片在线观看.| 国产成人精品视频在线| 中文字幕少妇一区二区三区| 欧美日韩亚洲一区二区三区| 久久久91精品国产一区不卡| 久久精品国产精品亚洲| 中国日韩欧美久久久久久久久| 亚洲精品小视频| 在线观看欧美成人| 91欧美精品午夜性色福利在线| 成人免费网站在线观看| 亚洲欧美日韩区| 欧美精品久久久久久久久| 国产91|九色| 91高清视频在线免费观看| 午夜精品久久久久久久久久久久| 亚洲精品按摩视频| 岛国av一区二区| 日韩综合中文字幕| 情事1991在线| 欧美久久精品午夜青青大伊人| 国产男人精品视频| 一区二区在线视频| 成人97在线观看视频| 91精品视频大全| 色与欲影视天天看综合网| 国产精品亚洲激情| 欧美激情图片区| 亚洲免费视频在线观看| 精品亚洲一区二区三区四区五区| 在线性视频日韩欧美| 日韩av电影在线播放| 色综合久综合久久综合久鬼88| 亚洲欧洲日产国码av系列天堂| 国产丝袜高跟一区| 色噜噜亚洲精品中文字幕| 久久69精品久久久久久久电影好| 亚洲天天在线日亚洲洲精| 色狠狠av一区二区三区香蕉蜜桃| 伦理中文字幕亚洲| 国产精品第1页| 91精品国产综合久久香蕉922| 国产视频精品自拍| 91中文精品字幕在线视频| 欧美成人久久久| 欧美日韩国产在线| 中文字幕亚洲国产| 成人黄色生活片| 欧美裸体xxxxx| 亚洲电影在线观看| 精品成人av一区| 亚洲肉体裸体xxxx137| 日韩亚洲欧美中文在线| 精品国偷自产在线视频99| 色樱桃影院亚洲精品影院| 亚洲欧美中文另类| 欧美成人精品一区| 中文字幕亚洲无线码在线一区| 国产精品电影久久久久电影网| 亚洲欧美日韩精品| 欧美国产在线电影| 亚洲欧美日韩一区在线| 亚洲自拍另类欧美丝袜| 日韩中文字幕精品视频| 黄色一区二区在线| 国产亚洲综合久久| 国产精品wwwwww| 亚洲第一男人天堂| 国产在线观看精品一区二区三区| 欧美日韩国产第一页| 日韩成人性视频| 国产精品视频地址| 亚洲国产欧美一区二区三区同亚洲| 亚洲精品自产拍| 亚洲精品美女网站| 亚洲va久久久噜噜噜久久天堂| 91视频国产精品| 亚洲国产天堂网精品网站| 热re91久久精品国99热蜜臀| 久久精品久久久久电影| 青草青草久热精品视频在线观看| 2019精品视频| 国产亚洲精品高潮| 亚洲国产欧美一区二区丝袜黑人| 国产亚洲精品久久久久久牛牛| 国产乱人伦真实精品视频| 中文字幕久精品免费视频| 成人444kkkk在线观看| 日韩精品视频在线观看网址| 国产在线a不卡| 亚洲最大福利网站| 韩国精品久久久999| 久久久国产精品一区| 精品久久久久久久久久久| 欧美性猛交xxxx黑人| 亚洲free性xxxx护士hd| 一本一道久久a久久精品逆3p| 日本久久中文字幕| 色综合久久中文字幕综合网小说| 日产精品99久久久久久| 午夜欧美大片免费观看| 26uuu日韩精品一区二区| 国内精品400部情侣激情| 日韩精品免费在线视频观看| 日本最新高清不卡中文字幕| 中国人与牲禽动交精品| 国产精品久久9| 中文字幕精品影院| 91产国在线观看动作片喷水| 久久久精品在线观看| 国产xxx69麻豆国语对白| 亚洲娇小xxxx欧美娇小| 亚洲最大福利视频网站| 欧美伊久线香蕉线新在线| 日韩在线播放一区| 国产精品视频区1| 日韩欧美在线视频日韩欧美在线视频| 日本aⅴ大伊香蕉精品视频| 国产噜噜噜噜久久久久久久久| 久久天堂av综合合色| 国产精品专区第二| 国产精品老女人视频| 韩国19禁主播vip福利视频| 2025国产精品视频| 国产精品观看在线亚洲人成网| 色婷婷亚洲mv天堂mv在影片| 欧美久久久精品| 亚洲欧美中文日韩在线| 中文字幕在线成人| 亚洲精品自产拍| 岛国av一区二区在线在线观看| 97欧美精品一区二区三区| 亚洲欧美国产视频| 国产精品国产福利国产秒拍| 亚洲国产精品va在线看黑人动漫|