Flowable：Flowable Modeler设计器引入前端vue项目

最新推荐文章于 2024-07-26 17:51:26 发布

月哥说了算

最新推荐文章于 2024-07-26 17:51:26 发布

阅读量6.9k

点赞数 5

分类专栏： flowable工作流 java

本文链接：https://blog.csdn.net/weixin_45362084/article/details/118091331

版权

本文介绍了如何将Flowable Modeler设计器集成到Vue项目中，包括从官网下载Flowable, 将Modeler引入Vue项目，调整API访问路径，并在Vue页面成功引用，最终实现点击编辑按钮跳转到流程设计器的功能。" 109801001,10319529,插入排序算法实践：保持有序序列,"['算法', '排序算法', '编程问题', '数据结构']

摘要由CSDN通过智能技术生成

背景

使用工作流必然少不了流程设计器，这类设计器很多。这里使用的是flowable工作流，使用的设计器也是flowable的Flowable Modeler。

实现

1.下载

官网地址：https://www.flowable.org/

2.将Flowable Modeler放入自己的Vue项目

在这里插入图片描述

3.修改接口访问路径

在这里插入图片描述

4.在vue页面引用它

<template>
  <div class="e_centent">
   <div class="typelise">
    </div>
    <div v-show="type == 0" class="mainse">
      <k-form-design :showHead="false" style="height: 100%;" />
    <