项目描述
本系统包含管理员、学生、教师三个角色。
管理员角色：
- 用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。
- 配置管理：管理系统配置参数，如上传图片的路径等。
- 权限管理：分配和管理不同角色的权限。
学生角色：
- 学习任务管理：查看、删除学习任务，进行任务打卡和任务评价。
- 英语短语管理：查看、删除短语学习记录。
- 语法信息管理：查看、删除语法学习记录。
- 单词学习管理：查看、删除单词学习记录。
- 英语文章管理：查看、删除文章阅读记录。
- 我的收藏管理：查看我的收藏。
教师角色：
- 语法信息管理：新增、查看、修改、删除英语语法信息，查看语法学习记录。
- 学习任务管理：新增、查看、修改、删除学习任务，查看任务打卡和任务评价。
- 单词学习管理：新增、查看、修改、删除单词库，查看单词学习记录。
- 英语文章管理：新增、查看、修改、删除英语文章，查看文章阅读记录。
- 英语短语管理：新增、查看、修改、删除英语短语，查看短语学习记录。
技术选型
开发工具：Idea + Vscode 运行环境：JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术：SpringBoot + Mybatis-Plus + Maven 前端技术：Vue3 + Axios + Element-UI
系统截图
1.首页
2.英语短语
3.单词库
4.英语文章
5.英语语法
6.后台登录
7.轮播图管理
8.语法分类管理
9.单词学习标
10.任务打卡
11.教师管理
12.短语学习管理
运行步骤
准备环境
安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上
创建数据库
使用Navicat工具创建数据库并导入SQL脚本
配置后端
修改application.yml中的数据库连接信息（用户名/密码/库名）
启动后端服务
进入后端项目（/server_code） 执行：
mvn clean install
mvn spring-boot:run
前端依赖安装
进入前端目录（/manage_code或者/client_code） 执行安装命令：
npm install
启动前端服务
执行启动命令：
npm run serve
访问系统
后端接口系统访问地址： http://localhost:8080 后台系统前端访问地址： http://localhost:8081 前台系统前端访问地址： http://localhost:8082
常见问题
端口冲突
- 修改后端配置文件
application.yml - 修改前端配置文件
vue.config.js
前端安装依赖失败
- 删除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json
- 清除缓存
npm cache clean --force
- 切换npm镜像源
npm config set registry https://registry.npmmirror.com
