手把手带你使用uni-admin搭建后台管理系统

我们一般写应用都需要有后台管理系统,那么uni-app也不例外。 本次内容假设我们已经完成了一个uni-app+uniCloud开发的程序。 默认我们已经搭建好了服务空间。 如果你还不知道服务空间如何创建,移步uni-id的准备工作 uni-admin和应用共用同一个服务空间 此文章在华为云社区为首发

我是代码哈士奇 此文章来源为代码哈士奇,个人主页: https://dmhsq.blog.csdn.net/ https://www.helloworld.net/dmhsq 图片 在这里插入图片描述

创建uni-admin模板应用

这里使用uni_modules

创建方法如下图 在这里插入图片描述

绑定服务空间

在这里插入图片描述

引入uni-id配置文件

在这里插入图片描述 在common/uni-id下引入config.json

那么这个config.json 去哪里找呢

uni-id是和uni-admin配套使用的 在我们的应用的服务空间 common/uni-id下即可找到 复制进去即可

创建云数据库数据表

在这里插入图片描述 然后初始化db_init.json

在这里插入图片描述

运行到浏览器即可

当我们绑定了服务空间以及初始化db_init.json,系统会自动更新菜单表 注意最后在初始化

在这里插入图片描述 这样我们就可以管理我们的应用了

拓展(快速引入自建数据表控制页面)

如果你有自己的数据表(非uni-id),那么一样可以通过uni-admin来管理

当我们查看自己的数据表的时候

在这里插入图片描述 导入成功后可发现

在这里插入图片描述 在后台管理中可增加此页面 在这里插入图片描述

在这里插入图片描述 提交即可

引入成功 在这里插入图片描述

新增数据

在这里插入图片描述可以看到数据表也有数据了 在这里插入图片描述

成功~

特别注意 (小踩坑)

如果你的字段不写类型 就是下图中不写bsonType字段 那么是不可以新增以及修改的(不显示输入框) 在这里插入图片描述

到此 uni-admin引入完毕 快乐的操作你的系统吧

如果觉得有用 欢迎关注哦

下一篇我们讲应用更新系统 是不是很nice

在这里插入图片描述

在这里插入图片描述 在这里插入图片描述

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )

带你使用uni-upgrade-center搭建APP更新系统(升级中心+应用升级)

哦我完成了uniapp手机app开发,如何让他更新呢我来告诉你说明:分两块,一块是应用升级管理系统,一个是应用检测自己版本及更新我是代码哈士奇此文章来源为代码哈士奇,个人主页:@uniupgradecenterAdmin搭建升级中心创建uniadmin模板应用我们之前已经讲了如何之所以先创建uniadmin模板应用是因为uniupgradec