此页面所有软件内容、截图、价格、介绍等均来源于互联网,地址均为第三方提供,请谨慎下载。



简介

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

  • 【国内预览地址】 【国际预览地址】
  • 【github仓库】 【 码云仓库】
  • 配套vscode插件
  • 配套JSON解析器

文档

  • el-dialog的封装与调用
  • 项目主要结构分析
  • 【常见问题】如何以npm的方式集成monaco编辑器
  • 系列教程: 《表单设计器 · 开发教程》 《表单解析器 · 开发教程》 《vue代码生成器 · 开发教程》 《vue代码预览器 · 开发教程》
  • 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【已满】 1137173566【已满】 514953560【3群】

友情链接

  • vue-admin-beautiful —— 企业级、通用型中后台前端解决方案(基于vue/cli 4 最新版,同时支持电脑,手机,平板)
  • vue-admin-beautiful —— 在线演示
  • pl-table —— 完美解决 element 万级表格数据渲染卡顿问题
  • go-admin

PR鸣谢

  • IWANABETHATGUY

捐赠

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

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

开源协议

MIT

网友提问

icon显示为正方形小框框的问题 表单生成器 rowFormItem 布局组件flex布局方式无效问题 数据库如何存储生成的自定义表单,希望提供下示例 流程自定表单,上传组件如何将接口返回的路径赋值到组件默认值 props.props问题 计数器的占位符覆盖正则表达式的提示 最短路径 有计划表单控件联动支持么 建议丰富下表单布局相关控件 多选框组:设置最少应填:2,最多可填2,会出现所有选项都无法选择的情况 右侧组件属性,切换组件类型,控制报错 有计划做子表控件吗 科支持多个子表的??? 上面时候搞个react antd 的版本 为什么我部署到项目之后,预览不了,代码模块显示了,但是表单却不显示 parse.vue 没什么没有方法? loadBeautifier 里面Uncaught ReferenceError: beautifier is not defined 可以在vue的前端页面,直接当组件引入使用么 图片上传成功后,前端如何才能接受后台返回的图片地址,如何给图片上传组件动态绑定事件 希望能追加一个“标题”控件 子表单功能

温馨提示! 即将跳转到 第三方 网站下载具体内容

点赞(42) 打赏

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部