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