小白都能懂的流程设计器的实现

1.在线流程设计器实现
1.1 场景
当“创建”和“修改”模型时,会打开流程设计器,设计完成后序保存模块。
1.2 实现分析
实际上,打开模型设计器是一个Controller提供支持,跳转到一个页面。源码如下:

小白都能懂的流程设计器的实现_第1张图片

我们只需模拟实现即可。详细步骤如下:

1)拷贝activiti-explorer工程classpath下,editor.html文件,并改名为editor.jsp
2)实现一个Controller,用于跳转“editor.jsp”
小白都能懂的流程设计器的实现_第2张图片
3)在“添加”和“修改”模型后,跳转到Controller的访问地址。

1.3. 实现
1)拷贝activiti-explorer工程classpath下,editor.html文件,并改名为editor.jsp
2)实现一个Controller,用于跳转“editor.jsp”
3)在“添加”和“修改”模型后,跳转到Controller的访问地址。
问题解决:
1)javascript要加结束标签
2)editor.jsp变相对为绝对

在这里插入图片描述
3)修改/js/wf/editor/oryx.debug(相对变绝对)
小白都能懂的流程设计器的实现_第3张图片
a、修改后台控制器地址
…/service/ ===> “/”
b、修改前台(图片&脚本)资源地址
…/ ===> /js/wf/
4)保存模块报错
导入jar包即可
5)关闭在线流程设计的处理:
写一个controller跳转到model.jsp就可以.

你可能感兴趣的:(activiti工作流,流程设计器)