Skip to content

Jogiter/form-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e24f3cc · May 2, 2020
Dec 30, 2019
May 2, 2020
May 2, 2020
Dec 29, 2019
Dec 29, 2019
Apr 3, 2020
Apr 6, 2020
Dec 29, 2019
Apr 25, 2020
Dec 29, 2019
Apr 8, 2020
May 2, 2020
Mar 28, 2020

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

No packages published

Languages

  • Vue 53.2%
  • JavaScript 40.3%
  • SCSS 4.1%
  • HTML 2.4%