Vuetify Form Generator表单设计器&代码生成器

联合创作 · 2023-09-19 17:46

Vuetify Form Generator是基于Vuetify的Vue表单设计器及代码生成器,基于JSON Schema,全组件化工程,所见即所得。

预览

1. 总览

输入图片说明

2. ICON 和 COLOR 设置展示

输入图片说明

3. RULE 设置展示

输入图片说明

简介

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

  • 本系统是基于 lerna 和 yarn workspaces 构建的, 使用monorepo 方式管理代码的模块化项目。
  • 基于 Vue 2.0 和 Vuetify 2.5.X 构建。高度组件化设计,通过修改配置和增加组件即可完成扩展。
  • 支持 VeeValidate 表单校验,通过属性面板进行动态配置。
  • 采用 localForage本地存储,支持 IndexedDB,WebSQL 和 localStorage 三种存储模式。
  • 组件库采用 rollup 进行编译,示例功能基于 vue webpack 方式运行。
  • 工程依赖、打包运行进行了全面的性能优化处理。
浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报