lizheng0515 / buildForm

⭐表单构建功能:拖拽组合、配置参数、生成代码、导出文件

Home Page:https://lizheng0515.github.io/buildForm/dist

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

表单构建(偷懒必备,生成你想要的表单)

基于Vue + Element的表单构建组件

本项目实现:通过拖拽UI组件到容器里,任意组合表单,配置组件参数,校验规则,然后生成代码复制出来,或下载Vue文件。

引用以下插件来实现:

  • Vue.Draggable 标准的组件式封装,将可拖动元素放进了容器 transition-group 里面。
  • FileSaver.js 保存文件在客户端的解决方案,用于生成Vue文件
  • JS-beautify 前端美化工具,用于html、js、css的自动化排版
  • Clipboard 用于复制代码

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

About

⭐表单构建功能:拖拽组合、配置参数、生成代码、导出文件

https://lizheng0515.github.io/buildForm/dist


Languages

Language:JavaScript 53.7%Language:Vue 45.8%Language:CSS 0.2%Language:HTML 0.2%