开放原子开发者工作坊

 

1、

下载部署包文件地址：https://github.com/Activiti/Activiti/releases/download/activiti-5.22.0/activiti-5.22.0.zip

源文件：https://github.com/yusilong/Activiti/tree/5.22.0-release

        <!--集成diagram-view5.22跟踪流程-->
        <dependency>
            <groupId>org.activiti</groupId>
            <artifactId>activiti-diagram-rest</artifactId>
            <version>5.22.0</version>
        </dependency>

 

2、解压缩 文件 activiti-explorer.war

3、提取如下文件夹 (3.1)diagram-viewer 放到项目路径下(3.2) 注：存放路劲随意

3.1

3.2

4、提取 （4.1）activiti-diagram-rest 包中的四个文件放到controller目录（4.2）

4.1

4.2 由于我自己有 自定义的controller基类 所以把 BaseProcessDefinitionDiagramLayoutResource.java 和basecontroller.JAVA合并了（4.3）。

4.3

5、解压缩源文件，提取文件（5.1）放到工程目录下（5.2）

配置监听器，用户处理callback回调函数。（5.3）

5.2

5.3

    <filter>
        <filter-name>JSONPFilter</filter-name>
        <filter-class>giftcard.modules.erp.servlet.JsonpCallbackFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>JSONPFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

6、修改返回数据。

由于我对jackson不熟悉，所以我走了一个转换。转换成string类型的数据。

7、修改 index.HTML页面，我的是吧service去掉了。用的是源码。

8、修改ActivitiRest.js中ajax的返回处理为json。这样就差不多了。

9、来点截图。

追踪已发布流程

路径：http://localhost:8099/erp/jslib/diagram-viewer/index.html?processDefinitionId=reviewSaledLead:1:203cc434-cc51-11e7-aa2e-704d7b643146

 

 显示我的流程

路径：http://localhost:8099/erp/jslib/diagram-viewer/index.html?processDefinitionId=reviewSaledLead:1:203cc434-cc51-11e7-aa2e-704d7b643146&processInstanceId=e94efe3c-cc69-11e7-b196-704d7b643146

注意：如果显示没有覆盖的方法，就可能是jar包冲突了。我的吧 servlet-api 2.5版本删除就正常了。