项目放在 GitHub 上自取，采用前后端分离架构，部署阶段使用容器技术。

有偿指导QQ：3300123589，希望备注一下来意呀。

  • 2020.06.04：项目完成。
  • 2020.08.15：分类选择更换为更加合理的多级展示。
  • 2021.08.18：优化首页展示效果，集成 element-ui 中的走马灯。
  • 2021.02.17：由于阿里云vod不开源以及播放器效果不佳等原因，更换为腾讯云vod视频点播，后者比前者更加优秀。
  • 2021.02.17：阿里云腾讯云sms短信服务后续不再对个人测试用户开放，建议大家寻找合适的短信平台更替。（已经审核通过的用户不受影响）
  • 2021.02.18：新增邮箱验证码模块。
  • 2021.02.18：优化了大量的代码，解决上百个已知的 bug。
  • 2021.02.18：舍弃前端的微信支付和微信登录，后端代码保留供测试学习。
  • 2021.02.19：前端注册页新增邮箱验证码。
  • 2021.04.03：node-sass 实在太烦了，使用 dart-sass 完美替代。
  • 2023.03.19：更换了node-sass、sass-loader版本，使用node 12、npm 6应该不会出现安装问题，大家可以自行把前端跑起来啦。

说明：

  1. 注册时验证码根据手机号或邮箱发送，同时填写时优先使用手机发送验证码，如需优先使用邮箱，只需在后端代码中调整一下顺序即可。
  2. 首页开启了 Redis 缓存，因此某些数据修改不会立即生效，可以关闭缓存或者去 redis 中删除缓存即可。
  3. 登录可以自择使用手机号或邮箱。
  4. 项目本叫小湖学院，后面线上部署索性改名小湖视频网，割弃部分无时间开发的需求。
  5. 在开发时，腾讯云视频播放器还未对 vue 提供支持，因此使用组件集成，非多此一举。

后端相关技术：

系统后端接口部分，使用目前市面上流行的 SpringBoot+SpringCloud 进行微服务架构，使用 Feign、Gateway、Hystrix ，以及阿里巴巴的 Nacos 等组件搭建了项目的基础环境。采用 MyBatis-Plus 进行持久层的操作，使用了 OAuth2+JWT 实现了分布式的访问。此外，项目中使用了阿里巴巴的 EasyExcel 实现对 Excel 的读写操作，使用了 Redis 进行首页数据的缓存，使用 Git 进行代码的版本控制，整合了 Swagger 生成接口文档。

college_parent                  // 后端项目
├── common                      // 通用代码层
│       └── common_util             // 工具类
│       └── service_base            // 业务通用代码
├── infrastructure              // 对外开放网关层
│       └── api_gateway             // gateway网关
├── service                     // 业务代码层
│       └── service_cms             // 前台内容api
│       └── service_edu             // 后台内容api
│       └── service_oss             // 阿里云oss文件存储
│       └── service_sms             // 阿里云短信分发
│       └── service_statistics      // 统计报表模块
│       └── service_trade           // 课程交易模块
│       └── service_ucenter         // 用户模块
│       └── service_vod             // 腾讯云vod视频存储
├── sql                         // 数据库文件
│       └── edu_cms.sql             // 前台内容数据库表
│       └── edu_college.sql         // 学院核心数据库表
│       └── edu_statistics.sql      // 统计内容数据库表
│       └── edu_trade.sql           // 订单交易数据表
│       └── edu_ucenter.sql         // 用户信息数据表

前端相关技术：

系统前端部分，使用主流的前端框架 Vue，使用 Es6 的开发规范，采用模块化的开发模式，搭建页面环境使用了 Nuxt 框架和 vue-admin-template 模板，使用 Element-ui 进行页面布局。前端环境中使用 Npm 进行依赖管理，使用 Babel 进行代码转换，使用 Webpack 进行静态资源的打包，采用 axios 进行 Ajax 请求调用。

架构图

禁止盗图，谢谢，需要源文件的加QQ：3300123589，请奶茶。

项目展示

前台界面

可以添加一些用户属性什么的，这里我并未开发。

后台界面

暂未截图

项目开源地址：

求个star

前端（前后台）

https://github.com/lexinhu/college_admin
https://github.com/lexinhu/college_site

后端

https://github.com/lexinhu/college_parent

本地启动运行

两个前端，分别 clone 后，执行命令

npm install
npm run dev

可能会出现安装 sass 失败的问题，有可能需要 python 环境，有可能 node、npm 版本过低，有可能需要指定一下淘宝镜像。

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

后端，安装完依赖后，除了修改基本的数据库连接信息，还要修改 application.yml 中的一些配置信息，然后根据需要选择启动模块。

前后端某些依赖随着时间版本推进可能出现不适用等的情况，请根据提示自行解决，阿里云VOD 依赖不开源需要自行安装，同时阿里云VOD 与 OSS 版本需相互兼容。

java.lang.ClassNotFoundException: com.aliyun.oss.internal.OSSUdfOperation

阿里云Vod上传视频遇到这么一个奇葩问题，找尽各种缘由，却忘了检查版本的兼容性。原来是 oss 依赖在作祟，查阅了...

在最新的代码中，我已经将阿里云VOD更换为腾讯云VOD，OSS文件存储依旧使用阿里云，这里也推荐一个腾讯云的 maven 仓库。

<mirror>
  <id>nexus-tencentyun</id>
  <mirrorOf>*</mirrorOf>
  <name>Nexus tencentyun</name>
  <url>http://mirrors.cloud.tencent.com/nexus/repository/maven-public/</url>
</mirror>

环境搭建

基本环境基于 docker-compose 一键搭建，其中你需要自行导入 nacos 的默认数据库，以及自备一份 redis.conf

version: '3'
services:
  mysqlCollege:
    image: mysql:8.0
    container_name: mysqlCollege
    restart: always
    ports:
      - '39510:3306'
    command: --default-authentication-plugin=mysql_native_password
    environment:
      - MYSQL_DATABASE=nacos
      - MYSQL_ROOT_PASSWORD=root
    ports:
      - 39510:3306
    volumes:
      - /docker/mysqlCollege/logs:/logs
      - /docker/mysqlCollege/data:/var/lib/mysql
  nacosCollege:
    image: nacos/nacos-server
    container_name: nacosCollege
    restart: always
    depends_on:
      - mysqlCollege
    environment:
      PREFER_HOST_MODE: hostname #如果支持主机名可以使用hostname,否则使用ip，默认也是ip
      SPRING_DATASOURCE_PLATFORM: mysql #数据源平台 仅支持mysql或不保存empty
      MODE: standalone
      MYSQL_SERVICE_HOST: mysqlCollege
      MYSQL_SERVICE_DB_NAME: nacos #数据库名
      MYSQL_SERVICE_PORT: 3306
      MYSQL_SERVICE_USER: root #数据库管理账号
      MYSQL_SERVICE_PASSWORD: root #数据库管理密码
      JVM_XMS: 512m
      JVM_MMS: 320m
    volumes:
      - /docker/nacosCollege/logs:/home/nacos/logs
    ports:
      - '39520:8848'
  redisCollege:
    image: redis
    container_name: redisCollege
    restart: always
    ports:
      - '39530:6379'
    environment: 
      - TZ=Asia/Shanghai  
    volumes:
      - /docker/redisCollege/data:/data
      - /docker/redisCollege/redis.conf:/usr/local/redis/redis.conf
      - /docker/redisCollege/logs:/logs
    command: ["redis-server","/usr/local/redis/redis.conf"]

部署教程

小湖学院部署笔记

部署完内存占用保持在 12GB 上下。如果要加上 Jenkins 之类持续集成的工具，保守估计服务器需要达到 16...

版权属于：乐心湖's Blog

本文链接：https://xn2001.com/archives/542.html

声明：博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！

Last modification：March 19, 2023
© Reprint prohibited
如果觉得我的文章对你有用，请随意赞赏