基于SOA架构采用Extjs展现的权限系统之总体设计探讨

基于SOA架构采用Extjs展现的权限系统之总体设计探讨2010-12-12 cnblogs xds上一篇文章说过，系统由数据层，业务层，服务层，数据契约层，WCF代理层，ExtJs代理层，展现层组成。现在我们一起探讨这些层之间的作用。

众所周知，主流的三层结构由数据库，业务层与展现层组成。我认为：SOA架构在三层的基础上添加服务层，数据契约层，WCF代理层。

现在一起探讨一下各层之间的作用吧！

数据层：用于与数据库交互的层。提供简洁实用的数据库访问方法，如：添加，删除，更新，查找等等。我这里的数据层采用 Linq技术，由Linq自动生成数据访问层，节省了不少开发时间哦。

业务层：用于支撑业务需求，该层一般要具备高度灵活性，可扩展性，可配置等。大部份情况下会提供相关的工具一起支撑业务需求。如：配置管理器。在设计此层的时候，要考虑重用，节省下次开发软件的成本。个人认为：这也是衡量软件开发人员水平的一个重要因素。

服务层：SOA架构下，该层是必不可少的。服务层的作用是：业务以服务的形式提供外部接口。使业务的访问方式与平台，技术无关。把握服务的粒度是相当重要的。比如：权限系统中包含用户，用户组，权限，模块和他们这间的分配等操作。大家认为，服务的粒度该如何把握。我这里先提供两种个人想法：1. 将整个权限系统作为一个服务；2.将权限系统的各个功能块分别成为服务。如：用户服务，用户组服务等。目前我采用的是第一种方式，如果大家有更好的想法，希望一起探讨哦。

数据契约层：服务是离不开契约的，就像鱼和水的故事。因为契约是发布服务的方式。没有了它外部对服务就不可见了。既然他们不能分离，为什么不将数据契约层与服务层合并在一起呢，你这不是棒打鸳鸯麻。我也是迫不得已呀，因为我要让服务的实现代码与公开的接口进行分离，这样我们就可以使实现细节安全一些，保护鱼儿哇。

WCF代理层：该是用在客户端，也是必不可少呢。一般通过添加服务引用即可自动生成。

ExtJs代理层：为什么要有ExtJS代理层呢？因为ExtJs在与WCF直接交互将会遇到很多问题。如：WCF与ExtJs通过JSON序列化后日期格式的冲突，树的JSON格式（ExtJS树有自己的固定格式），WCF获取ExtJs的参数等。最最关键的是：我不能为了使用ExtJs而使服务层变成只支持ExtJs的服务，这脱离了服务的本质。因此我加入的ExtJs代理层。解决服务与ExtJS交互的问题。

ExtJs展现层：当我在07年的时候第一次看到ExtJs时，是多么的兴奋与喜悦。这世上还有如何美妙的Web界面。着实让我激动了好几天。当时JS还是菜鸟的我，就凭的一股傻劲肯下了这块硬骨头。家谈唠叨完了，下面说正题，大家见谅哇。ExtJs展现层是提供给用户操作的，直接影响的用户体验。现在的部份客户，已经不仅仅只要求软件能满足由业务需要，而且还要美观，易用，最好能一见钟情哇。有人说ExtJs很庞大，速度慢，难维护等相关缺点。是的，我不否认这些观点，ExtJs并不是十全十美，但它也解决了很多问题。如：树。ASP.NET 提供的树与ExtJs提供的树根本不在一个层次。记得有篇文章《为了树，也要学习ExtJs》。我现在为用户组分配用户等这类的功能，准备以拖放的形式进行分配，提高易用性及用户体验，使Web的应用程序也能拥有Winform的效果。如果大家有更易用的分配方式，请不吝赐教哦。关于ExtJs很庞大，我觉的ASP.NET更庞大。为什么不排斥呢？我觉得，它由容易调试，写代码方便等因素决定的。反之 JS，难调试，写代码也没有像样的智能提示。关于速度慢， 200多K的文件下载，第一次的访问的速度确实快不到哪去。所以我推荐将ExtJs用于后台管理，前端访问量大的可以采用JQuery这些轻量极的工具。但ExtJs将很多事情放在客户端作，一定程度降低了服务端的压力。关于难维护这个缺点，我也谈谈个人的看法。如果将JS代码进行良好的组织，维护还是可以的。我目前的JS代码都采用了命名空间并以包含或继承的方式实现。如：用户界面。我先实现自己的 EditorGridPanel，然后User继承于EditorGridPanel实现用户的界面。如果分配用户的功能需要用户的界面，直接new User（）就可以获得用户界面。这样可扩展性，可维护性，可重用性不就提高了么。下面贴一下这块的代码。欢迎大家拍砖哇~~。

EditorGridPanel类/

/// <reference path="~/extjs/adapter/ext/ext-base.js"/>
/// <reference path="~/extjs/ext-all-debug.js"/>
/**
 * author: 许道松
 * email: fjfuqingxds@163.com
 * createDate: 2008-9-28
*/
// EditorGridPanel类
// ================================
//创建自定义Grid,并继承自 Ext.grid.EditorGridPanel
XDS.Platform.Grid.EditorGridPanel = Ext.extend（Ext.grid.EditorGridPanel, {
constructor: function（config） {
this.clicksToEdit = 1;
this.autoScroll = true;
Ext.applyIf（this, {
store: new XDS.Platform.Data.Store（{
url: XDS.Platform.config.UrlUnion（this.url, XDS.Platform.config.SelectOperation）,
id: this.dataKey,
fields: this.fields,
grid: this,
listeners: {
beforeload: function（） {
this.help = new XDS.Platform.Help（）;
this.help.beforeload（this.grid）;
},
load: function（） {
this.help.completeload（this.grid）;
}
}
}）
}）;
Ext.applyIf（this, {
viewConfig: {
forceFit: true,
columnsText: "列",
sortAscText: "升序",
sortDescText: "降序"
},
bbar: new Ext.PagingToolbar（{
pageSize: this.pageSize,
store: this.store,
displayInfo: true,
displayMsg: "总记录数{0} - {1} of {2}",
emptyMsg: "没有记录"
}）
}）;
if （Ext.isArray（this.operate）） {
Ext.applyIf（this, { tbar: new XDS.Platform.Grid.GridToolBar（this） }）;
}
XDS.Platform.Grid.EditorGridPanel.superclass.constructor.call（this, config）;
},
load: function（） {
this.getStore（）.load（{ params: { start: 0, limit: this.pageSize} }）; 
}
}）;