该项目包含的通用模块代码等我有时间一并剥离贡献出来（基于WebSocket的通知引擎，工作流整合模块，自定义表单（详见这里），基于RBAC权限设计），最近太忙了，Web项目有一段时间没碰，有点生疏的感觉，主要在忙GQT项目，一套基于桌面开发的框架，详见这里，写代码写的有点手酸的感觉。
基于Web的含工作流的项目看起来并不如想象的那么简单，主要需求：
- 灵活定制工作流，并跟踪流程进度；
- 每个Order含有历史轨迹记录，可在历史中查看；
- 工作流的Action灵活，认领任务不一定非要先提取表单，因为很多节点都只有几个动作，直接按钮操作即可；
- 待办事宜列表在不刷新页面情况下也能变动；
项目要求：
- 操作简单高效；
- 权限细节到按钮级别；
- 并发数少，不超过3000个在线用户；
主要可能使用到技术：
- 工作流引擎，我这里选用Activiti5，很灵活好用；
- 权限使用Spring Security，基于标签式管理权限很方便；
- 通知引擎使用WebSocket，基于Flash实时通信，基于socket.io；
- 权限粒度基于经典的RBAC；
- 总体框架Spring MVC+Mybatis；
实现的WebSocket的总体思路：
- WebSocket Server独立于Web项目，Web Server与WebSocket Server之间的局域网通信基于简单的Socket通信，这样这个组件可以完全解耦和通用；
- 当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：
<sec:authorize ifAllGranted="r_pd">
<a href="#">resource access here</a>
</sec:authorize>
<sec:authorize url="/XXX/XXX/XXX.html">
<a href="XXX/XXX/XXX.html'">
<span>XXX功能</span>
</a>
</sec:authorize>
前台由于项目比较小，没有用到js的MVC框架，如backbone等，这里就不再记录了。