当前位置: 首页 > Web前端 > vue.js

元数据管理——DynamicFormDesigner全面实现了crudapi系统中的

时间:2023-03-31 23:54:12 vue.js

表单设计。在上一篇文章中,我们通过一系列案例介绍了表单设计的一些基本功能。表单设计起着非常重要的作用,也是crudapi的核心。因此本文将详细介绍表单设计中的其他一些功能。Summaryformfieldcolumnattributecolumn英文名称descriptionname英文名称caption中文名称autoIncrement是否autoIncrementdescriptiondescriptiondisplayOrder序号,在UI中显示的顺序dataType数据类型,如字符串,整型等seqId序号ID,用于设置序号indexName索引名称indexStorage索引存储,支持BTREE、HASHindexType索引类型,支持PRIMARY、UNIQUE、INDEX、FULLTEXTLength长度精度,精度(accuracy),表示字段有效位数scale,取值范围,表示小数字段的位数是否可为空是否可为空是否无符号是否无符号是否可插入是否可查询是否可查询是否可系统系统字段是否可更新是否可修改createdDate创建时间lastModifiedDate修改时间同时,例如unsigned只有当dataType为number时才可用仅为字符串时有效,为字符串时忽略。其他情况类似。系统字段创建表单时,默认会添加5个系统字段,分别是编号id、姓名name、全文索引fullTextBody、创建时间createdDate和修改时间lastModifiedDate。以customer为例,系统字段json内容如下:[{"autoIncrement":true,"caption":"Number","createdDate":1613181300985,"dataType":"BIGINT","description":"PrimaryKey","displayOrder":0,"id":253,"indexType":"PRIMARY","insertable":false,"lastModifiedDate":1613182114133,"length":20,"name":"id","nullable":false,"queryable":false,"systemable":true,"unsigned":true,"updatable":false},{"autoIncrement":false,"caption":"Name","createdDate“:1613181300985,“dataType”:“VARCHAR”,“description”:“Name”,“displayOrder”:1,“id”:254,“insertable”:true,“lastModifiedDate”:1613182114133,“length”:200,"name":"name","nullable":false,"queryable":true,"systemable":true,"unsigned":false,"updatable":true},{"autoIncrement":false,"caption":“全文索引”、“创建edDate":1613181300985,"dataType":"TEXT","description":"全文索引","displayOrder":2,"id":255,"indexName":"ft_fulltext_body","indexType":"FULLTEXT","insertable":false,"lastModifiedDate":1613182114133,"name":"fullTextBody","nullable":true,"queryable":false,"systemable":true,"unsigned":false,"updatable":false},{"autoIncrement":false,"caption":"创建日期","createdDate":1613181300985,"dataType":"DATETIME","description":"创建日期","displayOrder":3,"id":256,"insertable":false,"lastModifiedDate":1613182114133,"name":"createdDate","nullable":false,"queryable":false,"systemable":true,"unsigned":false,"updatable":false}]唯一索引索引类型有主键、全文、普通、唯一,之前介绍过全文索引,普通索引主要是为了提高查询效率,这里主要介绍唯一索引客户表手机字段创建唯一索引,表明当手机号不允许重复添加客户,输入并添加已有的手机号,提示重复错误,符合预期,唯一索引可以防止数据重复,联合索引如果索引只有一个字段,直接在设置的时候列属性设置。如果是多个字段的联合索引,需要单独设置。这里可以创建通用或唯一的联合索引,通过下拉框选择多个字段。比如给customer设置一个联合索引,最终的索引功能和之前的单字段索引类似。Attachment附件类型字段支持保存附件,主要是文档、图片等。当设置文件表的url链接字段属性为ATTACHMENT录入数据时,附件字段可以上传文件,如果是图片则可以预览。表单设计API表单设计提供了一个API。如果默认提供的后台管理UI不合适,可以重新开发,重新设计UI,通过API管理表单。API文档如下:https://demo.crudapi.cn/swagger-ui.htmlPostman查询客户表单单元数据。小结本文介绍表单设计的完整功能,可以通过UI配置实现,也可以通过API二次开发实现。附上demo演示本系统是一个产品级的零代码平台。不同于自动代码生成器,它不需要生成Controller、Service、Repository、Entity等业务代码。业务独立的CRUDRESTfulAPI。官网地址:https://crudapi.cn测试地址:https://demo.crudapi.cn/crudapi/login