spring boot（十一） 整合Activiti工作流（三）官方编辑器插件Activiti Model - Go语言中文社区

spring boot（十一） 整合Activiti工作流（三）官方编辑器插件Activiti Model

前言

spring boot:2.0.1
activity:5.22.0
activity
activity 5.22.0官方jira包下载地址:
https://github.com/Activiti/Activiti/releases/tag/activiti-5.22.0
activity:5.22.0源码下载地址,点击下载源码:
https://github.com/Activiti/Activiti/releases/tag/activiti-5.22.0
在这里插入图片描述

一、添加依赖

 <!--spring activiti start-->
<dependency>
     <groupId>org.activiti</groupId>
     <artifactId>activiti-spring-boot-starter-basic</artifactId>
     <version>${activiti.version}</version>
     <exclusions>
         <exclusion>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-actuator</artifactId>
         </exclusion>
         <exclusion>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-web</artifactId>
         </exclusion>
         <exclusion>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-security</artifactId>
         </exclusion>
     </exclusions>
 </dependency>

 <dependency>
     <groupId>org.activiti</groupId>
     <artifactId>activiti-spring-boot-starter-actuator</artifactId>
     <version>${activiti.version}</version>
     <exclusions>
         <exclusion>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-web</artifactId>
         </exclusion>
     </exclusions>
 </dependency>
 <dependency>
     <groupId>org.activiti</groupId>
     <artifactId>activiti-rest</artifactId>
     <version>${activiti.version}</version>
     <exclusions>
         <exclusion>
             <groupId>org.springframework.security</groupId>
             <artifactId>spring-security-web</artifactId>
         </exclusion>
         <exclusion>
             <groupId>org.springframework</groupId>
             <artifactId>spring-web</artifactId>
         </exclusion>
         <exclusion>
             <groupId>org.springframework</groupId>
             <artifactId>spring-webmvc</artifactId>
         </exclusion>
     </exclusions>
 </dependency>

 <dependency>
     <groupId>org.activiti</groupId>
     <artifactId>activiti-explorer</artifactId>
     <version>${activiti.version}</version>
     <exclusions>
         <exclusion>
             <groupId>com.vaadin</groupId>
             <artifactId>vaadin</artifactId>
         </exclusion>
         <exclusion>
             <groupId>org.vaadin.addons</groupId>
             <artifactId>dcharts-widget</artifactId>
         </exclusion>
         <exclusion>
             <groupId>activiti-simple-workflow</groupId>
             <artifactId>org.activiti</artifactId>
         </exclusion>
     </exclusions>
 </dependency>
 <dependency>
     <groupId>org.activiti</groupId>
     <artifactId>activiti-diagram-rest</artifactId>
     <version>${activiti.version}</version>
     <!--<exclusions>
         <exclusion>
             <groupId>org.springframework.security</groupId>
             <artifactId>spring-security-web</artifactId>
         </exclusion>
     </exclusions>-->
 </dependency>
 <dependency>
     <groupId>org.activiti</groupId>
     <artifactId>activiti-simple-workflow</artifactId>
     <version>${activiti.version}</version>
 </dependency>
 <dependency>
     <groupId>org.activiti</groupId>
     <artifactId>activiti-spring</artifactId>
     <version>${activiti.version}</version>
 </dependency>


 <dependency>
     <groupId>org.apache.xmlgraphics</groupId>
     <artifactId>batik-codec</artifactId>
     <version>1.7</version>
 </dependency>
 <dependency>
     <groupId>org.apache.xmlgraphics</groupId>
     <artifactId>batik-css</artifactId>
     <version>1.7</version>
 </dependency>
 <dependency>
     <groupId>org.apache.xmlgraphics</groupId>
     <artifactId>batik-svg-dom</artifactId>
     <version>1.7</version>
 </dependency>
 <dependency>
     <groupId>org.apache.xmlgraphics</groupId>
     <artifactId>batik-svggen</artifactId>
     <version>1.7</version>
 </dependency>
 <dependency>
     <groupId>org.springframework.security</groupId>
     <artifactId>spring-security-config</artifactId>
     <version>4.1.3.RELEASE</version>

 </dependency>

 <!--spring activiti end-->

二、复制项目文件到自己的项目中

1、下载源码文件。解压activity5.22.0的源码zip文件
在这里插入图片描述
进入源码文件中的modulesactiviti-webapp-explorer2srcmainwebapp目录，复制diagram-viewer、editor-app、modeler.html三个文件到springboot项目中的resourcesstatic目录下。(主要是前端页面，需要放到static目录下，因为这个spring boot默认的静态资源目当)
2、解压jra包activiti-5.22.0.zip，在Activiti-5.22.0的libs中找到activiti-modeler-5.22.0-sources.jar，将其解压，将会找到以下三个类，StencilsetRestResource ModelEditorJsonRestResource ModelSaveRestResource(三个controller，这是activiti设计器初始化资源的3个类) ，复制到自己的项目中
3、将源码路径modulesactiviti-webapp-explorer2srcmainresourcesstencilset.json复制到springboot项目中的resources目录下，因为StencilsetRestResource这个类中会读这个文件，不想放到这个目录下，那么你也需要修改相应这个类的读取路径。(这个文件是控制界面的语言的)
4、至此，所有需要的文件都复制完成，接下来，我们开始配置修改。项目结构如下:
这里写图片描述
####三、修改配置项
1、修改springboot的启动类, 在类上加如下注解，关闭security功能。主要是因为activiti的依赖中含有spring security的jar包，所以springboot会自动配置安全功能，访问时就需要输入密码，添加activiti相应扫描包

@SpringBootApplication(scanBasePackages = {"com.clockbone","org.activiti"} /*,
        exclude={DataSourceAutoConfiguration.class}*/ ,
        exclude = {
                org.springframework.boot.autoconfigure.security.servlet.SecurityAutoConfiguration.class,
                org.activiti.spring.boot.SecurityAutoConfiguration.class,
                //org.springframework.boot.actuate.autoconfigure.ManagementWebSecurityAutoConfiguration.class
                PageHelperAutoConfiguration.class,
                })

2、修改 resourceseditor-app目录下的app-cfg.js, 如下更改(这个是项目的路径，springboot是不需要项目路径的，所以把项目路径删除掉)

ACTIVITI.CONFIG = {
	'contextRoot' : '/service',
};

3、修改activiti初始化资源的3个类
修改我们从源码中复制到项目中的3个类添加注解
在每个类的类名上加上RequestMapping(value = “/service”)注解。(页面会访问这个路径)
4、修改ModelSaveRestResource类
(不修改这个的话，在页面保存流程时会报错)

@RestController
@RequestMapping(value = "/service")
public class ModelSaveRestResource implements ModelDataJsonConstants {
  
  protected static final Logger LOGGER = LoggerFactory.getLogger(ModelSaveRestResource.class);

  @Autowired
  private RepositoryService repositoryService;
  
  @Autowired
  private ObjectMapper objectMapper;
  
  @RequestMapping(value="/model/{modelId}/save", method = RequestMethod.PUT)
  @ResponseStatus(value = HttpStatus.OK)
  public void saveModel(@PathVariable String modelId, @RequestParam("name") String name,
                        @RequestParam("json_xml") String json_xml,
                        @RequestParam("svg_xml") String svg_xml,
                        @RequestParam("description") String description) {//对接收参数修改
    try {
      
      Model model = repositoryService.getModel(modelId);
      
      ObjectNode modelJson = (ObjectNode) objectMapper.readTree(model.getMetaInfo());
      
      modelJson.put(MODEL_NAME, name);
      modelJson.put(MODEL_DESCRIPTION, description);
      model.setMetaInfo(modelJson.toString());
      model.setName(name);
      
      repositoryService.saveModel(model);
      
      repositoryService.addModelEditorSource(model.getId(), json_xml.getBytes("utf-8"));
      
      InputStream svgStream = new ByteArrayInputStream(svg_xml.getBytes("utf-8"));
      TranscoderInput input = new TranscoderInput(svgStream);
      
      PNGTranscoder transcoder = new PNGTranscoder();
      // Setup output
      ByteArrayOutputStream outStream = new ByteArrayOutputStream();
      TranscoderOutput output = new TranscoderOutput(outStream);
      
      // Do the transformation
      transcoder.transcode(input, output);
      final byte[] result = outStream.toByteArray();
      repositoryService.addModelEditorSourceExtra(model.getId(), result);
      outStream.close();
      
    } catch (Exception e) {
      LOGGER.error("Error saving model", e);
      throw new ActivitiException("Error saving model", e);
    }
  }
}

四、添加新建模块，测试模块方法

1、获取所有模块

/**
     * 获取所有模型
     * @return
     */
    @GetMapping
    @RequestMapping("modelist")
    public String modelList(org.springframework.ui.Model model){
        List<Model> models = repositoryService.createModelQuery().orderByCreateTime().desc().list();
        model.addAttribute("models",models);
        return "model/list";
    }

modellist 页面：

<table class="table">
    <thead>
    <tr>
        <th>ID</th>
        <th>模型名称</th>
        <th>key</th>
        <th>版本</th>
        <th>部署ID</th>
        <th>创建时间</th>
        <th>最后更新时间</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="data : ${models}">
        <td th:text="${data.id}">LeaveBill:1:4</td>
        <td>
            <a th:href="@{/static/modeler.html(modelId=${data.id})}" class="font-blue" th:text="${data.name}">流程名称</a>
        </td>
        <td th:text="${data.key}">1</td>
        <td th:text="${data.version}"></td>
        <td th:text="${data.deploymentId}"></td>
        <td th:text="${data.createTime}">
            2018-02-25 17:28:35
        </td>
        <td th:text="${data.lastUpdateTime}">
            2018-02-25 17:28:35
        </td>
        <td>
            <a href="javascript:;" th:attrappend="objId=${data.id}" class="font-blue deployBtn">发布流程</a>&nbsp;&nbsp;
            <a th:href="@{/crm/model/export/{modelId}(modelId=${data.id})}" class="font-blue">导出</a>&nbsp;&nbsp;
            <a href="javascript:;" th:attrappend="objId=${data.id}" class="font-blue delBtn">删除</a>
        </td>
    </tr>
    </tbody>
</table>

2、跳转到对应模块编辑页面路径

th:href="@{/static/modeler.html(modelId=${data.id})}"

这里我加了/static 前缀，是因为是集成过程中 spring boot静态资源目录直接访问不了会被dispatchServlet类拦截，我重写的WebMvcConfigurer接口，所以所有引用css、js 的地方我都加上了/static ，如果你不需要可以忽略，重写类如下。如果你也遇到这个问题，可参见我的另一篇文章

@Configuration
@Slf4j
@EnableWebMvc
public class StaticResourceConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }

    /*@Override
    public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
        configurer.enable();
    }*/


}

五、页面效果
流程列表页：
这里写图片描述
点击模型名称跳转到流程编辑页：
这里写图片描述
最后，点击流程编辑页’X’关闭流程图时，默认会跳转到http://localhost:8080/static/这个页面是找不到的，此时需要修改一下默认js的跳转路径，我们希望点击关闭后跳转回列表页，找到editor-app——configuration——toolbar-default-actions.js这个js中的下面方法

closeEditor: function(services) {
        	window.location.href = "./";
        },

修改为：

closeEditor: function(services) {
        	window.location.href = "/models/modelist";
        },

这时关闭流程编辑按扭就跳回原来列表页面了。
六、整合过中遇到一些问题，再记录一下
1、报错GlobalAuthenticationConfigurerAdapter类

org.springframework.beans.factory.BeanDefinitionStoreException: Failed to parse configuration class [com.clockbone.web.bootstrap.ApplicationBoot]; nested exception is java.io.FileNotFoundException: class path resource [org/springframework/security/config/annotation/authentication/configurers/GlobalAuthenticationConfigurerAdapter.class] cannot be opened because it does not exist

添加spring-security-config依赖

<dependency>
     <groupId>org.springframework.security</groupId>
     <artifactId>spring-security-config</artifactId>
     <version>4.1.3.RELEASE</version>
 </dependency>

2、弹出输入框
这里写图片描述
可以暂时，在act_id_user表里加一条记用户名、密码记录
这里写图片描述
3、将设计好的流程图发布时报错
这里写图片描述
因为选中流程图的连接线时，需要呈现如下红点 才是连接
这里写图片描述

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/lh87270202/article/details/80958089
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
  • 发表于 2021-12-12 00:49:35
  • 阅读 ( 1678 )
  • 分类：

你可能感兴趣的文章

精选的优质文章

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看

来源51CTO

如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！