什么是 uniCloud admin
uniapp uniCloud admin 官网链接:https://uniapp.dcloud.io/uniCloud/admin
uniCloud admin 框架,是基于 uni-app 和 uniCloud 的应用后台管理的开源框架。
对于uniCloud的开发者而言,其后台管理系统应该使用本框架。
前期准备:
- 你需要一个uniCloud账号https://unicloud.dcloud.net.cn/login,服务商有腾讯云和阿里云 选择阿里云作为服务商时,服务空间资源完全免费,每个账号最多允许创建50个服务空间。选择腾讯云作为服务商时,可以创建一个免费的服务空间,资源详情参考腾讯云免费额度;如想提升免费空间资源配额,或创建更多服务空间,则需付费购买。详情查看:https://uniapp.dcloud.io/uniCloud/price
- 登录uniCloud云服务空间首页后创建一个服务空间.
选择阿里云或者腾讯云,这里 我选择的是阿里云,名字随便取等下要用到
- HBuilderX 3.0+版本 HBuilderX:官方IDE下载地址
创建项目:
打开 HBuilderX 后依次点击文件->新建->项目 在之后弹框中选择uni-app 区一个你喜欢的项目名 选择模板为uniCloud admin admin管理系统基础框架 勾选启用uniCloud后选择刚刚创建的服务空间(要和刚刚创建的云服务空间一致)
点击创建
项目创建完成后目录结构如下:
至此项目基本完成接下来就是把你的项目与云服务空间进行对接.
与云服务空间进行对接
- 右键uniCloud文件夹进行云服务空间关联
未关联状态
关联状态
- 右键 uniCloud目录 运行云服务空间初始化向导,初始化数据库和上传部署云函数,弹框选择刚刚关联的云服务空间点击下一步点击部署,等待初始化云服务空间
初始化成功后
- 打开我们uniCloud云数据库网页,打开我们刚刚关联的云服务空间text.
基础表已经创建完成菜单数据也有了
- 打开 HBuilderX 点击运行->运行到浏览器 运行刚刚创建好的admin管理项目.
项目创建与云服务空间进行对接完成,接下来就是项目中的基本设置,然后就是修改权限配置了,刚创建的项目是没有管理员账号的因为咋们user表中是没有数据的所以咋们先创建一个超级管理员的账号,登录.创建完之后建议在源代码里将这段代码连接删除了.超级管理员只需要一个就好了嘛 文件位置是在 pages->login->login.vue 第36到38行
权限设置,修改请点击 https://blog.csdn.net/weixin_50853984/article/details/117126511