# 谷粒学苑各阶段代码+部署指南 **Repository Path**: KleeGitee/guli-school ## Basic Information - **Project Name**: 谷粒学苑各阶段代码+部署指南 - **Description**: 能跑起来就是赢,之后有空再慢慢学 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 0 - **Created**: 2023-07-23 - **Last Updated**: 2023-12-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 谷粒商城の部署 ## MySQL | 关系数据库 + 需要配置相关的数据库密码 + 看一看 service_edu 中的 entity 的自动填充字段与数据库的是否对应 + 记得修改代码中 entity 的 **createTime为gmtCreate,updateTime为gmtModified** ## Swagger | Api测试 + 直接使用 `localhost:8001/swagger-ui.html` 访问即可 + 注意:目前而言,有两个模块有Application启动类:service_edu 和 service_oss ## Aliyun—OSS | 对象存储 + 您需要先去阿里云购买一个OSS服务,并且**修改项目 service_oss 中的相关oss配置** ## Nginx | 网关 + 您需要下载 Nginx 1.12.2 + 您需要修改配置文件(见目录中的 nginx.exe) + 如何启动? 进入目录中双击 nginx.exe 即可。。。如何暂停? 进入目录cmd 输入 nginx.exe -s stop 即可 ## Maven | 依赖管理 + 您需要根据自己的Maven安装路径,在 settings 中设置 maven ## Aliyun—VoD | 视频点播控制台 + 您需要先去阿里云购买一个VoD服务,并配置好转码模板 + **修改项目模块 service_vod 中的 application.propertis 的密钥为自己的 OSS密钥** + 下载 AliyunVoD服务端的 SDK到本地 ## Nacos | 注册中心 + 首先,您需要下载一个 Nacos + 进入目录 `/bin/startup.cmd` 进入CMD输入 startup.cmd 即可启动 Nacos + 使用 `localhost:8848/nacos` 访问;默认的账户和密码都是 **nacos** ## Redis | 缓存数据库 + 首先您需要下载一个Redis ## Aliyun-message | 短信验证服务 + 首先您需要去购买一个阿里云短信服务 + --- # 代码の相关修改 ## 后端 + 项目Maven的路径设置 + `service_oss` 模块下的 application.properties **OSS密钥**配置 ~~~ LTAI5tPcHaPMFdZcj8kd89zc W6l5hWaPYTlr73RO14IoyTV0ligsTR ~~~ + `service_edu` 模块下的 application.properties **数据库**配置 + `service-vod` 模块下的 application.properties **OSS密钥**配置 + `service-cms` 模块下的 + application.properties **数据库** 配置 + application.properties **redis主机地址、密码** 配置 `spring.redis.password=123456` + `service-msm` 模块下的 + application.properties **数据库**配置 + application.properties **nacos**配置 + application.properties **redis主机地址、密码** 配置 `spring.redis.password=123456` + **服务逻辑代码配置** service\impl\MsmServiceImpl 第25行填写 OSS密钥配置 第38行修改签名名称为自己的 `学苑网站` 第39行修改自己的模板code `SMS_462240278`(在阿里云控制台查看) + `service-ucenter` 模块下的 + application.properties **数据库**配置 + application.properties **redis主机地址、密码** 配置 `spring.redis.password=123456` + (可选)service\impl\UcenterMemberServiceImpl 下的第 105行可以修改默认头像地址 + 需要将 **service-ucenter、vod、oss、msm、edu、cms** 注册到 nacos中心 >~~~ ># nacos服务地址 >spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848 >~~~ > >~~~ >@EnableDiscoveryClient >~~~ ## manager前端 + `src\views\edu\course\info.vue` 中添加一个样式,规定 `添加课程` 封面图片的大小 ~~~CSS .avatar-uploader img { height: 150px; } ~~~ + `static\01.jpg` 中可以修改 `添加课程` 的默认封面图片 + `src\components\PanThumb\index.vue` 中取消头像悬浮时的动画 ~~~CSS /* .pan-item:hover .pan-thumb { transform: rotate(-110deg); } */ ~~~ + `src\views\edu\course\list.vue` + 完善界面 ~~~HTML ~~~ + 编写删除课程的功能 1. **`src\api\edu\course.js` ** ~~~js //8.根据课程id删除课程 deleteCourseById(courseId) { return request({ url: `/eduservice/course/${courseId}`, method: 'delete' }) } ~~~ 2.**`src\views\edu\course\list.vue`** ![image-20230728135735589](imgs/image-20230728135735589.png) ~~~js //根据课程id删除课程 deleteCourse(courseId) { this.$confirm('此操作将永久删除课程记录, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { course.deleteCourseById(courseId) .then(response => { //1.提示删除成功 this.$message({ type: 'success', message: '删除成功!' }); //2.回到列表页面 this.getList() }) .catch(error => {}) //删除失败 }) }, ~~~ ## user前端 + **把 package.lock.json 删除掉!** + **依赖问题** 前台部署的时候如果遇到 Cannot find module ‘@babel/compat-data/corejs3-shipped-proposals,解决办法 ~~~ cnpm install @babel/compat-data ~~~ + **将相关页面资源装入** [参考链接](https://blog.csdn.net/maxiangyu_/article/details/127029467) + **页面显示问题の蜜汁错误** Could not compile template.......swiper\dist\css\swiper.css" 报错解决办法 ~~~ cnpm i vue-awesome-swiper@3.1.3 --save ~~~ + npm install vue-template-compiler --- # 启动の项目 1. 配置好,并**启动 nginx** 3. **启动 nacos服务**,并进入 `localhost:8848/nacos` 访问;默认的账户和密码都是 **nacos** 5. 安装目录下打开cmd,输入下列代码,开启本地Redis服务器 ~~~ redis-server redis.windows.conf ~~~ 任意目录下 ~~~ redis-cli ~~~ ~~~ auth 123456 ~~~