也谈基于Web的含工作流项目的一般开发流程

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

 

基于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：

<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等，这里就不再记录了。