該項目包含的通用模塊代碼等我有時間一并剝離貢獻出來（基于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等，這里就不再記錄了。