项目说明

包教会在线教育平台是一个基于SpringBoot + SpringClound + Vue + Nuxt开发的前后端分离项目，采用B2C 模式。前台用户系统包含讲师、课程和文章等模块。后台管理系统包含权限管理、讲师管理、课程分类、课程管理、统计分析、幻灯片管理、文章管理、评论管理等模块。功能持续更新中...

开发环境

• IntelliJ IDEA 2022.2(可选)
• Visual Studio Code 2022(可选)
• MySQL 8.0
• Redis 6.0
• JDK 8
• Maven 3.8
• Node 16.18
• Nacos 1.1.4

开发技术

前端技术 : Vue + Nuxt + Element-UI + Nodejs + Axios + Echarts + ES6 + Babel

后端技术 : SpringBoot + SpringClound + MybatisPlus + SpringSecurity + Jwt + OAuth2 + Redis + Nginx + Maven + EasyExcel + OpenFeign

其它技术 : 阿里云OSS + 阿里云VOD + 阿里云 SMS + 微信支付和登录 + Git

前端启动注意事项

一、后台管理系统

dev环境

执行npm install后，需将config包下的index.js文件里面的assetsPublicPath: './'都改为assetsPublicPath: '/'，然后执行npm run dev即可。账号 : admin 密码 : 123456

二、前台用户系统

dev环境

执行npm install后，需到pages下的login.vue文件和layouts下的default.vue文件中把cookie的作用域（domain）改为自己的主机号，然后执行npm run dev即可。账号 : 11111111111 密码 : 123456

部署打包注意事项

如果仅有一台服务器，则服务器最低要求为 : 2核4G。服务器环境如需快速安装，推荐可使用宝塔，可按照官网方法根据章节的系统进行安装https://www.bt.cn/new/download.html

一、后台管理系统（前端）

prod环境

1、将config包下的index.js文件里面的assetsPublicPath: '/'都改为assetsPublicPath: './'，否则控制台会报如下错误：

2、将config包下的prod.env.js文件里面的BASE_API的IP地址改为自己服务器的主机号，然后终端执行npm run build生成dist文件即可。

二、用户前台系统（前端）

prod环境

1、将utils包下的request.js文件里面的BASE_API的IP地址改为自己服务器的主机号

2、将到pages下的login.vue文件和layouts下的default.vue文件中把cookie的作用域（domain）改为自己的主机号

3、终端执行npm run build，Nuxt后续部署(服务器需下载pm2)可参考博客https://blog.csdn.net/qq_33323469/article/details/122080623?spm=1001.2014.3001.5506

三、微服务代码打包（后端）

1、填充完所有#########后先在总工程下执行clean install（顺序不可互调）

2、然后在各个父工程（common、infrastructure、service）下执行install package（顺序不可互调），各个jar包即可打包成功

效果图

首页参考自https://github.com/woziji2200/ProfilePage

以下为前台用户系统部分页面效果图

以下为后端管理系统部分页面效果图