营销设计网站建设,哪个网站可以做图片链接,快手做任务网站,wordpress移除编辑器区块背景
表单的可视化配置#xff0c;是低代码开发平台的重要组成部分。平台已实现的低代码配置部分#xff0c;可以配置生成前端vue页面#xff0c;对于属性较少的实体#xff0c;如系统基础数据的管理、配置数据的维护#xff0c;采用标准化的模板模式来生成#xff0c;配…背景
表单的可视化配置是低代码开发平台的重要组成部分。平台已实现的低代码配置部分可以配置生成前端vue页面对于属性较少的实体如系统基础数据的管理、配置数据的维护采用标准化的模板模式来生成配置简便快速高效。
但不得不说对于非标准化的复杂表单如三五十个字段的单表需要分组显示主子关系表需要多tab页展示……在这些场景下表单的可视化配置仍然很有价值相比原生开发或者基于平台现有的模板式生成后手工修改仍存在大幅提高开发效率的空间。
技术预研
市面上已经有一些可视化表单配置组件了通常称之为表单设计器。使用vue基于element ui/plus技术栈免费开源常见的的有以下几个form-generator、FormMaking、form-create-designer下面来具体说一说。
form-generator
首先来说下form-generator这是一款出现比较早的可视化表单设计器。 开源地址https://gitee.com/mrhj/form-generator 开源协议MIT 最后一次更新日期大概是2021年的3月份已过去2年半 基本可以视为已经停止更新了。
技术栈只支持vue2和Element UI 文档无官网无专门说明文档仅有几篇教程 功能“纯”前端设计器跟后端难以集成与整合例如下拉列表中的数据不能从后端接口中拉取
预览地址https://mrhj.gitee.io/form-generator/#/
FormMaking
其次说下FormMaking。 开源地址https://github.com/GavinZhulei/vue-form-making 开源协议MIT gitee只有vue2版本的库vue3的版本只在官网上。
技术栈多版本既有vue2和Element UI的版本也有vue3和Element Plus的版本 文档有官网文档看上去比较全面https://form.making.link/docs/guide/introduction.html 功能收费版功能全面组件多提供丰富api与后端集成基础版功能受限
版本对比
放两张截图直观对比下开源免费版和商业收费版组件数量上的差异就好了很明显。 开源免费版预览地址https://form.making.link/basic-version/#/zh-CN/ 商业授权版预览地址https://form.making.link/sample/#/zh-CN/ 一屏放不下仅截取了部分。 而且功能差异不仅仅在于组件的多少而是API上也有限制高级的API只能在商业授权版中使用。
form-create-designer
最后来说下form-create-designer这是最后发现的一款优秀的表单设计器相比前面两款比较特殊的一点是还有个form-create的项目实际是form-create-designer的最主要组成部分因此下面数据把它也列上。 开源地址https://gitee.com/xaboy/form-create-designer 开源协议MIT 最后一次更新日期大概是一年前。
技术栈多版本既有vue2和Element UI的版本也有vue3和Element Plus的版本还支持其他UI库如iView和Ant-design-vue 文档有官网文档看上去比较全面http://www.form-create.com/v3/guide/ 功能比较全面提供api与后端集成组件可扩展
预览地址http://form-create.com/v3/designer
技术选型
要进行技术选型需要考虑多方面因素最好的不一定是最适合的最适合的才是最好的。 平台的主要技术栈是vue3element plus因此不支持该技术栈的form-generator首先就出局了而且一个无法跟后端集成的“纯”前端设计器实用性也很有限。
FormMaking功能确实强大但细分了版本对于开源免费的基础版本功能受限实际影响不小。 反观form-create-designer组件够用提供api与后端集成组件可扩展缺点就是git指标比较低使用者较少遇到问题恐怕得自己摸索很难百度到解决方案。
综上考虑最终选择的form-create-designer。
开发平台资料
平台名称一二三开发平台 简介 企业级通用开发平台 设计资料csdn专栏 开源地址Gitee 开源协议MIT 开源不易欢迎收藏、点赞、评论。
