开源好用的流程设计器有哪些?
1、开源好用的流程设计器有以下几款：bpmnjs：简介：这是一款BPMN0渲染工具包和web模型，支持与activiti、flowable、camunda等开源工作流引擎无缝集成。特点：能够方便地构建BPMN图表，且支持集成到vue、React等开源框架中。
2、核心是流程引擎和流程设计器。主流开源流程引擎包括 Activiti、Flowable、Camunda、jBPM 和 osworkflow，主流流程设计器则有 bpmn-js、mxGraph、activiti-modeler、flowable-modeler 和 reactflow。本文对比分析这些框架。
3、流程引擎：推荐选择Camunda，因为它在功能、性能和稳定性方面表现突出，且开发团队专业。流程设计器：推荐选择bpmnjs，因为它易于集成、扩展，且与Camunda BPM高度兼容。
4、flowable-modeler：flowable开源版本中也自带了web版流程设计器，展示风格和功能基本与Activiti-Modeler一样。优点是集成简单，开发工作量小，缺点是界面不美观，用户体验差。 easy-flow：码云上开源的流程设计器，没有深入研究，感觉离真正的BPMN流程图设计还有一定差距，但至少有一个框架。
5、简介：一个开源的下一代ORM，包括Prisma Studio、Prisma Client和Prisma Migrate。特点：类型安全api使得前端和后端开发更加直观和易于维护。GitLab：简介：一款全面覆盖软件开发过程的DevOps工具。特点：显著提升工作流程效率，加速软件创建速度，提供代码分析、服务台、设计管理和时间跟踪等功能。
6、Yed Graph Editor：高质量图表生成器，支持数据导入。 Grapholite：商业图形生成器，易用且价格实惠。 Pencil：GUI原型设计工具，支持桌面模拟。 Whimsical：商业建模设计工具，包括流程图、线框图等多种功能。其他工具： PlantUML：使用纯文本创建UML图的开源工具，非常适合技术人员使用。
JVS低代码列表引擎系列:列表页多种布局方式及配置介绍
列表页的布局设置提供了多种方式，包括普通布局、卡片式布局、树表式布局以及选项卡式布局。具体配置方式如下：进入列表页设计器，根据需求选择相应布局模式。普通布局模式和其他配置参照列表页设置。对于卡片式布局，选择此模式后，在显示设置中配置字段展现形式，可选择标题、副标题、普通内容、描述内容等样式。
入口A：通过应用配置中心进入对应应用，点击目录，看到页面配置界面，再点击“列表页设计”进入配置页面。入口B：若已配置了列表页，可直接在目录上点击“设计页面”进入配置界面。
列表页配置 页面与数据模型关系：在JVS低代码开发平台中，列表页与数据模型之间关系紧密。创建或修改列表页时，系统会自动校验页面与数据模型是否匹配，以确保页面能够动态适应业务需求。
进入按钮逻辑引擎，使用循环容器节点，通过公式获取勾选的行数据ID。使用“ARRTOARROBJ”函数将字符串数组转换为对象数组。配置保存后，回到列表页触发一次底部按钮，以回溯触发的数据。在循环画布中拖入“更新模型”节点，根据对象数组循环更新每一行数据。
列表页按钮配置包括表级按钮和行级按钮。表级按钮通常用于新增或整体性操作，而行级按钮主要用于单行数据的操作。行级按钮超过三个时自动折叠。系统内置了新增、删除、修改、详情、导入、导出、模板下载等按钮，除内置按钮外，可自定义按钮并删除。按钮可以触发逻辑、表单或网络请求。
在列表页设计界面，配置字段以在点击时打开表单，进入表格配置列，点击显示配置【配置】，配置通过字段内容触发的表单。系统自动进入表单设计界面，根据业务需求设计表单。保存设计并查看效果。
开源Vue表单设计器
1、以下是几个推荐的开源Vue表单设计器：Form.io 简介：一个开源的纯JavaScript表单渲染器和API平台。特点：提供快速、灵活的方式来构建和管理表单驱动的应用程序。FormMaking 简介：基于Vue的可视化表单设计器。特点：助力企业实现低代码开发模式，方便易用。VForm 简介：一款基于Vue 2/Vue 3的低代码表单。
2、开源Vue表单设计器是一个旨在简化前端开发者构建动态表单过程的开源创新项目。以下是关于开源Vue表单设计器的几个关键点：主要功能：生成高度可定制的表单。用户可以根据需求选择字段类型、布局和验证规则，轻松构建出符合业务需求的表单界面。
3、第一款是form-generator，它专为Element Plus UI框架设计，支持在线拖拽生成组件用于Element框架项目。同时，它还提供JSON表单导出功能，配合解析器即可轻松将JSON转换为实际表单。第二款是FormRender，由阿里团队开源，与自家的Antd UI框架兼容性极佳。
4、表单设计器 得益于VUE的响应式，设计器所见即所得显得尤为丝滑，不然得自己手撸监听配置项变动事件及界面重绘。编辑器分为左中右三个区域（这是业内约定俗成的标准设计），有别于兄弟产品，我把左区域用作表单整体的参数编辑。
5、基于VUE3的可视化低代码表单设计器，以下是一些核心特点和功能： 技术选型与架构 技术框架：采用VUE3作为主要的前端框架，结合naive UI组件库，使用pnpm进行包管理，并采用monorepo结构进行项目管理。 布局方式：采用栅栏布局来堆积表单组件，通过设置组件占据的格子数实现组件布局，简化设计过程。
