All Projects → Yiuman → bpmn-vue-activiti

Yiuman / bpmn-vue-activiti

Licence: MIT license
基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器(Activiti process designer based on Vue3.x + Vite + BPMN-JS + Element-Plus + TSX implementation)

Programming Languages

typescript
32286 projects
CSS
56736 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
Dockerfile
14818 projects

Projects that are alternatives of or similar to bpmn-vue-activiti

vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+279.42%)
Mutual labels:  tsx, vue3, vite, element-plus
vite-vue-admin
🎉🎉使用Vite + Vue3 + TypeScript + Element-plus + Mock开发的后台管理系统🎉🎉
Stars: ✭ 97 (-71.88%)
Mutual labels:  tsx, vue3, vite, element-plus
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (+44.93%)
Mutual labels:  vue3, vite, vue-next, element-plus
vue-devui-early
Vue3版本的DevUI组件库。本仓库已迁移至:https://github.com/DevCloudFE/vue-devui
Stars: ✭ 39 (-88.7%)
Mutual labels:  tsx, vue3, vite
element-plus-admin
基于vite+ts+elementPlus
Stars: ✭ 361 (+4.64%)
Mutual labels:  vite, vue-next, element-plus
vue-lite-admin
a lite vue3.0 admin template,there is no typescript and vuex (但注释挺全)
Stars: ✭ 67 (-80.58%)
Mutual labels:  vue3, vite, element-plus
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin;使用vue-cli可以切换webpack分支
Stars: ✭ 79 (-77.1%)
Mutual labels:  vue3, vite, element-plus
OSAPI
👋 OSAPI 是依靠通用性后台管理平台搭建的API管理平台,基于 vue3、Nestjs 技术栈实现,包含 RBAC 角色权限模块、数据展示、编辑等模块。
Stars: ✭ 32 (-90.72%)
Mutual labels:  vue3, vite, element-plus
vite-vue3-starter
⭐ A Vite 2.x + Vue 3.x + TypeScript template starter
Stars: ✭ 384 (+11.3%)
Mutual labels:  vue3, vite, element-plus
vue3-jd-h5
🔥 Based on vue3.0.0, vant3.0.0, vue-router v4.0.0-0, vuex^4.0.0-0, vue-cli3, mockjs, imitating Jingdong Taobao, mobile H5 e-commerce platform! 基于vue3.0.0 ,vant3.0.0,vue-router v4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
Stars: ✭ 660 (+91.3%)
Mutual labels:  tsx, vue3, vue-next
vue-vben-admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!
Stars: ✭ 12,169 (+3427.25%)
Mutual labels:  tsx, vue3, vite
vue-next-admin
🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)
Stars: ✭ 1,002 (+190.43%)
Mutual labels:  vue3, vite, element-plus
codemirror-editor-vue3
CodeMirror component for Vue3
Stars: ✭ 22 (-93.62%)
Mutual labels:  vue3, vite, vue-next
Vue Vben Admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!
Stars: ✭ 8,036 (+2229.28%)
Mutual labels:  tsx, vue3, vite
fastadmin
vue3 + element-plus fast admin scaffold, 基于vue3和ElementPlus的中后台快速应用脚手架
Stars: ✭ 50 (-85.51%)
Mutual labels:  vue3, vite, element-plus
tailwind-layouts
Collection of Tailwind Layouts
Stars: ✭ 53 (-84.64%)
Mutual labels:  vue3, vite
electron-vue-next
A starter template for using vue-next with the electron.
Stars: ✭ 189 (-45.22%)
Mutual labels:  vite, vue-next
soybean-admin
A fresh and elegant admin template, based on Vue3,Vite3,TypeScript,NaiveUI and UnoCSS [一个基于Vue3、Vite3、TypeScript、NaiveUI 和 UnoCSS的清新优雅的中后台模版]
Stars: ✭ 2,322 (+573.04%)
Mutual labels:  vue3, vite
vuse-rx
Vue 3 + rxjs = ❤
Stars: ✭ 52 (-84.93%)
Mutual labels:  vue3, vue-next
iro
IRO - Amazing Color Tools. Color Convert HEX, RGB, HSL and CMYK. Color Inspection with Camera.
Stars: ✭ 103 (-70.14%)
Mutual labels:  vue3, vite

bpmn-vue-activiti

项目简介

基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器

😃我是一个活生生的例子

😙 如果此项目对你有帮助,请记得给我一个小星星

后端activiti7集成,请戳这里

友情链接: 蜜月大佬的vue2版本实现,请戳这里

项目特性

  1. 全新的vue技术栈+tsx
  2. 全数据驱动的模型组件,实现数据逻辑与组件的完全解耦

项目说明

bpmn相关的配置在src/bpmn目录下

  • conifg

    此目录下为bpmn相关节点的属性的数据驱动配置及相关逻辑(即主界面右手边的属性配置界面)

  • I18n

    翻译模块,里面定义了bpmn相关的中文翻译

  • resources

    定义此了activiti的moddle的Json,用于扩展bpmn适配activiti,提供给modeler使用

  • store.ts

    整个上下文的状态管理,里边获取并处理当前活动节点,初始化modeler,刷新节点等相关的主要操作

如果你需要扩展到你的项目中,你只需要在config/modules找到相关节点,并配置定义好你需要扩展的属性及实现相关逻辑即可,可参考现有实现的配置。

组件说明:相关使用到的组件都在src/components目录下

  • bpmn-actions 为主页面下按钮就按钮执行逻辑的组件
  • button-render 用于渲染iconfont按钮的组件
  • dynamic-binder 全数据启动的核心组件,用于对象的模型的组件、数据、取值、设值的解耦,在此项目中用于配置相关节点的属性配置
  • modeler bpmn-modeler
  • panel 流程节点的属性配置面板
  • sublist 基于element-plus ElTable的可编辑表格

项目截图

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].