news 2026/7/28 23:49:20

若依vue2前后端分离集成flowable

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
若依vue2前后端分离集成flowable

使用:https://gitee.com/tony2y/RuoYi-flowable

0、package.json中添加如下代码

"bpmn-js": "^11.1.0", "bpmn-js-bpmnlint": "^0.21.0", "vkbeautify": "^0.99.3", "diagram-js": "^11.4.1",

添加后再执行nup install

1、main.js添加如下代码

//流程处理 import modelerStore from '@/components/Process/common/global' Vue.prototype.modelerStore = modelerStore;

2、router.js文件中插入对应路由

/

// 流程对应菜单 { path: '/flowable', component: Layout, hidden: true, children: [ { path: 'definition/model/:deployId', component: () => import('@/views/flowable/definition/model'), name: 'Model', meta: {title: '流程设计', icon: ''} }, { path: 'task/finished/detail/index', component: () => import('@/views/flowable/task/finished/detail/index'), name: 'FinishedRecord', meta: {title: '流程详情', icon: ''} }, { path: 'task/myProcess/detail/index', component: () => import('@/views/flowable/task/myProcess/detail/index'), name: 'MyProcessRecord', meta: {title: '流程详情', icon: ''} }, { path: 'task/myProcess/send/index', component: () => import('@/views/flowable/task/myProcess/send/index'), name: 'SendRecord', meta: {title: '流程发起', icon: ''} }, { path: 'task/todo/detail/index', component: () => import('@/views/flowable/task/todo/detail/index'), name: 'TodoRecord', meta: {title: '流程处理', icon: '', noCache: false} }, { path: 'task/flowForm/index', component: () => import('@/views/flowable/task/flowForm/index'), name: 'FlowForm', meta: {title: '流程表单', icon: ''} }, ] },


3、执行流程SQL,然后将流程菜单调整到系统管理下

需要资源:https://download.csdn.net/download/wangdaoyin2010/92630078

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/26 3:08:18

废品回收小程序前端功能设计逻辑与实践

随着绿色生活理念深入人心,数字化服务逐渐渗透至废品回收领域,小程序前端功能设计成为影响用户接受度与服务效能的关键。设计核心在于简化操作链路、明确信息传递,精准对接用户下单回收、价格查询、订单跟进的核心诉求,同时适配基…

作者头像 李华
网站建设 2026/7/26 6:37:42

创客匠人行业深研:AI智能体重构知识IP的用户共生关系

当知识付费行业迈入深度运营阶段,一个被长期忽视的核心命题浮出水面:知识IP与用户之间,究竟是交易关系,还是共生关系?在流量红利消退、用户注意力稀缺的当下,单纯的内容输出已难以维系用户黏性。而AI智能体…

作者头像 李华
网站建设 2026/7/27 9:43:01

探索西门子200smart换热站程序的奇妙世界

西门子200smart换热站程序西门子200smart换热站程序 有 变量表 源程序代码 CAD图纸 威伦屏 程序 在自动化控制领域,西门子200smart系列PLC凭借其强大的功能和灵活性,广泛应用于各种工业场景,换热站就是其中之一。今天咱们就来深入聊聊西门子2…

作者头像 李华
网站建设 2026/7/26 10:11:03

基于nodejs+vue的学生成绩在线考试管理系统

文章目录系统概述核心功能模块技术亮点应用价值系统设计与实现的思路主要技术与实现手段源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!系统概述 Node.jsVue构建的学生成绩在线考试管理系统是一个基于现代Web技术的全栈应用,…

作者头像 李华