微服务项目-小湖学院

Author：钟小湖
发布时间：August 5, 2020
6186views
28 comments
6517 words
Categories：作品展示

> 本项目供大家开源学习，基于学习阶段的谷粒学院多次迭代优化而来，采用前后端分离架构，部署阶段使用容器技术。
>
> 前台演示地址：http://video-test.xn2001.com
>
> 后台演示地址：不公开，没经济条件。

- 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` 完美替代。

说明：

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

**后端相关技术：**

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

```java
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，请奶茶。

![](https://cdn.xn2001.com//img/2020/20201207134642.png)

</div><div role="tabpanel" id='tabs-27583b9125bd5d60ba4b41f55e708e0c761' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210223192521.png)

</div><div role="tabpanel" id='tabs-c7a7a38beaf0c6d1d99261d16474ce9e672' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210223192530.png)

</div>
</div>
</div>

## 项目展示

### 前台界面

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-47fdaf01f4c257e2bb532d41c7b1bb88600' role="tab" data-target='#tabs-47fdaf01f4c257e2bb532d41c7b1bb88600'>首页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-bae963115a48bbdb8dae19a73d916daf271' role="tab" data-target='#tabs-bae963115a48bbdb8dae19a73d916daf271'>视频列表页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-d7a04c5df670600ecbc4da5ce7c5f934712' role="tab" data-target='#tabs-d7a04c5df670600ecbc4da5ce7c5f934712'>视频详细页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-a23bb3d713f1c6d90e43c25232a27e5b03' role="tab" data-target='#tabs-a23bb3d713f1c6d90e43c25232a27e5b03'>视频播放页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-4fd62d91436bef64de43509576bdfb0b344' role="tab" data-target='#tabs-4fd62d91436bef64de43509576bdfb0b344'>作者列表页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-4a77af5c83e603eb268d2db9c80e53d4855' role="tab" data-target='#tabs-4a77af5c83e603eb268d2db9c80e53d4855'>作者详细页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-0a79debb7de7c5c01d4bef251e04a936196' role="tab" data-target='#tabs-0a79debb7de7c5c01d4bef251e04a936196'>登录页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-e2eac1b6b10aa102075cec3b1b628d51257' role="tab" data-target='#tabs-e2eac1b6b10aa102075cec3b1b628d51257'>注册页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-3fbb00eff6f6bb02b6f7d64f14ce5052338' role="tab" data-target='#tabs-3fbb00eff6f6bb02b6f7d64f14ce5052338'>个人中心</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-1c73ece27b45025677828a80eec82554459' role="tab" data-target='#tabs-1c73ece27b45025677828a80eec82554459'>下单页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-f208945123e1c62357f05e6797b182008810' role="tab" data-target='#tabs-f208945123e1c62357f05e6797b182008810'>我的订单</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-2dd6fd99558b2fd1586990110f0aeeef1211' role="tab" data-target='#tabs-2dd6fd99558b2fd1586990110f0aeeef1211'>我的收藏</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-47fdaf01f4c257e2bb532d41c7b1bb88600' class="tab-pane fade active in">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224332.png)

</div><div role="tabpanel" id='tabs-bae963115a48bbdb8dae19a73d916daf271' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224505.png)

</div><div role="tabpanel" id='tabs-d7a04c5df670600ecbc4da5ce7c5f934712' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224615.png)

</div><div role="tabpanel" id='tabs-a23bb3d713f1c6d90e43c25232a27e5b03' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224600.png)

</div><div role="tabpanel" id='tabs-4fd62d91436bef64de43509576bdfb0b344' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224641.png)

</div><div role="tabpanel" id='tabs-4a77af5c83e603eb268d2db9c80e53d4855' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224742.png)

</div><div role="tabpanel" id='tabs-0a79debb7de7c5c01d4bef251e04a936196' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222225818.png)

</div><div role="tabpanel" id='tabs-e2eac1b6b10aa102075cec3b1b628d51257' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222225829.png)

</div><div role="tabpanel" id='tabs-3fbb00eff6f6bb02b6f7d64f14ce5052338' class="tab-pane fade  ">

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

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222230110.png)

</div><div role="tabpanel" id='tabs-1c73ece27b45025677828a80eec82554459' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222230143.png)

</div><div role="tabpanel" id='tabs-f208945123e1c62357f05e6797b182008810' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222225952.png)

</div><div role="tabpanel" id='tabs-2dd6fd99558b2fd1586990110f0aeeef1211' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222230223.png)

</div>
</div>
</div>

### 后台界面

> 暂未截图

## 项目开源地址：

**求个star**

### 前端（前后台）

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

### 后端

https://github.com/lexinhu/college_parent

## 本地启动运行

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

```bash
npm install
npm run dev
```

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

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

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

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

<div class="inner-content" >
<p class="inser-title">java.lang.ClassNotFoundException: com.aliyun.oss.internal.OSSUdfOperation</p>
<div class="inster-summary text-muted">
阿里云Vod上传视频遇到这么一个奇葩问题，找尽各种缘由，却忘了检查版本的兼容性。原来是 oss 依赖在作祟，查阅了...
</div>
</div>
</a>

</div>

</div>

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

```xml
<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

```yaml
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"]
```

## 部署教程

<div class="inner-content" >
<p class="inser-title">小湖学院部署笔记</p>
<div class="inster-summary text-muted">
部署完内存占用保持在 12GB 上下。如果要加上 Jenkins 之类持续集成的工具，保守估计服务器需要达到 16...
</div>
</div>
</a>

</div>

</div>
<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于：乐心湖's Blog</p><p class="content-copyright">本文链接：<a class="content-copyright" href="https://www.xn2001.com/archives/542.html">https://www.xn2001.com/archives/542.html</a></p><p class="content-copyright">声明：博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh" target="_blank" rel="nofollow noopener noopener" one-link-mark="yes">CC BY-SA 4.0 协议</a> ，转载请注明出处！</p></blockquote>

腾讯云社区邀请各位技术博主加入，福利多多噢！

Last modification：April 13th, 2021 at 06:58 pm

如果觉得我的文章对你有用，请随意赞赏

28 comments

lbl
March 17th, 2021 at 04:17 pm

怎么样才能在自己电脑上跑起来啊

Reply
一个需要帮助的菜鸡儿
February 21st, 2021 at 03:29 am

该评论仅登录用户及评论双方可见

Reply
bj2&3
February 8th, 2021 at 12:14 pm

哥们，这个项目的笔记链接还有吗，数据库表啥的

Reply
1. 钟小湖
  February 15th, 2021 at 04:12 pm
  
  @bj2&3
  
  笔记没有了, 看笔记不如自己敲一遍
  
  Reply
robing
January 31st, 2021 at 06:50 pm

权限管理什么时候能出来啊

Reply
1. 钟小湖
  February 15th, 2021 at 04:12 pm
  
  @robing
  
  今年一定
  
  Reply
啦啦
January 16th, 2021 at 12:16 am

你好 B站视频可以直接内嵌进页面吗。不上传视频到阿里云服务器的情况下

Reply
1. 钟小湖
  January 16th, 2021 at 12:20 am
  
  @啦啦
  
  当然是可以的，解析到对应的视频如何嵌入页面即可，纯前端工作。
  
  Reply
  1. 啦啦
    January 16th, 2021 at 11:00 am
    
    @钟小湖
    
    嗯谢谢啦跟咱项目里面的视频上传到服务器两种获取方式冲突吗。我还没看到视频那里。我看到你图里展示的是B站视频
    
    Reply
zz
January 6th, 2021 at 11:54 am

后台中有没有用户管理？图里咋没看见

Reply
1. 钟小湖
  January 13th, 2021 at 01:16 am
  
  @zz
  
  没有用户管理模块，项目在用户这一块做的较粗糙，核心业务展示并不是它。
  
  Reply
敏宝宝
December 16th, 2020 at 04:01 pm

啊啊啊好喜欢博主o(////▽////)q

Reply
1. 钟小湖
  December 24th, 2020 at 10:13 pm
  
  @敏宝宝
  
  收到
  
  Reply
站元素主机
December 16th, 2020 at 03:18 pm

真不错赞一个

Reply

微服务项目-小湖学院

钟小湖 • 2020 年 08 月 05 日

说明：

**后端相关技术：**

**前端相关技术：**

## 架构图

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

![](https://cdn.xn2001.com//img/2020/20201207134642.png)

</div><div role="tabpanel" id='tabs-e0f1a7dacae7041124945253030e3b43681' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210223192521.png)

</div><div role="tabpanel" id='tabs-9303ebb820d1e8eed8ca5fbf79e5dc9d262' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210223192530.png)

</div>
</div>
</div>

## 项目展示

### 前台界面

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-f74986187630b4fbe43ff1cca1a3169e210' role="tab" data-target='#tabs-f74986187630b4fbe43ff1cca1a3169e210'>首页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-777926c02ccacc65b053397da5498cf6621' role="tab" data-target='#tabs-777926c02ccacc65b053397da5498cf6621'>视频列表页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-9d4c238d9b9ba3a4380b2c0fc3811fda652' role="tab" data-target='#tabs-9d4c238d9b9ba3a4380b2c0fc3811fda652'>视频详细页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-30b30e4e4f29f02ee9555d7c8d2493b6253' role="tab" data-target='#tabs-30b30e4e4f29f02ee9555d7c8d2493b6253'>视频播放页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-d3a1e1a17740e6d9542503de65410b9604' role="tab" data-target='#tabs-d3a1e1a17740e6d9542503de65410b9604'>作者列表页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-08a83d40a99d0df7d14cf48b466b9ebc185' role="tab" data-target='#tabs-08a83d40a99d0df7d14cf48b466b9ebc185'>作者详细页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-0314f6e573e73b0375d3e5d013abf07c946' role="tab" data-target='#tabs-0314f6e573e73b0375d3e5d013abf07c946'>登录页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b71cc740d88b1d911ef6e99890496f2d447' role="tab" data-target='#tabs-b71cc740d88b1d911ef6e99890496f2d447'>注册页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-637138c6aed181cf340e356a87a04e1c528' role="tab" data-target='#tabs-637138c6aed181cf340e356a87a04e1c528'>个人中心</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-c6df7e104aef15c7931530db443abf83179' role="tab" data-target='#tabs-c6df7e104aef15c7931530db443abf83179'>下单页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-786f9069c8c5a5d75b606c2bee423d167110' role="tab" data-target='#tabs-786f9069c8c5a5d75b606c2bee423d167110'>我的订单</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-606555cc5096b194ba4353b40f7ce0d71111' role="tab" data-target='#tabs-606555cc5096b194ba4353b40f7ce0d71111'>我的收藏</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-f74986187630b4fbe43ff1cca1a3169e210' class="tab-pane fade active in">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224332.png)

</div><div role="tabpanel" id='tabs-777926c02ccacc65b053397da5498cf6621' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224505.png)

</div><div role="tabpanel" id='tabs-9d4c238d9b9ba3a4380b2c0fc3811fda652' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224615.png)

</div><div role="tabpanel" id='tabs-30b30e4e4f29f02ee9555d7c8d2493b6253' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224600.png)

</div><div role="tabpanel" id='tabs-d3a1e1a17740e6d9542503de65410b9604' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224641.png)

</div><div role="tabpanel" id='tabs-08a83d40a99d0df7d14cf48b466b9ebc185' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222224742.png)

</div><div role="tabpanel" id='tabs-0314f6e573e73b0375d3e5d013abf07c946' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222225818.png)

</div><div role="tabpanel" id='tabs-b71cc740d88b1d911ef6e99890496f2d447' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222225829.png)

</div><div role="tabpanel" id='tabs-637138c6aed181cf340e356a87a04e1c528' class="tab-pane fade  ">

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

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222230110.png)

</div><div role="tabpanel" id='tabs-c6df7e104aef15c7931530db443abf83179' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222230143.png)

</div><div role="tabpanel" id='tabs-786f9069c8c5a5d75b606c2bee423d167110' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222225952.png)

</div><div role="tabpanel" id='tabs-606555cc5096b194ba4353b40f7ce0d71111' class="tab-pane fade  ">

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210222230223.png)

</div>
</div>
</div>

### 后台界面

> 暂未截图

## 项目开源地址：

**求个star**

### 前端（前后台）

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

### 后端

https://github.com/lexinhu/college_parent

## 本地启动运行

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

```bash
npm install
npm run dev
```

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

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

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

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

```xml
<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

## 部署教程

28 comments

Leave a Comment Cancel reply

微服务项目-小湖学院