Skip to content

yichong108/form-generator

 
 

Repository files navigation

简介

Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。

image

特点

  • 可视化设计表单
  • 一键生成原生的vue单页表单代码,100%拓展性
  • 在线编辑器修改生成的代码,并实时预览
  • 表单栅格化布局
  • 支持表单校验
  • 快速查阅Element UI官方文档
  • 配套vscode插件
  • 配套JSON解析器

JSON解析器

将保存在数据库中的JSON表单,解析成真实的表单
查看在线示例

// 安装
npm i form-gen-parser

更多信息

vscode插件

帮助使用element UI的开发者完成基本的表单代码搭建任务,减少重复的劳动。
vscode-plugin分支配套插件为:form-generator-plugin
使用插件可右键打开设计器,直接将代码保存到工程中。
安装插件请在vscode中搜索:

jakHuang

Form Generator Plugin

文档

运行

  • 确保已经安装node.js 10+
  • 首次下载项目后,安装项目依赖:
yarn

npm install
  • 本地开发
npm run dev
  • 构建
npm run build

交流

  • QQ群 976154366

开发计划

详见 迭代计划
欢迎提交PR

PR鸣谢

捐赠

如果您觉得本项目对您有帮助,可以请作者喝一杯咖啡, 让开源走的更远,感谢支持。

也请您在捐赠后,加下qq群:976154366,私聊群主留个赞助链接。

开源协议

MIT

About

✨Element UI表单设计及代码生成器

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Languages

  • Vue 59.3%
  • JavaScript 32.2%
  • CSS 5.1%
  • HTML 3.4%