uni-admin 框架,是基于 uni-app 和 uniCloud 的应用后台管理的开源框架。

详细说明请看官方文档:uni-admin 框架(原名 uniCloud admin) | uni-app官网

本文主要介绍的是,在云数据库已经创建好并且有数据记录的前提下,通过schema2code代码快速生成页面。

schema2code代码生成系统功能包括:

  • 自动生成前端页面,新增、修改、列表、详情页面文件,分别是add.vue、edit.vue、list.vue和detail.vue。
  • 自动生成uniCloud admin页面,新增、修改、列表页面文件,分别是add.vue、edit.vue和list.vue。
  • 自动生成前端表单校验规则

具体使用方法请查阅官方文档:schema2code代码生成系统 | uni-app官网

1.  登录云数据库,查看数据表字段的类型

uniCloud官网 - web控制台 

2. 在 HBuilderX 编辑器下载项目对应的 DB Schema

3.  编辑数据表对应的 schema.json 文件

根据图一的字段编辑相关属性。

字段属性说明:DB Schema概述 | uni-app官网

 

 4. 编辑完成后要上传DB Schema

 

 

5.  使用 schema2code 生成页面

 

 

 生成的页面默认放在 pages 目录下,可以对vue文件进行修改。

 

 项目运行到浏览器

 

6.  把页面添加到自定义菜单

  

 7.  自动生成页面的效果

 

上面的后台管理是针对下面的小程序而开发。

 

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐