ASP.NET MVC 企業級實戰 —— 創建用戶權限管理范例程序（一）

網上有很多討論ASP.NET MVC，也有討論Jquery插件的，同時把兩者結合起來做項目開發的卻是比較少。

ASP.NET MVC是比較優秀的后台框架，而前台采用JQuery插件會做出比較漂亮美觀的界面。

假正經哥哥發表過一篇Blog 如果利用xjplugin編寫基於web的應用系統，講解了如何將兩者結合來開發Web應該系統。

將要創建的用戶權限管理模塊是采用了NBlock快速開發框架，這套框架就是參考了假正經哥哥的思想和技術進行封裝和擴展而成。

用戶權限管理的訪問地址：http://42.121.122.31/, 速度可能會慢，因為我是通過園豆購買的阿里雲主機，最差的那種配置。

 

下面進入我們的正題，一步一步來創建用戶權限管理范例程序。

一、安裝NBlock框架

打開Visual Studio 2010，點擊 工具 -> 擴展管理器，如下圖所示：

 

打開擴展管理器之后，我們在聯機庫菜單中可以找到NBlock快速開發框架，只需要在右側的查詢框中輸入 NBlock, 等一會就會出現如下圖所示的界面。我們只需要選中“NBlock快速開發框架”這項，並點擊下載。

點擊“下載”按鈕之后，就會彈出下載並安裝的提示框，只有400多K， 一下子就下載完成了，下載中的界面如下圖所示。

下載完成之后，會自動彈出安裝界面，我們只需要點擊安裝即可，如下圖所示。

安裝完成之后，我們再看看擴展管理器中的“NBlock快速開發框架”這條記錄， 原先下載按鈕的位置變成了打鈎狀態，表示我們已經安裝了“NBlock快速開發框架”這套模版，如下圖所示。

需要重新啟動Visual Studio 2010，我們才能選擇基於“NBlock快速開發框架”來創建企業級的項目或模塊。

二、 創建OrgAuth項目

在安裝好“NBlock快速開發框架”之后，就可以創建基於“NBlock快速開發框架”的快速開發項目了。打開Visual Studio 2010，點擊 文件 -> 新建 -> 項目 創建基於NBlock框架的快速開發項目，如下圖所示。項目名稱設置為OrgAuth。

點擊確定按鈕之后，Visual Studio 2010將會創建一個解決方案OrgAuth，包含三個項目， OrgAuth.Web 應用程序（MVC項目）、OrgAuth.Services業務服務層（類庫項目）和OrgAuth.Models數據模型層（類庫項目）。

三、 OrgAuth項目的目錄結構

OrgAuth包含三個項目，其中OrgAuth.Web 應用程序會自動增加一些文件和目錄到項目中，如下圖所示。

默認情況下，OrgAuth.Web 應用程序有五個頂級目錄。

Controllers – 放置Controller 類，處理URL 請求。

Views – 放置UI 模板文件，負責展示輸出結果，默認采用Razor視圖。

Scripts – 放置Javascript 類庫文件和.js 文件。

Contents – 放置CSS 和圖像文件，以及其他非動態的、非Javascript 文件。

App_Data – 放置數據庫文件。

OrgAuth.Web 應用程序目錄采用ASP.NET MVC 應用程序的大部分默認目錄結構。我們這里去除了ASP.NET MVC 應用程序的Models目錄。將Model類單獨放置在OrgAuth.Models類庫項目中。

當我們展開/Controllers 目錄時，可以發現默認情況下，NBlock框架自動增加了2 個Controller 類，HomeController 和 EnumController。HomeController定義了登錄界面和主框架界面的Action，EnumController定義了枚舉類型，枚舉項管理的相關Action。

當我們展開/Views 目錄時，發現自動添加了三個子目錄，分別為：/Enum，/Home 和 /Shared。/Shared目錄增加了常用的一些模板文件，如左樹右列表、普通列表、普通表單、主從表的表單和普通對話框的布局模板。

當我們展開/Scripts 目錄時，發現自動添加了jQuery腳本庫和一些jQuery的插件。插件包含：列表、樹、對話框、日期控件、驗證控件等等。

當我們展開/Content目錄時，發現自動添加了/themes/Blue目錄，里面放置了一些公共的樣式表和各個jQuery插件的樣式表，其中Images目錄放置了各個插件所用到的圖片。

當我們展開/App_Data目錄時，發現自動添加了Enum.db文件，該文件是Sqlite數據庫文件。NBlock框架默認是采用Sqlite作為存儲數據庫的，NBlock框架不是必須要求采用Sqlite作為存儲數據庫的。事實上，對於企業應用系統通常至少會采用Sql Server作為存儲數據庫。更改存儲數據庫只需要在Web.config配置文件修改下數據庫連接即可。

其中OrgAuth.Services業務服務層會自動增加Core目錄和RegisterService.cs文件，如下圖所示。其中Core目錄有三個文件nbEnumService.cs、nbPrivilegeService.cs、nbUserService.cs。

其中OrgAuth.Models數據模型層會自動增加Remark目錄和一些文件，如下圖所示。Model.edmx為數據庫設計文件，Remark目錄是為Model.edmx增加數據庫的備注信息，而三個T4模板文件是為了Model.edmx生成Code First 代碼的。

除了上面講到的三個項目之外，還需要復制packages文件夾，里面放置了NBlock框架的DLL和引用的第三方DLL文件。如下圖所示。

四、 運行OrgAuth應用程序

通過Visual Studio 2010運行上一步創建OrgAuth應用程序，將啟用內置ASP.NET Web Server。如下是OrgAuth應用程序的登錄界面。

賬號和密碼都輸入admin之后登錄系統，會顯示OrgAuth應用程序的主框架界面。如下圖所示。

當我們點擊左側菜單的枚舉管理，進入枚舉類型和枚舉項的管理界面，如下圖所示。點擊枚舉分類中的管理按鈕，可以維護枚舉類型信息。枚舉信息是指系統中常用到的字典數據，如用戶狀態有正常，停用等。

當我們點擊枚舉管理中枚舉分類的管理“按鈕”時，系統就會彈出枚舉類型的對話框，里面列出了所有的枚舉類型，通過新增枚舉類型、批量刪除來維護枚舉類型信息。也可以通過右側的快速檢索來查詢待維護的枚舉類型數據。系統采用了彈出對話框的模式，並且可以彈出多層對話框。

上述登錄界面、主框架界面和枚舉管理界面的功能實現是我們在創建基於NBlock框架項目時默認添加的，我們將使用這些代碼作為快速開發項目的起始點。添加枚舉數據之后的界面效果如下圖所示。

呵呵，很久沒有發表blog了，發現調整格式真是一件累人的活。

到這里我們已經完成了用戶權限管理模塊的搭建，非常簡單方便，接下來我們會講解如何快速開發一個用戶管理界面，敬請期待！

 代碼下載：/Files/lfzx_1227/OrgAuth.rar