基于Raphael的在线流程设计器前端实现

简介：
本项目基于JavaScript库Raphael开发，实现了高效的在线流程图设计工具，支持流畅的用户交互和矢量图形绘制。 基于Raphael编写的流程设计器控件仅包含前台部分功能。用户可以通过拖拽操作创建节点，并在两个节点之间通过点击箭头并进行拖曳来生成路径连接线。对于执行和审批类型的节点，双击后可以设置其属性（例如定义审批人等逻辑）。针对判断类型节点的转出箭头，同样支持双击操作以设定相应的判断条件。 该控件使用Raphael与jQuery开发而成，并未依赖于Ext或其他框架的支持；同时在配置元素时采用了easyUI插件。利用W3C DOM技术生成XML代码，在用户点击保存后会显示最终的jpdl内容以及可以存储至数据库中的图像对应JSON格式数据（此JSON文件亦可用于页面重新加载，从而实现流程图信息持久化）。