[发明专利]一种轻量级和完全跨浏览器的流程设计方法

说明书

本发明公开了一种轻量级和完全跨浏览器的流程设计方法，涉及流程设计领域，解决了现有基于B/S架构的流程设计器架构复杂、不利于二次开发，可扩展性差以及兼容性差等问题，现提出如下方案，其采用Raphael实现流程绘制组件来提供流程图的绘制功能，Raphael是一个用于在网页中绘制矢量图形的Javascript库，它使用SVG W3C推荐标准和VML作为创建图形的基础，通过JavaScript操作DOM来进行绘图，SVG支持IE9+和其它所有主流浏览器，VML支持IE8及之前的版本，因此使用结合了二者的Raphael进行绘图，可以使得流程设计器拥有良好的浏览器兼容性。本发明具有兼容性好，增加了流程属性动态配置模块，有效提高设计效率和质量，还增加了流程集成模块，实现了流程设计到部署的一键操作，使流程更加顺畅。

技术领域

本发明涉及流程设计领域，尤其涉及一种轻量级和完全跨浏览器的流程设计方法。

背景技术

在过去的几十年里，对信息系统的需求不断增加，因此OA、PLM、PDM和ERP等系统成为了现代企业的重要组成部分。随着无纸化办公的推广，企业也逐渐在上述系统中集成工作流技术，适应新的需求、机会和客户期望，用来推进办公自动化，提高办公效率并且使得过程具有可追溯性。工作流能将企业的一系列业务处理过程分解为计算机能够处理的节点或者任务，实施工作流将达到缩短企业运营周期、优化并自动化业务流程、提高企业的运营效率和管理水平，因此工作流在企业中具备重要的地位。

一个完整的工作流生命周期包括定义、发布、执行、监控和优化五个阶段，因此一个完整的工作流管理系统由工作流引擎、流程设计器、流程操作、流程监控和表单设计器等部分组成。流程设计器是可视化的流程设计工具，是业务流程的定义阶段，因此工作流设计器的好坏将决定工作流管理系统的适应性和可扩展性。

当前的流程模型设计方法主要可分为以下三种：第一种是手工编写符合BPMN2.0标准的XML格式流程定义文件；第二种是基于集成开发环境IDE插件的流程设计器进行流程建模；第三种是基于B/S架构的流程设计器进行流程建模。

而基于B/S架构的流程设计器，在Activiti和Flowable开源版本中，典型的是带有web版流程设计器Activiti Modeler和Flowable Modeler。Activiti Modeler是一种基于B/S架构的流程设计器，也是符合BPMN2.0规范的设计器。Activiti Modeler并非由Activiti官方开发，而是由Signavio公司所开发的。Signavio是一款BPMN可视化在线设计器，其底层基于德国的HPI公司所开发的Web建模工具Oryx。此类流程设计器一般分为四个主要部分，包括工具栏、BPMN元素栏、画布区以及属性配置区。画布区的绘图功能通过HTML事件与Oryx工具库交互实现，页面上的节点均为Oryx中自定义的标签，通过SVG标签进行展示。而工具栏则具有丰富的操作事件。

基于B/S架构的流程设计器，是现在最通用的方案，该类方案的优点是集成简单，开发工作量小，适用于各种角色使用。而现有的Activiti Modeler和Flowable Modeler与其对应的流程引擎耦合紧密。存在浏览器兼容性问题，例如Activiti Modeler使用了Oryx图形库不能兼容IE浏览器。操作复杂，其中流程元件众多且图标相似，部分元件不符合中国式流程。架构复杂，包括Angulaer核心库、前端路由、Bootstrap组件等模块，不利于二次开发，可扩展性差。缺乏规范检测机制，对设计的流程图缺乏唯一性校验、冗余性检测和环路检测机制。

进而导致现有基于B/S架构的流程设计器架构复杂、不利于二次开发，可扩展性差以及兼容性差等问题。因此提出一种轻量级和完全跨浏览器的流程设计方法。

发明内容

本发明的目的在于提供一种轻量级和完全跨浏览器的流程设计方法，解决了现有基于B/S架构的流程设计器架构复杂、不利于二次开发，可扩展性差以及兼容性差等问题。