该项目包含的通用模块代码等我有时间一并剥离贡献出来(基于WebSocket的通知引擎,工作流整合模块,自定义表单,基于RBAC权限设计),最近太忙了,Web项目有一段时间没碰,有点生疏的感觉,主要在忙GQT项目,一套基于桌面开发的框架,写代码写的有点手酸的感觉。


基于Web的含工作流的项目看起来并不如想象的那么简单,主要需求:

  1. 灵活定制工作流,并跟踪流程进度;

  2. 每个Order含有历史轨迹记录,可在历史中查看;

  3. 工作流的Action灵活,认领任务不一定非要先提取表单,因为很多节点都只有几个动作,直接按钮操作即可;

  4. 待办事宜列表在不刷新页面情况下也能变动;

项目要求:

  1. 操作简单高效;

  2. 权限细节到按钮级别;

  3. 并发数少,不超过3000个在线用户;

主要可能使用到技术:

  1. 工作流引擎,我这里选用Activiti5,很灵活好用;

  2. 权限使用Spring Security,基于标签式管理权限很方便;

  3. 通知引擎使用WebSocket,基于Flash实时通信,基于socket.io;

  4. 权限粒度基于经典的RBAC;

  5. 总体框架Spring MVC+Mybatis;

实现的WebSocket的总体思路:

  1. WebSocket Server独立于Web项目,Web Server与WebSocket Server之间的局域网通信基于简单的Socket通信,这样这个组件可以完全解耦和通用;

  2. 当Web项目要Push消息到Client时,通过Web Server的Socket Client向WebSocket Server的Socker Server发送消息,然后WebSocket Server收到消息后解码,广播到所有浏览器;

我们实现的事件通知非常简单,设定全局变量并让浏览器侦听:

var G_WebSocket=false; 
var EVENT_ORDER_CHANGE_STATUS = "orderChange";
var EVENT_ORDER_CHANGE_AMOUNT = "amountChange";
var EVENT_ORDER_CHANGE_REFUND = "refundChange";
WebSocket.init = function(callbackFunc){
socket = io.connect(connUrl, connOptions);
socket.on('connect', function() {
G_WebSocket=true;
callbackFunc("connect",null);
});
socket.on('disconnect', function() {
G_WebSocket=false;
callbackFunc("disconnect",null);
});
socket.on('clientQuit', function(obj){
G_WebSocket=false;
callbackFunc("clientQuit",obj);
});
socket.on('broadcast', function(obj) {
callbackFunc("broadcast",obj);
});
};


在需要侦听WebSocket接受Web Server推送消息的地方加上一个函数即可:

	WebSocket.init(function(command,jsonObj){ 		
if(command=="broadcast"){
if(jsonObj.e == EVENT_ORDER_CHANGE_STATUS){
//TODO:write your code here
}else if(jsonObj.e == EVENT_ORDER_CHANGE_AMOUNT){
//TODO:write your code here
}else if(jsonObj.e == EVENT_ORDER_CHANGE_REFUND){
//TODO:write your code here
}
}
});

这样的结构要扩展推送服务很简单,比如按频道推送等,都可以很容易的扩展。

再看看看工作流,我们实现了activiti通用的申请提交任务流程和自定义表单功能,提取跟踪流程图功能等,这样你要设计一个新流程也变得非常简单,只需要在eclipse里划上工作流图,在后台发布,然后通过SpringMVC的RestAPI启动实例流程,申领完成任务等,如下图:



流程走到了分支的两个节点上,这样对后续新增的工作流提供了极大的遍历。

最后说说Spring Security,基于RBAC的权限体系搭建好后(可以用在任何管理系统中),要在页面中访问一个资源,首先判断一下是否有权限,如下HTML:

 
resource access here


 	

XXX功能

前台由于项目比较小,没有用到js的MVC框架,如backbone等,这里就不再记录了。