.Net 3.0 添加了一個語法糖就是擴(kuò)展方法，其實擴(kuò)展方法的本質(zhì)就是對類的靜態(tài)方法的調(diào)用，雖然擴(kuò)展方法只是改變了我們寫代碼的方式，但是如果我們使用得當(dāng)，可以給我們帶來巨大的編碼效率的提升。對于C#擴(kuò)展方法的使用，我就不細(xì)說了，貼段代碼說明擴(kuò)展方法的使用，大家就會回憶起來。
復(fù)制代碼 代碼如下:
public static class Extensions
{
public static string EndWith(this string str)
{
return str + "@";
}
}
對于這段非常簡單的代碼，相信大家應(yīng)該會很明白，可以看到擴(kuò)展方法的使用，就是在一個靜態(tài)類中定義一個靜態(tài)方法，在方法參數(shù)中添加this。
那么使用擴(kuò)展方法就更加的簡單了。以下代碼片段就是擴(kuò)展方法對于string的擴(kuò)展，會在頁面上顯示@
復(fù)制代碼 代碼如下:
string str = "";
Response.Write(str.EndWith());
擴(kuò)展方法不是本次課題的重點，本次課題的重點是說明如何利用擴(kuò)展方法來鏈?zhǔn)降膶VC 3中的頁面進(jìn)行驗證。對于Mvc的驗證，有很多種方式，其中我們經(jīng)常使用的就是Model的驗證，這是最直接最有效的我們操作的方式，可以對一個字段進(jìn)行多個條件的驗證。但是這種驗證方式有一個弊端，就是我們不能在頁面上直接看到對該字段進(jìn)行了哪些驗證，除非我們?nèi)odel層查看，但是通常一個項目是分項目組的，我們不一定負(fù)責(zé)開發(fā)Model層，所以這就會遇到一個溝通的問題。我們都知道，程序員的溝通成本是很高的。
現(xiàn)在提供另一種進(jìn)行頁面驗證的方式，這種方式也可以對一個頁面元素進(jìn)行多個條件的驗證，并且是在客戶端進(jìn)行的。要使用這個驗證，我們必須了解一個jquery的插件，那就是jquery.validation.js文件，這個是對元素進(jìn)行驗證的js文件。
還有一個我們必須了解的知識點就是？Mvc 3的Razor 視圖直接繼承自哪個類？相信很多朋友都會毫不猶豫的說是ViewPage，當(dāng)然這不能說是錯的，因為Mvc 2 確實是繼承自ViewPage基類，但是在Razor 視圖下，是繼承自WebViewPage類的，如果你的擴(kuò)展方法擴(kuò)展的是ViewPage，那么對不起，你在頁面上是無法看到這個擴(kuò)展方法的，除非繼承自WebViewPage。希望大家擴(kuò)展頁面方法的時候注意一下類的繼承問題。
說了準(zhǔn)備工作，那么我們切入正題，先貼出來代碼，然后我們再逐漸的分析。
復(fù)制代碼 代碼如下:
namespace MvcWeb.Extensions
{
public class JqueryHelper
{
public ViewContext ViewContext { get; private set; }
public WebViewPage ViewPage { get; private set; }
public RouteCollection RouteCollection { get; private set; }
public JqueryHelper(ViewContext viewContext, WebViewPage page, RouteCollection routeCollection)
{
this.ViewContext = viewContext;
this.ViewPage = page;
this.RouteCollection = routeCollection;
}
public JqueryHelper(ViewContext viewContext, WebViewPage viewPage) : this(viewContext, viewPage, RouteTable.Routes) { }
}
public static class JqueryExtensions
{
public static JqueryHelper Jquery(this WebViewPage page)
{
var key = typeof(JqueryHelper);
var jquery = page.PageData[key] as JqueryHelper;
if (jquery == null)
{
page.PageData[key] = jquery = new JqueryHelper(page.ViewContext, page);
}
return jquery;
}
}
public class JqueryValidations
{
public WebViewPage Page { get; private set; }
public JqueryValidations(WebViewPage page)
{
this.Page = page;
}
private Dictionarystring, Dictionarystring, object>> m_rules = new Dictionarystring, Dictionarystring, object>>();
private Dictionarystring, Dictionarystring, object>> m_message = new Dictionarystring, Dictionarystring, object>>();
public void Required(string name,string message)
{
this.AddRuleAndMessage(name, "required", true, message);
}
public void Email(string name, string message)
{
this.AddRuleAndMessage(name,"email",true,message);
}
public void Number(string name, string message)
{
this.AddRuleAndMessage(name, "number", true, message);
}
public void Range(string name,int min,int max, string message)
{
this.AddRuleAndMessage(name, "range", new int[] { min, max }, message);
}
public string ToScripts(string form)
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
StringBuilder builder = new StringBuilder();
builder.Append("$(");
serializer.Serialize(form, builder);
builder.Append(").validate(");
serializer.Serialize(
new
{
rules = this.m_rules,
messages = this.m_message,
onkeyup = false
}, builder);
builder.Append(");");
return builder.ToString();
}
public ValidationElement Element(string name)
{
return new ValidationElement(name, this);
}
private void AddRuleAndMessage(string name, string rule, object value, string message)
{
if (!this.m_rules.ContainsKey(name))
{
this.m_rules[name] = new Dictionarystring, object>();
}
this.m_rules[name][rule] = value;
if (!string.IsNullOrEmpty(message))
{
if (!this.m_message.ContainsKey(name))
{
this.m_message[name] = new Dictionarystring, object>();
}
this.m_message[name][rule] = message;
}
}
}
public class ValidationElement
{
public ValidationElement(string name, JqueryValidations validations)
{
this.Name = name;
this.Validations = validations;
}
public string Name { get; private set; }
public JqueryValidations Validations { get; private set; }
public ValidationElement Required(string message)
{
this.Validations.Required(this.Name, message);
return this;
}
public ValidationElement Email(string message)
{
this.Validations.Email(this.Name, message);
return this;
}
public ValidationElement Number(string message)
{
this.Validations.Number(this.Name, message);
return this;
}
public ValidationElement Range(int min, int max, string message)
{
this.Validations.Range(this.Name, min, max, message);
return this;
}
}
public static class JQueryValidationExtensions
{
public static JqueryValidations Validations(this JqueryHelper jquery)
{
return jquery.Validations("(default)");
}
public static JqueryValidations Validations(this JqueryHelper jquery, string name)
{
var key = typeof(JqueryValidations) + "+" + name;
var page = jquery.ViewPage;
var validations = page.PageData[key] as JqueryValidations;
if (validations == null)
{
page.PageData[key] = validations = new JqueryValidations(page);
}
return validations;
}
}
}
在這段代碼中定義了JqueryHelper 類，是對WebViewPage的擴(kuò)展，其中有一個方法ToScript 我們要特別注意一下，這個方法是在頁面上顯示一段拼接的js，也就是jquery.validation.js會用到的驗證頁面元素的js。
具體代碼我就不細(xì)說了，我介紹一下基本思想吧。首先我們定義了一個JqueryHelper類，然后頂一個JqueryValidation類來定義對頁面元素可以進(jìn)行的驗證。這里面有一個鏈?zhǔn)椒椒ū仨氂玫降木褪敲總€驗證方法返回的結(jié)果都是JqueryValidation類的對象，這樣我們才可以進(jìn)行鏈?zhǔn)讲僮鳌?
通過Dictionary來存儲驗證的標(biāo)簽Name屬性值，錯誤信息，以及驗證規(guī)則，最后根據(jù)這些值在ToScript中拼接出可以提交的js。
好了，來看個結(jié)果，大家就會更加清楚這個鏈?zhǔn)椒椒ǖ挠猛舅诹恕?
復(fù)制代碼 代碼如下:
@{
Layout = null;
}
@using MvcWeb.Extensions
!DOCTYPE html>
html>
head>
title>Index/title>
script src="http://www.cnblogs.com/Scripts/jquery-1.5.1.js" type="text/javascript">/script>
script type="text/javascript" src="@Url.Content("http://www.cnblogs.com/Scripts/jquery-1.5.1-vsdoc.js")">/script>
script type="text/javascript" src="@Url.Content("http://www.cnblogs.com/scripts/jquery.validate.js")">/script>
/head>
body>
div>
form id="form" action="" method="post">
input type="text" id="user.Name" name="user.Name" />
@{ this.Jquery().Validations().Required("user.Name","用戶名是必填的 親");}
select name="user.Gender">
option value="">Please select.../option>
option value="1">Male/option>
option value="2">Femle/option>
/select>
@{ this.Jquery().Validations().Required("user.Gender", null);}
input type="text" name="user.Email" />
@{this.Jquery().Validations().Element("user.Email").Required("郵箱是必填的").Email("請?zhí)顚懻_的郵箱格式");}
input type="submit" value="提交" />
/form>
/div>
script type="text/javascript">
@Html.Raw(this.Jquery().Validations().ToScripts("#form"))
/script>
/body>
/html>
對于在頁面中實現(xiàn)驗證的方法，我介紹一下咱們應(yīng)該注意的地方
1.就是我們必須引入對應(yīng)的js文件，如果我們不引入jquery.validation.js文件，那么驗證也是不成功的
2.必須把要驗證的元素放到form標(biāo)簽內(nèi)
3.就是我們在通過鏈?zhǔn)椒椒炞C元素的時候應(yīng)該注意順序，雖然說任何順序都是可以的，但是我們也要按照業(yè)務(wù)邏輯來對驗證順序進(jìn)行調(diào)整
4.最后我們通過一個submit按鈕來進(jìn)行提交，可能有人要用ajax等其他方式來提交頁面，我可以告訴你，我嘗試了一下，這樣不會觸發(fā)前端js的驗證
5.最后我們必須要通過ToScript方法來拼接出驗證的js，在Mvc中框架會自動進(jìn)行編碼，所以我們要求框架不要編碼。如果沒有要求框架
不要編碼，那么最后得到的js結(jié)果就是編碼過的js，這不是我們要的結(jié)果。具體你可以查看源代碼看一下執(zhí)行結(jié)果
最后還是有圖有真相
1。初始界面顯示
2.如果有些條件不滿足，那么就會在界面上顯示錯誤信息，當(dāng)然這是可定制的。在我
在我調(diào)試代碼的時候，我發(fā)現(xiàn)在IE9下，有時候錯誤信息顯示的不是很實時，在火狐下顯示的很正常，可能有些問題需要解決。但是不影響使用。
總結(jié)一下，鏈?zhǔn)椒椒ㄎ覀兤鋵嵰步?jīng)常看到，在我們使用linq的時候，有時會有很多個方法鏈接使用，提高了程序的可讀性。但是我們在設(shè)計可以用來進(jìn)行鏈?zhǔn)椒椒ú僮鞯臅r候一定要注意的就是所有的鏈?zhǔn)椒椒ǖ姆祷刂殿愋捅M量相同，因為這便于我們不需要掌握順序。有的園友會提出不同意見，linq語法就不是所有的返回值類型都相同，但是我們要知道，我們在使用linq的時候，方法的調(diào)用順序是很重要的對吧。
強(qiáng)調(diào)一下，擴(kuò)展方法不是真的在原有類中添加了一個方法，而是相當(dāng)于調(diào)用的靜態(tài)類中的靜態(tài)方法實現(xiàn)的。
天色已黑，我們還在努力。堅強(qiáng)的我們，肯定會有美好的明天。
您可能感興趣的文章:- 使用Asp.net Mvc3 Razor視圖方式擴(kuò)展JQuery UI Widgets方法介紹
- ASP.NET MVC3關(guān)于生成純靜態(tài)后如何不再走路由直接訪問靜態(tài)頁面
- ASP.NET MVC3的偽靜態(tài)實現(xiàn)代碼
