williamraym

由于這里主要演示的是ExtJS與.Net結合應用，因此一個核心就是ExtJS部分，打開manage/Default.aspx中的源代碼，可以得到如下的內容：

 

在manage/Default.aspx中，我們沒有引入任何特殊的服務器端控件，基本上就是普通的html，注意包含了很多的js文件。其中../plugins/extjs/ext-2.0/adapter/ext/ext-base.js及../plugins/extjs/ext-2.0/ext-all.js是Ext的庫文，而manage.js、core.js、topic.js、album.js等是我們本系統中編寫的ExtJS應用文件，那些艷麗的界面都是直接在這些js文件中調用ExtJS的組件生成的。對于不熟悉Ext的朋友們來說，我推薦直接通過《ExtJS實用開發指南》來進行一個系統的學習、并且可以把《指南》作為日常的參考書籍。而對于熟悉Ext并且希望進一步提升的朋友們來說，我建議你直接看《Wlr單用戶Blog系統源碼詳細開發文檔》，該文檔中包含了對我們這里用到的manage.js、core.js、topic.js、album.js等文件作了較為詳盡的講解及分析。

 

由于這里是一個基于DotNet平臺的應用，因此我們重點來看看后臺管理部分。后臺管理的程序在manage目錄中，包含Album.aspx、AlbumCategory.aspx、Topic.aspx、TopicCategory.aspx、Blog.aspx、Link.aspx、User.aspx、Comment.aspx等等。經常搞Asp.Net開發的朋友一定會迫不急待的點開這些擴展名為.aspx的文件想看過究竟，看看這些文件是如何與客戶端交付、使用了哪些控件、如何產生JSON、如何訪問數據庫、SQL語句如何寫等。但我想點開后你一定會有所失望了，因為點開這些文件后你會發現里面幾乎什么東西都沒有。比如Topic.aspx文件中只包含下面一句大家平時瞟都不會瞟一眼的代碼：

 

當然，你一定猜到我們一定把處理這些內容的東西都放下面的Topic.aspx.cs文件中了，恭喜你，完全正確！我們重點應該是看aspx下面的C#類文件，比如Topic.aspx.cs，如下圖所示：

 

 

 

Topic.aspx用來實現日志的添加、修改、刪除、分頁查詢、排序等一系列的功能，我們可以理解為日志管理模塊。

       前面的一大堆using我想不用多說，你應該知道就是引入需要用到的包package(或命名空間)，其中的System.XX的我想你是見多了，不會有什么疑問，而Vifir.XX是本系統的域模型、業務邏輯層接口等，另外還包含Vifir的核心類庫，你直接像System.XX里面的東西一樣在該用的時候使用是了。（備注：Vifir.Model是本系統的后臺業務邏輯，如果你是Vifir的VIP用戶，則應該還能夠直接下載他的源代碼，我也會在后面的文章中對Vifir.Model中的源碼進行具體的分析，Vifir.Core是Vifir提供的一個簡單Ajax、Ext支持及企業應用快速開發的開發庫，不是開源項目，但可以免費使用，所以想看他源代碼的就只有加入到Vifir團隊中才有可能了。當然，看不到也沒關系，想想我們雖然沒看到System.XX里面的一句代碼，還不是照樣屁顛屁顛地用著！）。

下面我們來看看類的聲明，代碼如下： 

 

整個方法的代碼如果把處理日志分類的部分去掉的話，就會顯得更加簡潔了，Web層的東西嘛，就是要追求越簡潔越好，最好什么都沒有才好維護。不需要專門處理JSON輸出，也不需要根據不同的數據庫寫一句SQL語句，更不需要計算頁碼多少、處理排序字段等等，一切交給Vifir提供的類庫來處理就OK了。

      

List方法的代碼看完了，我們接下來看看Remove方法，該方法就是簡單地根據前臺傳進來的參數id，調用業務邏輯層的delTopic方法來刪除指定日志，代碼及注解如下：

 public void Remove()
    ...{
        long id = long.Parse(Request.Params["id"]);//獲得前臺傳來參數id并轉換成long
        service.delTopic(id);//調用業務層的delTopic方法刪除指定日志　
        extFormResult = true;//指定返回ExtJS表單能識別的數據
    } 

然后下面是Save及Update方法的源代碼，他們都是用來保存數據，Save是用來保存新增加的日志，而Update用來保存修改的日志。跟前面的方法一樣，這些方法都是簡單的調用業務邏輯層指定方法來實現日志的保存、修改等功能。下面我們來看看Save方法的源碼及注解：

public void Save()
    ...{
       Topic obj = new Topic();//新建一個Topic對象
       ToPo(obj);//把表單中傳的內容保存到對象obj中，比如表單的title字段值或保存到obj的Title屬性中,content或Content字段值會保存到obj的Content屬性中，有多少保存多少。
       string CategoryId = Request.Params["CategoryId"];//得到日志分類ID
       if (CategoryId != null && !"".Equals(CategoryId))
       ...{
         TopicCategory c = this.categoryService.getTopicCategory(long.Parse(CategoryId));//調用業務邏輯方法得到指定分類id對應的TopicCategory對象
         obj.Category = c;//設置Topic對象的Category值，也就是設置日志分類
       }
       if (!HasError())//如果沒有錯誤
       service.addTopic(obj);//調用業務層的addTopic方法來實現添加日志
       extFormResult = true;//設置extFormResult的值為true，返回ExtJS表單Action能識別的JSON數據
}

如果你一直搞.Net，或者你不知道什么是IOC，那么你一定會疑惑，在上面的代碼中ITopicService只是一個接口，也就是service只是一個接口，而且我們在代碼中沒給其設置過值，他的實現類具體是什么等。那么請你打開bin目錄中的Web.xml這個文件，這是一個Spring.NET的配置文件，在該配置文件中可以配置各個類及業務組件之間的依賴關注，并給相關類注入依賴的對象。比如配置Topic.aspx.cs類的配置信息如下：

<object type="manage/Topic.aspx">
    <property name="Service" ref="topicService" />
    <property name="CategoryService" ref="topicCategoryService" />
  </object>

 

 

他使得在創建Topic.aspx對應的類實例時，會自動從容器找到名為topicService及topicCategoryService的組件，并注入到Service及CategoryService兩個屬性中。

 

關于IOC及Spring.NET，請直接訪問Spring.NET的官方網站www.springframework.net。

 

當然，本示例還引入了一些前沿的后臺技術，比如泛型DAO、ORM等。有興趣的朋友們可以通過vifir.com進一步深入了解。

 

本文源碼下載：http://www.vifir.com/entry/view/1245184.html