我们力求页面层代码简洁并具有较好的可读性,在ASP.NET MVC的平台上,我们以新的起点来实现这一目标.MvcContrib.FluentHtml和Spark ViewEngine给我们做出了榜样.本文将以MvcContrib.FluentHtml为例探究它的实现机制:Fluent Interface.
创新新互联,凭借10余年的做网站、成都网站制作经验,本着真心·诚心服务的企业理念服务于成都中小企业设计网站有上千案例。做网站建设,选创新互联建站。
ASP.NET MVC
在MvcContrib.FluentHtml的应用中,我们随处可以见到下面的代码:
- <%=this.TextBox(x=>x.Person.Name).Title("Entertheperson'sname").Label("Name:")%>
- ……
- <%=this.Select(x=>x.Person.Gender).Options(Model.Genders).Size(5).Label("Gender:")
- .Title("Selecttheperson'sgender")%>
- <labelidlabelid="Person_Name_Label"for="Person_Name">Name:
- <inputidinputid="Person_Name"type="text"value="Jeremy"title="Entertheperson'sname"name="Person.Name"maxlength="50"/>
- .
- <selectidselectid="Person_Gender"title="Selecttheperson'sgender"size="5"name="Person.Gender">
- <optionvalueoptionvalue="M"selected="selected">Male
- <optionvalueoptionvalue="F">Female
这种实现编程方式就是"Fluent Interface",这并不是什么新概念,2005年Eric Evans 和Martin Fowler就为这种实现方式命名.源文档
我们分解上面的话:
◆它是面向对象API的一种实现方式
◆目的是增加代码的可读性
既然我们最熟悉的是StringBuilder,我们就从这个线索追下去:打开Reflector,很容易找到StringBuilder的Append方法:
- publicStringBuilderAppend(stringvalue)
- {
- if(value!=null)
- {
- stringstringValue=this.m_StringValue;
- IntPtrcurrentThread=Thread.InternalGetCurrentThread();
- if(this.m_currentThread!=currentThread)
- {
- stringstringValue=string.GetStringForStringBuilder(stringValue,stringValue.Capacity);
- }
- intlength=stringValue.Length;
- intrequiredLength=length+value.Length;
- if(this.NeedsAllocation(stringValue,requiredLength))
- {
- stringnewString=this.GetNewString(stringValue,requiredLength);
- newString.AppendInPlace(value,length);
- this.ReplaceString(currentThread,newString);
- }
- else
- {
- stringValue.AppendInPlace(value,length);
- this.ReplaceString(currentThread,stringValue);
- }
- }
- returnthis;
- }
了解了Fluent Interface,我们来看一下MVCContrib.FluentHTML的实现,这里以TextBox为例进行考察,首先看一下它的继承关系:
public class TextBox : TextInput< TextBox>
public abstract class TextInput< T> : Input< T>, ISupportsMaxLength where T : TextInput< T>
public abstract class Input< T> : FormElement< T> where T : Input< T>, Ielement
泛型是一种高层次的算法抽象,我们就通过Input< T>一窥端倪:
- publicabstractclassInput
:FormElement whereT:Input ,IElement - {
- protectedobjectelementValue;
- protectedInput(stringtype,stringname):base(HtmlTag.Input,name)
- {
- builder.MergeAttribute(HtmlAttribute.Type,type,true);
- }
- protectedInput(stringtype,stringname,MemberExpressionforMember,
IEnumerablebehaviors) - :base(HtmlTag.Input,name,forMember,behaviors)
- {
- builder.MergeAttribute(HtmlAttribute.Type,type,true);
- }
- ///
- ///Setthe'value'attribute.
- ///
- ///<paramnameparamname="value">Thevaluefortheattribute.
- publicvirtualTValue(objectvalue)
- {
- elementValue=value;
- return(T)this;
- }
- ///
- ///Setthe'size'attribute.
- ///
- ///<paramnameparamname="value">Thevaluefortheattribute.
- publicvirtualTSize(intvalue)
- {
- Attr(HtmlAttribute.Size,value);
- return(T)this;
- }
- protectedoverridevoidPreRender()
- {
- Attr(HtmlAttribute.Value,elementValue);
- base.PreRender();
- }
- }
总结
为了能够在View中能够简洁清晰的构造HTML元素,ASP.NET MVC中通过htmlHelper.InputHelper来实现页面元素的构造. 页面层所使用的<%= Html.TextBox("username") %>,HTML也是htmlHelper的Extension Method.相比较起来,htmlHelper提供了基础的页面控件定义和构造,而FluentHTML表现的更为灵活.除了FluentHTML,著名的Spark View Engine也有类似的实现,大家可以关注一下.
分享文章:浅谈ASP.NETMVC的MvcContrib.FluentHtml
文章路径:http://www.csdahua.cn/qtweb/news30/530480.html
网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网