程序员

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

作者:admin 2021-04-24 我要评论

我们一般写应用都需要有后台管理系统,那么uni-app也不例外。 本次内容假设我们已经完成了一个uni-app+uniCloud开发的程序。 默认我们已经搭建好了服务空间。 如...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

我们一般写应用都需要有后台管理系统,那么uni-app也不例外。

本次内容假设我们已经完成了一个uni-app+uniCloud开发的程序。

默认我们已经搭建好了服务空间。

如果你还不知道服务空间如何创建,移步uni-id的准备工作

uni-admin和应用共用同一个服务空间

我是代码哈士奇 此文章来源为代码哈士奇,个人主页:

https://cloud.tencent.com/developer/user/5264655

创建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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 手把手带你使用uni-admin搭建后台管理

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

  • Redis vs Tendis:冷热混合存储版架构

    Redis vs Tendis:冷热混合存储版架构

  • 通过PHP实现用户注册后邮箱验证激活

    通过PHP实现用户注册后邮箱验证激活

  • PHP safe_mode开启对于PHP系统函数有什

    PHP safe_mode开启对于PHP系统函数有什

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商