antd vue form 手动校验_vue测试模板与jsonSchema自动生成elment组件

背景：

新功能页面设计与布局、动态生成UI组件、拖拽模板生成页面，然后生成代码等等，目的都是减少开发成本或复用通用组件。

            vue模板

默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮朴素按钮主要按钮成功按钮信息按钮警告按钮危险按钮圆角按钮主要按钮成功按钮信息按钮警告按钮危险按钮

通过json生成组件，在gitHub查询了很多插件：

目的：生成json数据(数据类型和值、UI组件类型与校验、2者的结合)

参考项目：

https://json-schema.org/

https://github.com/jsonform/jsonform

https://github.com/jdorn/json-editor

https://github.com/yourtion/vue-json-ui-editor (json数据过于简单只存数据，语义化不好)

https://github.com/YMFE/json-schema-editor-visual (通过UI组件生成json格式的数据，antd)

针对elment组件：

https://github.com/GavinZhuLei/vue-form-making/blob/master/README.zh-CN.md

https://github.com/formschema/elementui

https://github.com/codetrial/element-form-builder/blob/develop/.github/preview.gif

https://github.com/xaboy/form-create

针对antd组件：

https://github.com/NgeKaworu/antd-form-gen

其他：

https://github.com/rjsf-team/react-jsonschema-form

https://github.com/json-schema-form/angular-schema-form

【demo】:

https://codepen.io/share-web/pen/ZEYyqzX?editors=0010

前端开发在线拖拽生成页面：

http://lowcode.magicalcoder.com/magicaldrag/index-page.html

其他汇总： https://www.cnblogs.com/camille666/p/drag_blockcomponent_generatepages.html

-end-

antd vue form 手动校验_vue测试模板与jsonSchema自动生成elment组件相关推荐

antd vue form 手动校验_Vue 开发者不可错过的五款开源扩展组件
自 2014 年正式对外发布以来,Vue 凭借着入门容易.资料丰富.框架功能完善等优势,成为国内许多前端开发者在众多 JavaScript 框架中的首选.Gitee 上这些优秀的开源 Vue 组件也侧 ...
antd vue form 手动校验_jsonschema-form-vue基于JSONSchema的表单自动生成方案
现象作为一名前端开发,「表单开发」是我们的家常便饭,一般我们需要做以下重复性工作: 编写模板编写校验规则 * 获取数据,提交表单同时,后台服务也需要编写校验规则,随着业务变动或者沟通不及时,前后 ...
antd vue form 手动校验_参与《开课吧》vue训练营笔记(Day1)
大神说的目标:Vue 挑战20k+ 组件间通信 component 官网详解组件间的传递方式: 父传子直接属性传递子传父 this.$emit 时间传递兄弟组件利用父组件搭桥组件和子孙 p ...
antd vue form 手动校验_Ant Design 4.0 的一些杂事儿 - Form 篇
上一篇:Ant Design 4.0 的一些杂事儿 - Table 篇是的,趁着手热,于是又开了一篇新的文章,用来讲讲我们在开发 Ant Design 4.0 的 Form 时遇到的一些杂事儿.当然 ...
图形化开放式生信分析系统开发 - 7 分析报告的模板定制与自动生成
前文链接: 图形化开放式生信分析云平台产品开发 - 1 需求分析及技术实现图形化开放式生信分析云平台产品开发 - 2 样本信息处理图形化开放式生信分析云平台产品开发 - 3 生信分析流程的进化图 ...
如何使用模板Thymeleaf来自动生成java代码
文章目录前言如何使用模板Thymeleaf来自动生成java代码 01 Thymeleaf 是什么? 02 Thymeleaf与springBoot的集成即使用 03 如何使用模板Thymelea ...
python自动测试g_Python自动化测试如何自动生成测试用例？
原文作者:陈安妮annie1 原出处:简书上文内容不用于商业目的,如涉及知识产权问题,请权利人联系博为峰,我们将立即处理.传统的测试用例需要测试或者开发人员将用户的操作用代码表示出来,通过断言判断是 ...
tt c mysql t4 bll_通过T4模板实现代码自动生成
1:准备.tt模板 usingBBFJ.OA.IBLL;usingBBFJ.OA.IDAL;usingBBFJ.OA.Model;usingSystem;usingSystem.Collections ...
antd vue form表单子组件调用父组件的方法没反应_前几天推了Vue，今天给React疯狂打call...
在主流前端框架里,因为React的入门难度高而果断投入Vue怀抱的人绝不在少数.但我要告诉大家,如果你有一定的js基础,其实React没你想象中那么困难任何库都要在「概念简洁」(自由度高)和「使用便 ...
antd vue关闭模态对话框_Vue.extend 登录注册模态框
模态框是我们 UI 控件中一个很重要的组件,使用场景有很多种,我们在 Vue 组件中创建模态框组件而用到的一个知识点是利用 Vue.extend 来创建.文档中的解释是在最近在做一个常用的类似下面 ...

antd vue form 手动校验_vue测试模板与jsonSchema自动生成elment组件

antd vue form 手动校验_vue测试模板与jsonSchema自动生成elment组件相关推荐

最新文章

热门文章