网站首页 > 技术文章 正文
做低代码平台的,需要做前端界面的设计,表单的设计必不可少,比如宜搭 、轻舟等都是大厂的低代码平台,他们的平台上都带了表单设计器,这些表单设计器组件是与其平台配套的,跟我们自己的技术架构可能不一样,无法拿来就用,并且他们也没有开源。
今天介绍2个我认为不错的表单设计器。
FormCreate: 基于Vue的低代码可视化表单设计器工具,通过数据驱动表单渲染
用户可以通过可视化界面快速高效地创建表单,提高开发者对表单的开发效率,节省开发者的时间。
gitee地址:
https://gitee.com/xaboy/form-create.git
官网地址:
https://www.form-create.com/
分为了开源版和商业版本,本质上还是通过json渲染动态渲染组件,商业板还有AI功能。
Variant Form
一款高效的低代码表单,可视化拖拽式设计,支持组件库二开,一键生成源码,享受更多摸鱼时光...
这个设计器是作者正在用的,作者基于开源版本正在做补充,增加了api的定义,与作者所在公司的其他前端组件进行了集成。
这个表单设计器也是分为了开源版和Pro版,Pro版本有更多功能,如弹窗、抽屉、子表单等。但作者认为,如果会前端代码可以在开源版上做二次开发,工作量也不大。
官网地址:https://www.vform666.com/
gitee地址
:https://gitee.com/vdpadmin/variant-form
vue-ele-form: 这是一个个人做的表单设计器,GitHub上个人不在维护了,大家也可以了解一下。
内置 20 多种表单类型, 包括选单选、多选、标签、级联选择器等;
GitHub地址:
https://github.com/dream2023/vue-ele-form
EpicDesigner
EpicDesigner是一个功能强大、开箱即用的拖拽式低代码设计器。它基于 Vue3 开发,兼容多套 UI 组件库,除了基础的页面设计功能,EDesigner 还提供了强大的扩展功能,可以让开发者根据自己的需求自由扩展和定制组件。此外,EDesigner 使用 JSON 配置来生成页面,可帮助开发者快速生成页面,提高开发效率。它提供了两个重要组件:EDesigner 设计器和 EBuilder 生成器。
官网地址:https://docs.epicjs.cn/
gitee地址:
https://gitee.com/kcz66/epic-designer.git
这款看起来相对比较简单,也比较粗糙一些,功能也比较少,大家有喜欢的可以下载下来看看。
其实还有很多的表单设计器,像若以等框架中也带了一些表单设计器,大家都比较雷同,设计原理都差不多。
作者在所在公司开发了另外一种形式的设计器,更加灵活,目前用于了很多的银行信贷系统,可解决银行调查报告、审查报告、贷后检查报告等场景,下次给大家介绍一下。
今天是元旦,本来计划写低代码第一章的,可是在家要带娃,没有太多空闲时间,只能上班摸鱼时间来写。
猜你喜欢
- 2025-06-03 基于OpenAI的新NLP文本编写APP—GPT-2,随时随地和你一起写作
- 2025-06-03 推荐6套非常热门的微信小程序开源项目
- 2025-06-03 腾讯开源的Markdown编辑器,开箱即用、轻量简洁、易扩展
- 2025-06-03 挖洞经验|UEditor编辑器存储型XSS漏洞
- 2025-06-03 来了!JavaScript 最强大的 8 个 DOM API
- 2025-06-03 2014年最优秀JavaScript编辑器大盘点
- 2025-06-03 2021年最值得推荐的13个提高开发效率工具,程序员必备
- 2025-06-03 LATEX文本编辑器:MiKTeX 23.10(中文latex编辑器)
- 2025-06-03 所见即所得的 markdown 编辑器:Typora
- 2025-06-03 刚刚发布!Claude 4连续工作7小时,比Cursor、Copilot还猛?
你 发表评论:
欢迎- 499℃几个Oracle空值处理函数 oracle处理null值的函数
- 494℃Oracle分析函数之Lag和Lead()使用
- 493℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 481℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 472℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 467℃【数据统计分析】详解Oracle分组函数之CUBE
- 453℃Oracle有哪些常见的函数? oracle中常用的函数
- 448℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 最近发表
-
- Spring Boot跨域难题终结者:3种方案,从此告别CORS噩梦!
- 京东大佬问我,SpringBoot为什么会出现跨域问题?如何解决?
- 在 Spring Boot3 中轻松解决接口跨域访问问题
- 最常见五种跨域解决方案(常见跨域及其解决方案)
- Java Web开发中优雅应对跨域问题(java跨域问题解决办法)
- Spring Boot解决跨域最全指南:从入门到放弃?不,到根治!
- Spring Boot跨域问题终极解决方案:3种方案彻底告别CORS错误
- Spring Cloud 轻松解决跨域,别再乱用了
- Github 太狠了,居然把 "master" 干掉了
- IntelliJ IDEA 调试 Java 8,实在太香了
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)