|
|
作為Web開發(fā)者，我們經(jīng)常面對的任務(wù)就是將數(shù)據(jù)通過表格展現(xiàn)給用戶。最簡單的情景是比如僅將顧客的訂單顯示出來。然而，更多的數(shù)據(jù)表格將提供比如排序，分頁等更多的豐富的功能。
在ASP.NET的web表單中，GridView控件提供了一種快速簡便的方法顯示網(wǎng)格中的記錄集，并提供像排序、分頁、編輯及刪除的功能，所有的這些只需寫少量的代碼就可以實現(xiàn)。在頁面加載時，GridView自動HTML中的table標(biāo)記，讓你不需要寫任何標(biāo)簽,以及不用去考慮如何顯示和將數(shù)據(jù)綁定到GridView控件。在ASP.NET MVC應(yīng)用中，由于是使用了MVC模式，這對于那些剛接觸ASP.NET MVC的新手來說有點挑戰(zhàn)，特別是那些已經(jīng)熟悉了傳統(tǒng)的ASP.NET開發(fā)的人來說。
這是一個講解如何在ASP.NET MVC應(yīng)用中使用數(shù)據(jù)控件的系列文章。在該系列文章中，我們首先學(xué)習(xí)到如何創(chuàng)建ASP.NET MVC應(yīng)用程序及如何訪問數(shù)據(jù)庫。接著是如何在一個簡單的表格控件中展示數(shù)據(jù)記錄。最后將會探究如何實現(xiàn)更豐富功能的數(shù)據(jù)功能，比如排序，分頁，過濾以及客戶端的腳本功能加強。我們同時也會探究一些目前比較流行的表格控件，比如MvcContrib項目和基于Javascript的表格項目jqGrid。本文將首先指導(dǎo)如何創(chuàng)建一個ASP.NET MVC程序以及如何將數(shù)據(jù)庫中的數(shù)據(jù)呈現(xiàn)到表格中去。
ASP.NET MVC是微軟根據(jù)著名的MVC設(shè)計模式而專門為ASP.NET開發(fā)而實現(xiàn)的一個框架。從本質(zhì)上說，它允許開發(fā)者在網(wǎng)頁中使用更強大的控件，并使得程序開發(fā)者和頁面開發(fā)者能更專注于自身領(lǐng)域的開發(fā),使的程序更容易測試，更容易實現(xiàn)SEO。ASP.NET MVC框架最早是在Visual Studio 2008和ASP.NET 3.5 sp1時提出來的。在.NET 4中，ASP.NET MVC已經(jīng)是作為其中的一個重要組成部分了，如果使用Visual Studio 2010的話，就不需要另外下再ASP.NET MVC框架了。
下面我們開始建立一個新的ASP.NET MVC應(yīng)用。首先啟動Visual Studio 2010,選擇文件—新項目。選擇C#語言，并且選擇建立一個ASP.NET MVC2 空Web應(yīng)用程序，將項目命名為GridDemosMVC，之后按確定完成，如下圖：
▲
一個新的空的ASP.NET MVC2 應(yīng)用的目錄結(jié)構(gòu)如下：
Content -這個目錄存放的是靜態(tài)的頁面內(nèi)容，比如CSS文件，圖片等。
Controllers -這個目錄存放的是應(yīng)用的控制器及相關(guān)文件。在MVC模式中，控制層負責(zé)處理用戶的請求并選擇模型和產(chǎn)生返回的視圖。控制器是以類的形式實現(xiàn)的，其中的方法被稱為actions,當(dāng)以約定的URL形式訪問控制器時，這些actions方法就會被調(diào)用。
Models - 這個目錄存放的是實體模型文件。
Scripts -這個目錄存放的是包括jQuery和微軟的ASP.NET Ajax庫的相關(guān)Javascript文件。
Views - 這個目錄包含了視圖層的文件。視圖通常包括HTML、Javascript文件和服務(wù)端產(chǎn)生的文件。不象傳統(tǒng)的ASP.NET Web應(yīng)用中服務(wù)端代碼和頁面文件是混在一起的(或者代碼是單獨以code-behind的方式存放),在ASP.NET MVC中，視圖層的文件不應(yīng)該包含業(yè)務(wù)邏輯代碼。
Global.asax –這個文件其實是ASP.NET MVC中一個重要的核心文件。 ASP.NET MVC中廣泛使用了ASP.NET的的URL路由選擇功能(有關(guān)介紹參考: http://www.4guysfromrolla.com/articles/012710-1.ASPx一文)。ASP.NET MVC 框架中設(shè)定了一個默認(rèn)的URL路由規(guī)則如下: {controller}/{action}/{id},當(dāng)用戶比如以www.yoursite.com/Categories/View/Beverages,訪問時，ASP.NET會默認(rèn)執(zhí)行名為CategoriesContriller這個控制器的其中的view這個方法，并且將Beverages作為id傳進去。
步驟2 增加Northwind數(shù)據(jù)庫支持和創(chuàng)建Linq-TO-SQL類
在我們開始設(shè)計控制器和頁面視圖前，我們先設(shè)置好數(shù)據(jù)庫，本文將以Northwind數(shù)據(jù)庫作為示例，其中的數(shù)據(jù)庫文件在本文的附件中可以下載。在項目中，建立一個App_Data文件夾，將附件中的northwnd.mdf和northwnd.ldf放進去。
現(xiàn)在可以開始從數(shù)據(jù)庫中讀取數(shù)據(jù)了，本文中采用的是Linq-to-SQL的方法。它是一種微軟設(shè)計的ORM對象關(guān)系映射工具。之所以選擇它，是因為它可能是最快最簡便的ORM工具了。實際上，Linq-to-SQL在我們的項目工程中增加了相關(guān)的文件，指定我們要訪問的數(shù)據(jù)庫或表，接著它創(chuàng)建一個叫DataContext的類，這個類用來更新及從數(shù)據(jù)庫中獲取數(shù)據(jù)。Linq-to-sql允許我們使用簡潔的可讀性強的代碼去操作數(shù)據(jù)庫，這使得我們可以暫時不用去浪費時間在編寫底層的SQL代碼的編寫上。我們推薦閱讀Scott Guthire編寫的關(guān)于Linq-SQL的教程<( http://scottonwriting.NET/sowblog/archive/2010/07/27/links-to-scott-guthrie-s-using-linq-to-sql-tutorials.ASPx)。
首先，我們鼠標(biāo)右擊Models文件夾，選擇新增文件，從對話框中，選擇Linq to SQl的類模版，并將其命名為Northwind.dbml,就會創(chuàng)建一個新文件，打開后，可以在Linq-to-SQL設(shè)計器中看到。具體步驟見如下圖：
接下來，轉(zhuǎn)到服務(wù)資源管理器中，展開northwnd.mdf這個文件，拖拉其表分類下的Categories和Products兩個表到設(shè)計器中去，并且保存，要做的工作就是這么多，這時系統(tǒng)已經(jīng)自動為我們構(gòu)建了數(shù)據(jù)訪問層了。
步驟3 為項目增加必要的文件
此外，我們要將文中附件解壓縮后，將其中的一些文件復(fù)制到項目工程中，因為這些是我們項目中要用到的一些資源文件。首先將附件中的工程的rContent目錄下的所有內(nèi)容復(fù)制到當(dāng)前項目的Content目錄下，并把附件工程中的Views/Shared目錄復(fù)制到當(dāng)前項目中的相同目錄中去。注意的是并不需要復(fù)制其他文件到當(dāng)前項目中去，因為其他文件是在今后的教程中有用到的。
步驟4 增加ProductsController控制器
對于本文，所有的數(shù)據(jù)展示都是通過一個簡單的控制器ProductsController去實現(xiàn)，其中所有的用戶請求都會被派發(fā)到Products控制器中的Index.action去處理，即比如用戶通過URL http://www.yoursite.com/Products/Index，或者www.yoursite.com/Products(因為Index是默認(rèn)訪問的action名,可以省略)，同樣象排序或者分頁的功能，訪問的形式是www.yoursite.com/Products/Sortable和www.yoursite.com/Products/Paged.
創(chuàng)建控制器時，在Controllers文件夾中右擊，在彈出的菜單中選擇新增—控制器ji 即可，將控制器命名為ProductsController，這樣將創(chuàng)建一個ProductsController的類和一個Index的方法。
當(dāng)用戶訪問www.yoursite.com/Products/Index時，我們希望顯示產(chǎn)品的名稱，分類、數(shù)量、單價和折扣。因此我們需要使用NorthwindDataContext這個輔助類，它是由Linq-to-SQL工具自動產(chǎn)生的一個類，輔助我們對數(shù)據(jù)庫的存取。因為我們要在控制器的所有action方法中都要用到這個輔助類，因此可以增加一個叫DataContext的屬性去返回這個類的實例。此外，這個屬性將對NorthwindDataContext實例進行一些屬性的設(shè)置，以實現(xiàn)在加載產(chǎn)品的時候同步加載產(chǎn)品所屬的目錄(注意：Linq-to-SQL默認(rèn)是使用延遲加載的，所謂的延遲加載，就是比如我們在顯示每個產(chǎn)品的時候，并不希望ORM框架同步加載產(chǎn)品所屬的分類，因為同步加載的話當(dāng)數(shù)據(jù)量大的時候是會很耗費資源的)。代碼實現(xiàn)如下：
public class ProductsController : Controller
{ private NorthwindDataContext _DataContext = null;
protected NorthwindDataContext DataContext
{ get
{ if (_DataContext == null)
_DataContext= new NorthwindDataContext(); // Eager load Category info
var options= new DataLoadOptions();
options.LoadWith(p= p.Category);
_DataContext.LoadOptions= options;
return _DataContext;
}
} // GET: /Products/ public ActionResult Index()
{
return View();
}
}
NET技術(shù)：ASP.NET MVC功能詳解 變身數(shù)據(jù)展示達人，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
