文章目录

  • 导读
  • form-generator
  • JFormDesigner
  • mxDev
  • 参考资料

导读

  • 日期: 2022-1-17

天下武功,唯快不破。写代码也是这样,在Coding业漫长的进化史中,各种框架层出不穷,程序猿们想了各种方案来帮助自己更快的完成自己的任务。

今天要分享的就是,基于国人自主开发element-ui的几个可视化代码生成器。

生成器各有特点,选择一个或者多个合适的就好。

form-generator

介绍

  • gitee星数:2.8K
  • gitee地址: https://gitee.com/mrhj/form-generator
  • 国内预览地址: https://mrhj.gitee.io/form-generator/#/
  • 支持vscode插件:form-generator-plugin

form-generator的关注人数很多,东西做的也很好,唯一觉得少点的就是支持的组件少了点。

JFormDesigner

介绍

  • gitee星数:19
  • gitee地址: https://gitee.com/83945105/jvue
  • 国内预览地址: http://83945105.gitee.io/jvue/jform/#/designer
  • 支持导入建表Sql
  • 支持多达37种控件(按需会持续添加),满足各种业务场景

这个关注数是真的少,不过用着跟form-generator很像,而组件数量比form-generator多了将近一倍。


mxDev

介绍

  • github星数(gitee上没有项目):13
  • github地址: https://github.com/jonenine/mxDev
  • 国内预览地址: 无
  • 支持vscode插件:mxDev

mxDev没有网页版本的,只支持vscode插件。

支持组件数量很多,包含layout、menu等组件。

参考资料

  • qq群:夜猫逐梦技术交流裙/953949723

[工具推荐] element-ui表单设计/代码生成器相关推荐

  1. form generator ——Element UI表单设计及代码生成器

    form generator Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中. 网站地址:https://mrhj.gitee.io/form-ge ...

  2. vue开源Element UI表单设计及代码生成器

    1 可视化设计器 设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 Element 的 vue 项目中. github仓库   https:// ...

  3. 关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题

      方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...

  4. vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)

    Element UI 表单 使用 记录 element ui 表单 input 文本域 日期选择 中国标准时间与xxxx-xx-xx格式时间之间的来回切换 中国标准时间转换为xxxx-xx-xx格式 ...

  5. element UI 表单自定义验证,css水平且垂直居中方法

    element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证 首先是element UI 提供的基础 ...

  6. vue+element ui表单校验(邮箱、电话、工商信息)

    vue+element ui表单校验(邮箱.电话.工商信息)) Html部分 <template><div><el-steps :active="active& ...

  7. element ui 表单验证为正整数

    很多时候都会用表单中输入正整数的情况,在element ui中可以用el-input-number 标签来显示输入框是number类型的,或者type="number"也可以的,但 ...

  8. Element UI——表单验证输入的数字检测出来是string解决方案

    问题描述 打印 判断类型 问题分析 解决方案 数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符. < ...

  9. element ui 表单验证通过后没有绿色框 求解 (已解)

    使用element自带的表单验证. 输入框选中状态边框为蓝色, 输入框输入错误的时候边框为红色, 输入正确的时候边框为绿色. 但是有的时候输入正确没有出现绿色(红色和蓝色状态能正常出现) 我的相关代码 ...

  10. 基于springboot+element ui+vue的java快速开发平台,集成html5工作流设计器,flowable, element ui 表单设计器

    前后端分离.maven多模块开发,方便多人协同开发 后端选型:springboot2 + mybatis + shiro + jwt token + flowable 前端选型:vue + eleme ...

最新文章

  1. RxJava操作符在android中的使用场景详解(一)
  2. 清北刷题10.23night
  3. Linux_《Linux命令行与shell脚本编程大全》第二章学习总结
  4. Hadoop集群部署模型纵览1
  5. 用python做双人五子棋_基于python的socket实现单机五子棋到双人对战
  6. 计算机网络的含义是什么意思,互联网的基本含义是什么
  7. phoenix的元数据一般存在哪里_Phoenix的一些问题
  8. java 自动装拆箱
  9. P.Laguna / AUTOMATIC DETECTION OF WAVE BOUNDARIES IN MULTILEAD ECG SIGNALS VALIDATION WITH THE CSE
  10. DOCKER基础技术:LINUX NAMESPACE(下)
  11. 用html制作学生个人博客,网页制作论坛(学生个人网页制作代码)
  12. 新手如何做好网络营销
  13. 前端常见的几种布局方式
  14. 超好用的UWP应用推荐
  15. python 从字符串中提取数字
  16. android 打印机 kernel,adb如何打印kernel输出log
  17. Banner本地图片轮播图
  18. Prematurely reached end of stream
  19. 软件开发过程中常见漏洞的解析
  20. python 声音基频f0_如何得到一个曲子的基频?

热门文章

  1. C#实现DXF文件读取写入
  2. 在哪里可以找到我国各省二氧化碳排放量的数据?
  3. 惠普服务器开机dhcp无限重启,HP的笔记本,关机后又自动重启,开始是开启是从DHCP开启...
  4. 关于ios不支持mkv ac3无声音
  5. 淘晶驰串口屏入门(七)数据记录控件、文件浏览器控件、文件流控件
  6. 产品经理/互联网非技术岗如何写一份好的简历?
  7. 判断字符串子序列-华为OD
  8. 基于qemu-riscv从0开始构建嵌入式linux系统ch10. qemu之virtio与fw_cfg
  9. 一分钟了解虾皮物流发展史
  10. 腾讯首席科学家谈「元宇宙」