activiti表单设计器_懒人福利,可视化Element UI表单设计及代码生成器

简介

form-generator 开源Element UI表单设计及代码生成器

github 地址:

https://github.com/JakHuang/form-generator

github star: 134+

最新版本:0.1.0,MIT 协议

主要技术栈

vue2

vue-cli4

element-ui

vuedraggable

功能列表

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

项目截图

activiti表单设计器_懒人福利,可视化Element UI表单设计及代码生成器_第1张图片
activiti表单设计器_懒人福利,可视化Element UI表单设计及代码生成器_第2张图片
activiti表单设计器_懒人福利,可视化Element UI表单设计及代码生成器_第3张图片


本地开发

# 下载源码git clone https://github.com/JakHuang/form-generator.git# 进入项目cd form-generator# 安装依赖npm install# 本地启动npm run dev# 本地编译npm run build

(文档地址如下:)

https://github.com/JakHuang/form-generator/wiki/el-dialog%E7%9A%84%E5%B0%81%E8%A3%85%E4%B8%8E%E8%B0%83%E7%94%A8

文档主要内容:

el dialog的封装与调用

PS

这个开源项目对常用的利用Element UI 的组件进行的页面开发来说已经够用,导出vue文件,然后手动删掉一些代码生成器多余的代码,就可以导入到自己的vue elementUI项目快速开发出页面,挺好的一个开源项目,哈哈懒人福利。

你可能感兴趣的:(activiti表单设计器,js,表单设计器,react,表单设计器,vue,form表单中有图片并能预览)