{"repo":"lljj-x/vue-json-schema-form","free":true,"listed":false,"github":"https://github.com/lljj-x/vue-json-schema-form","clone":"git clone https://github.com/lljj-x/vue-json-schema-form.git","description":"基于Vue/Vue3，Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单，用于活动编辑器、h5编辑器、cms等数据配置；支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi","language":"JavaScript","stars":2269,"topics":["vue","jsonschema","elementui","json-schema","form","h5-editor","antdv","vue3","elementplus"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"赞助 本项目 CDN 加速及安全防护由 Tencent EdgeOne 赞助 vue-json-schema-form 基于 Vue2 / Vue3、 JSON Schema 生成带完整校验的Form表单，你的 :star2: :star2: :star2: 就是最大的支持 查看文档 - Playground - 可视化表单Schema生成器 ui框架支持 vue2 ElementUi vue2 Iview3 vue3 Element Plus vue3 Antdv vue3 NaiveUi 问题反馈 使用问题请优先通过 Github issue 提交 如何启动相关编辑器页面 活动编辑器项目已经独立了新的仓库，请直接使用 https://github.com/lljj-x/vjsf-demo-editor 活动编辑器项目已经独立了新的仓库，请直接使用 https://github.com/lljj-x/vjsf-demo-editor 1、 安装依赖 2、 同时运行 Playground/表单Schema生成器/活动编辑器 3、 单个运行（指定entry编译更快） 说明 遵循 JSON Schema 规范，只需要给定 JSON Schema ，即可生成对应的form表单 快速配置个性化ui视图和校验错误信息，可适配常用的ui库 表单schema校验使用 ajv 设计思想和对schema解析索引参考 react-jsonschema-form 相关资料 JSON Schema Vue 为何开发 在做前端可视化编辑时，为了解决数据配置表单的通用性，所以使用 JSON Schema 描述数据结构，动态生成表单。 这样做的好处除了解决在每个配置表单的重复工作，服务端也可以基于同一份schema保持和前端一致的校验规则，不过对于使用 vue elementUi并未找到合适库可以直接使用，所以在后面一段时间决定自己实现一个 。 问题或建议 标准 JSON Schema 不支持部分和更新计划 有任何使用问题或者建议都可以通过 Github issue 提交给我 License Apache-2.0","default_branch":null,"files":null,"tree":[],"storefront":"/r/lljj-x","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lljj-x/vue-json-schema-form/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}