Advertisement

Vue-BPMN-Element: 基于Vue和ElementUI的BPMN.js流程设计器组件,优化属性面板以适应绝大多数业务需求...

  • 5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
Vue-BPMN-Element是一款基于Vue框架及Element UI设计的BPMN.js流程图编辑器。它提供了高度定制化的属性面板,旨在满足各种业务场景的需求。 bpmn.js流程设计器组件: 1. 调整了设计器的UI布局,并使用vue-elementui美化属性面板。 2. 支持设置任务变量、表达式及分支条件,能够满足90%以上的业务需求。 3. 兼容flowable和activiti等常用方法。目前支持以下配置: - 配置支持Flowable(激活) 组件仍在不断完善中,如有扩展需求,请参考下列三个事件: - 监听选择变化事件,以调整属性面板的显示与隐藏状态 ```javascript this.modeler.on(selection.changed, e => { // TODO }) ``` - 监听内容变更事件,更新属性栏的内容: ```javascript this.modeler.on(element.changed, e => { // TODO }) ``` - 监听点击事件: ```javascript // el部分省略未完整列出 ```

全部评论 (0)

还没有任何评论哟~
客服
客服
  • Vue-BPMN-Element: VueElementUIBPMN.js...
    优质
    Vue-BPMN-Element是一款基于Vue框架及Element UI设计的BPMN.js流程图编辑器。它提供了高度定制化的属性面板,旨在满足各种业务场景的需求。 bpmn.js流程设计器组件: 1. 调整了设计器的UI布局,并使用vue-elementui美化属性面板。 2. 支持设置任务变量、表达式及分支条件,能够满足90%以上的业务需求。 3. 兼容flowable和activiti等常用方法。目前支持以下配置: - 配置支持Flowable(激活) 组件仍在不断完善中,如有扩展需求,请参考下列三个事件: - 监听选择变化事件,以调整属性面板的显示与隐藏状态 ```javascript this.modeler.on(selection.changed, e => { // TODO }) ``` - 监听内容变更事件,更新属性栏的内容: ```javascript this.modeler.on(element.changed, e => { // TODO }) ``` - 监听点击事件: ```javascript // el部分省略未完整列出 ```
  • Vue-Element-Admin:采用VueElementUI后台管理模
    优质
    Vue-Element-Admin是一款基于Vue.js框架及Element UI组件库开发的企业级后台管理系统解决方案,提供开箱即用的前端功能模块。 vue-element-admin 是一个 Vue.js 项目 **构建设置** - 安装依赖:`npm install` - 使用热更新在 `localhost:8080` 运行开发环境:`npm run dev` - 构建生产环境并进行最小化处理:`npm run build` - 构建生产环境,并查看包分析报告:`npm run build --report` - 运行单元测试:`npm run unit` - 运行端到端测试:`npm run e2e` - 执行所有测试:`npm test` 系统目录结构搭建可以参考百度脑图说明。 **git 分支** 初始模板分支为 `initial-template`。
  • VueElement分页
    优质
    本分页组件采用Vue框架开发,并集成了Element UI库,提供简洁高效的页面导航解决方案。 基于 Vue 和 ElementUI 开发的分页组件与后端项目配置使用 PageHelper 相配合。前端在使用此组件时可以更好地实现数据分页功能。
  • 使用 Vue bpmn.js 实现 Flowable 工作示例
    优质
    本项目采用Vue框架和bpmn.js库构建,提供了一个直观的工作流设计工具,用于Flowable工作流引擎,支持流程图绘制与编辑。 基于workflow-bpmn-modeler进行适配以兼容Ant Design Vue版本的工作已经完成。这一过程涉及到对原模型器的深入理解和重新设计,以便更好地融入Ant Design Vue框架中,提升用户体验和界面美观度。通过这次改造,使得原本适用于其他前端技术栈的应用能够无缝地在Vue项目中使用,并且保持了原有的流程图绘制与管理功能。 此版本不仅保留了原有工具的核心特性——支持业务流程建模及优化、提供直观的图形化编辑器让用户更加方便快捷地创建和修改工作流模型,还通过引入Ant Design Vue组件库增强了界面设计的一致性和交互体验。此外,在适配过程中对一些细节进行了改进和完善,以确保与最新版Ant Design Vue兼容并发挥最佳性能。 因此,无论是对于需要集成BPMN流程图编辑功能的新项目还是希望升级现有系统的开发人员来说,这个基于workflow-bpmn-modeler的Ant Design Vue版本都是一个值得考虑的选择。
  • Flowchart-VueVue.js图与
    优质
    Flowchart-Vue是一款专为Vue.js框架打造的高效流程图绘制和设计插件。它简化了前端开发人员构建复杂流程图的过程,提供了直观且功能强大的工具,助力快速创建、编辑及展示流程图,适合任何规模项目使用。 流程图Vue.js的流程图组件与React.js的流程图设计器组件。 安装方法: ``` yarn add flowchart-vue ``` 使用示例: ```html ```
  • XGPlayer-Vue: VueXGPlayer,支持HTML5视频播放解析
    优质
    XGPlayer-Vue是一款基于Vue框架开发的视频播放组件,集成了HTML5视频播放功能,并内置了高效的流量优化解析机制。 XGPlayer 是一个网络视频播放器库,它基于组件化设计的理念创建了独立且可分离的UI组件。更重要的是,在保持界面灵活性的同时,它的功能也非常强大:摆脱了传统对视频加载、缓冲以及格式支持(特别是MP4)的依赖性。由于不支持流式传输的 MP4 文件,XGPlayer 支持分阶段加载,并实现无缝切换以达到清晰度控制和节省带宽的目的。此外,它还集成了 FLV、HLS 和 DASH 格式的按需及实时播放功能。 为了在 Vue 项目中使用 XGPlayer 的特性,可以安装 xgplayer-vue 组件库: ```shell npm install xgplayer-vue@latest ``` 以下是基本的集成步骤: 1. 导入并注册 `Xgplayer` 组件到你的Vue组件里。 ```javascript import Xgplayer from xgplayer-vue; export default { components: { Xgplayer } }; ``` 2. 在模板中使用 `` 标签来展示视频播放器。
  • Element-UIVueSimpleUI主题,包含量页重写与(90%上).rar
    优质
    这是一个基于Element-UI和Vue框架构建的主题包SimpleUI,包含了对大量页面的深度重写和优化,整体改进超过90%,旨在提供更高效、美观的开发体验。 在混合开发模式下使用Django Admin时,如果你对后台界面的美观度不满意,Simple UI可以提供一个解决方案。它是一个基于Element-UI+Vue开发的主题插件,并且重新设计了90%以上的页面内容。 与Suit类似,Simple UI旨在更好地符合国人的审美和习惯。该主题具有28种流行样式供选择,安装只需使用pip命令快速完成,完全兼容原生Django Admin而无需修改代码。它还支持多标签页功能,使各个模块更加清晰明了,并且配置非常简单,在settings.py中添加一行即可立即生效。 通过采用Element-UI和Vue框架的支持,Simple UI让老旧的Django管理界面焕然一新,极大地提升了开发效率。
  • Element-Pro-Components: Element-Plus Vue 3
    优质
    Element-Pro-Components 是一个构建于 Element-Plus 之上的 Vue 3 组件库,旨在提供更丰富的组件和实用工具,助力开发者高效构建现代化 web 应用。 元素亲组件(WIP) 基于element-plus的Vue 3的组件库|去做: 组件 ProLayout 专业菜单 面包屑 ProTabs ProTable 专业表格 ProInputTag ProRadio ProRadioButton ProCheckbox ProCheckboxButton ProSelect ProCrud ProSerach ProList ProUpload ... 文档 测试 vetur ... 安装 `yarn add element-pro-components` 或 `npm i element-pro-components` 使用方法: ```javascript import { createApp } from vue import App from ./App.vue import ElementPro from element-pro-components ``` 注意,这里的导入语句需要根据实际项目中的具体路径进行调整。
  • VueElement省市选择Option.js
    优质
    这是一个基于Vue框架及Element UI库开发的省市县区级联选择器组件(Option.js),方便开发者快速实现地区选择功能。 直接编写的一个option文件可以应用于其他类似的UI组件中。
  • Vue结合bpmn演示示例
    优质
    本示例展示如何利用Vue框架集成BPMN(业务流程模型和 notation)进行流程图的设计与编辑,为开发人员提供直观易用的工作流解决方案。 VUE + bpmn 流程设计器 demo方便大家使用。