当前位置:
首页
文章
前端
详情

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

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

我是代码哈士奇 此文章来源为代码哈士奇,个人主页: https://dmhsq.blog.csdn.net/ https://www.helloworld.net/dmhsq 手把手带你使用uni-admin搭建后台管理系统 手把手带你使用uni-admin搭建后台管理系统

创建uni-admin模板应用

这里使用uni_modules

创建方法如下图 手把手带你使用uni-admin搭建后台管理系统

绑定服务空间

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

引入uni-id配置文件

手把手带你使用uni-admin搭建后台管理系统 在common/uni-id下引入config.json

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

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

创建云数据库数据表

手把手带你使用uni-admin搭建后台管理系统 然后初始化db_init.json

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

运行到浏览器即可

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

手把手带你使用uni-admin搭建后台管理系统 这样我们就可以管理我们的应用了

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

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

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

手把手带你使用uni-admin搭建后台管理系统 导入成功后可发现

手把手带你使用uni-admin搭建后台管理系统 在后台管理中可增加此页面 手把手带你使用uni-admin搭建后台管理系统

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

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

新增数据

手把手带你使用uni-admin搭建后台管理系统可以看到数据表也有数据了 手把手带你使用uni-admin搭建后台管理系统

成功~

特别注意 (小踩坑)

如果你的字段不写类型 就是下图中不写bsonType字段 那么是不可以新增以及修改的(不显示输入框) 手把手带你使用uni-admin搭建后台管理系统

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

如果觉得有用 欢迎关注哦

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

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

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

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。