news 2026/4/23 10:28:15

若依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/4/23 11:05:28

nodejs课程在线学习考试平台管理系统

文章目录 系统概述核心功能模块技术实现要点扩展性设计典型应用场景 --nodejs技术栈--结论源码文档获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 系统概述 Node.js课程在线学习考试平台管理系统是一个基于Node.js技术的综合性教育平台&#…

作者头像 李华
网站建设 2026/4/4 8:42:15

ANSYS Fluent软件合规性审计流程与自查要点

一、问题本质:是什么? 很多学生或刚接触ANSYS Fluent软件的学习者,在使用过程中常常会遇到一个令人困扰的问题——软件的合规性问题。所谓合规性审计,其实就是在检查你是否规定的方式使用软件,是否遵守了使用许可协议…

作者头像 李华
网站建设 2026/4/22 9:00:38

【计算机毕业设计案例】基于VUE的食堂智能点餐系统基于nodejs的药膳食堂点餐系统的设计与实现(程序+文档+讲解+定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/4/18 17:43:26

【课程设计/毕业设计】基于NodeJS的药膳食堂点餐系统的设计与实现基于vue+Node.js药膳食堂点餐系统的设计与实现【附源码、数据库、万字文档】

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/4/18 11:17:01

【计算机毕业设计案例】基于php+vue的家教预约服务发布和查找家教信息、预约服务网页设计与开发(程序+文档+讲解+定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/4/17 17:13:59

springboot 微信小程序养老院驿站服务平台-vue

目录 项目背景技术架构核心功能特色设计部署与扩展 开发技术源码文档获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 项目背景 SpringBoot与微信小程序结合的养老院驿站服务平台,采用Vue.js作为前端框架,旨在为老年人及…

作者头像 李华