业务开发中用到了动态标签,需要动态构建表单,网上找了一些可视化表单设计器示例,也常见与一些后台管理中作为代码生成器使用。
form-generator
1.简介
Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
2.预览效果
3.使用
一般我们使用这一类的东西都会出现一些需要定制化的需求,除非你要求很简单,下面我放下我二次开发处理过的目录结构
Epage
Epage是一款可视化页面配置工具。结合前端框架相关组件库,可以实现复杂的界面交互。我们会根据业内主流的组件库做二次封装,使成为Epage可配置的widget,目前仅针对iview组件库做封装,其他组件库还在规划中。开发者也可定制开发widget。常用于流程表单、中后台页面配置
项目是基于schema的可视化页面配置工具,目前里面基于vue 和iview框架,这个与别的有点不同的是加上了值逻辑处理这个在实际项目中还是挺有必要的。
avue-form-design
是一款基于 Avue 的表单设计器,Avue是基于Element-ui 二次封装的。
k-form-design
基于vue和ant-design-vue实现的表单设计器,样式使用less作为开发语言,主要功能是能通过简单操作来生成配置表单,生成可保存的JSON数据,并能将JSON还原成表单,使表单开发更简单更快速
其实我不太推荐目前把这个用于实际项目中使用,放上来的原因是这个项目不错值得学习,不推荐的原因是目前项目依赖的ant-design-vue 还是1.x 的版本,ant-design-vue 升级2.x 几乎是颠覆性的改版,基于vue3.0 必须最低也是vue3.0 ,所以还是暂时不推荐直接用于项目中,当然你觉得用1.x的就够了后面也不用升级那你可以试试。
总结:
暂时就放上以上的几个我个人采用了第一个进行了二次开发,网上还有一些没有开源我就不放上来了,基本差不多,拖拽的几乎都用了vuedraggable 这个拖拽库,表单库一般都是基于框架而写的常见的就是element-ui、iview和ant-design-vue等这几个常见的ui库。
虽然已经放弃了Windows 7,不过微软今天还是为它发布了新的更新,但是一般人就算...
前段时间刚入职一家公司,就遇到了 MySQL 亿级大表优化这事! 图片来自 Pexels 背...
什么是Ajax? 国内翻译常为“阿贾克斯”和阿贾克斯足球队同音,AJAX 是一种用于...
使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuer...
<% @LANGUAGE = VBSCRIPT %> <%Option Explicit%> <% '以下程序批量改名文...
本文转载自微信公众号「新钛云服」,作者祝祥 翻译。转载本文请联系新钛云服公众...
定义一个JavaBean(JavaBean实际上就是一个简单的java类) javac -d ./ UserBean...
本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如...
PC浏览器的刷新方式我们常用的有大概四种: 1. url+enter或者a标签的超链接点击 ...
在iPhone上使用Android系统已经成为现代手机爱好者的热门话题之一。昨天,Reddit...