# uni-app实验室后端 **Repository Path**: Egrt/uni-app-lab-server ## Basic Information - **Project Name**: uni-app实验室后端 - **Description**: 使用uniapp快速开发实验室、课题组网站/小程序,后端采用云开发,零成本。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-07-11 - **Last Updated**: 2022-07-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 简介 使用uniapp快速开发实验室、课题组网站/小程序,后端采用云开发,零成本。 [项目预览地址](https://static-01813fee-cca5-4ed5-9744-69ac795fe83c.bspapp.com/#/),由于未配置域名,存在ip访问的限制,若提示请求过于频繁则等待一段时间重新访问。 ## 开发目的 - 宣传与分享。 - 记录与传承。 ## 技术栈 1. 前端 :uniapp 2. 前端样式框架:[图鸟UI](https://ext.dcloud.net.cn/plugin?id=7088) 3. 后端:Dcloud云开发 ## 搭建教程 ### 安装IDE工具 4. 进入[Dcloud](https://dcloud.io/)官网 5. 点击HBuilderX开发工具跳转相应界面下载并安装工具 ![Dcloud官网](https://img-blog.csdnimg.cn/9bd5ed971ef24865834adf30b7c1f453.png) 6. 下载后直接解压,并运行exe文件。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/b9a54f2069994ba5abab6e349ae7893a.png) ### 导入前端项目 1. 开通uniCloud - 开通uniCloud:本项目是云端一体的,它的云端代码需要部署在uniCloud云服务空间里,需要开通uniCloud。在[https://unicloud.dcloud.net.cn/](https://unicloud.dcloud.net.cn/)登录,按云厂商要求进行实名认证。 - 在uniCloud认证通过后,创建一个服务空间给本项目使用。选择阿里云或腾讯云均可,两种服务空间差异[详情](https://uniapp.dcloud.net.cn/uniCloud/price.html) 2. 进入Gitee项目地址获取项目[前端源码](https://gitee.com/Egrt/uni-app-lab)及项目[后端源码](https://gitee.com/Egrt/uni-app-lab-server),并使用HBuilderX分别导入实验室前、后端项目。 3. 关联云服务空间,勾选自己创建的云服务空间名称,如果在上述导入插件的步骤中已经绑定云服务空间并立即部署本插件的云函数到服务空间,且立即根据本插件包含的db_init.json初始化服务空间的数据,则跳过此步骤。 - 点击云服务空间初始化向导。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/77596ee7d3b1431d83e862a3c9376434.png) - 勾选全部选项,点击开始部署。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/cb707da809cf4a6488fd999849a2ac34.png) - 点击运行到内置浏览器 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20e08d1eb9054f4c85e57d726c615c39.png) ### 导入后端项目 6. 进入Gitee获取后端[项目源码](https://gitee.com/Egrt/uni-app-lab-server),使用Hbuilderx导入实验室后端项目。 7. 重复上述的绑定云服务空间以及云服务空间初始化向导,且一定要确保**绑定在同一个云服务空间下**,例如,在导入前端项目时选择了**lab**服务空间,则在导入后端项目时也要选择**lab**服务空间。 8. 将后端项目运行到浏览器。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2c606eb43b7f45669620dd6c3642da57.png) 9. 后端登录界面如图所示,初始登录账号密码分别为**admin**,**123456**,后续可自行修改。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/4200ed31ae31452a86851de44314baad.png) ### 运行项目 后端的菜单主要包含以下几个部分: - 系统管理 - 信息管理 - 成员管理 - 成果管理 - 文章管理 - 信息管理 - 分类管理 - 评论管理 - 收藏管理 - 问题反馈 ![在这里插入图片描述](https://img-blog.csdnimg.cn/bc39dda957bf4dc98c588c709d0e2b59.png) 在后端设置完信息之后便可在前端预览整个项目 - 首页 ![在这里插入图片描述](https://img-blog.csdnimg.cn/bf7db8e88d6d4cacbc04319193be9ef2.jpeg) - 发布 ![在这里插入图片描述](https://img-blog.csdnimg.cn/27d09af0a0084aa19acddb2741819cd9.jpeg) ![在这里插入图片描述](https://img-blog.csdnimg.cn/1d487ad7187446dfbb0f91aebb54766e.jpeg) - 我的 ![在这里插入图片描述](https://img-blog.csdnimg.cn/1eea7902e19649b5a9236933fa909750.jpeg) - 文章详情 ![在这里插入图片描述](https://img-blog.csdnimg.cn/40a69dcae40a4214acb9a82fba11d4a9.jpeg)