【计算机毕业设计】基于SpringBoot的英语自主学习平台

基于SpringBoot的英语自主学习平台一、项目简介初中英语自主学习系统是一套面向初中生的前后端分离学习平台。后端采用 Spring Boot、MyBatis、MySQL 与 JWT前端采用 Vue、Element UI、ECharts 和 Mavon Editor系统将英语学习文章、教学视频、内容创作、评论点赞、关注和个性化推荐整合在同一平台中。项目实际包含认证、文章、评论、点赞、关注、推荐、上传、用户和后台管理控制器前端包含首页、文章详情、创建与编辑文章、我的文章、个人中心以及管理员数据看板、文章审核和用户管理页面。二、系统功能1.1 学生端功能注册登录与个人资料学生可注册和登录平台系统使用 JWT 对需要身份验证的接口进行访问控制。登录后学生可在个人中心维护头像、昵称等资料并查看与自己相关的文章、关注和互动内容。学习文章与教学视频浏览首页展示学习文章、分类、标签和推荐内容。学生可进入文章详情阅读内容并通过文章中的教学链接或视频资源进行自主学习满足文章阅读和视频辅助学习两类场景。文章创作、编辑与我的文章学生可使用 Markdown 编辑器创建学习文章设置标题、摘要、分类、标签、封面、教学链接或视频等信息。文章发布后可在“我的文章”中查看、编辑或删除个人内容编辑页面和创建页面分别对应前端Edit.vue、Create.vue。评论、点赞与关注互动学生可在文章详情发表评论、进行点赞并关注感兴趣的用户或内容。评论、点赞和关注由独立控制器处理互动结果会在文章详情和个人相关页面展示。个性化内容推荐推荐模块根据学生的浏览、点赞、关注等行为以及文章分类、标签等内容特征生成推荐结果帮助学生在平台中发现更符合兴趣的英语学习资源。1.2 管理员端功能数据看板管理员可通过Dashboard.vue查看平台用户、文章及互动相关统计信息ECharts 用于可视化展示后台运营数据。文章审核与推荐管理管理员可在ArticleAudit.vue中查看文章处理审核状态并维护文章的推荐展示、教学链接、视频和封面等内容保证学习资源质量和前台展示效果。用户管理管理员可通过UserManage.vue查询用户并维护账号状态。AdminController和UserController分别支撑后台管理和用户资料业务。三、技术栈层级技术说明后端Java 8、Spring Boot 2.1.6Web 服务和业务接口数据访问MyBatis、MySQL 8.0用户、文章、互动和学习内容数据存储身份认证JWT登录令牌与接口鉴权前端Vue 2、Vue Router、Vuex、Element UI、Axios页面、路由、状态和接口调用内容编辑Mavon EditorMarkdown 文章编辑数据可视化ECharts 5.4管理端统计图表四、项目结构c87/ ├── src/main/java/ │ └── controller/ │ ├── AuthController.java# 注册、登录与认证│ ├── ArticleController.java# 文章业务│ ├── CommentController.java# 评论业务│ ├── LikeController.java# 点赞业务│ ├── FollowController.java# 关注业务│ ├── RecommendController.java# 推荐业务│ ├── UploadController.java# 文件上传│ ├── UserController.java# 用户资料│ └── AdminController.java# 后台管理├── frontend/src/ │ ├── views/# 首页、文章、个人中心页面│ └── views/admin/# 看板、审核和用户管理页面├── database/ │ ├── schema.sql# 基础建表脚本│ └── upgrade_v1_teaching_video.sql# 教学视频功能升级脚本└── README.md五、环境要求JDK 8Maven 3.6MySQL 8.0Node.js 12npm六、数据库初始化先执行database/schema.sql创建基础表和初始化数据如需启用教学视频相关字段或功能再执行database/upgrade_v1_teaching_video.sql。导入后按本机环境修改数据源配置。mysql-uroot-p--default-character-setutf8mb4database/schema.sql mysql-uroot-p--default-character-setutf8mb4database/upgrade_v1_teaching_video.sql七、后端启动mvn spring-boot:run八、前端启动cdfrontendnpminstallnpmrun serve九、默认账号项目未提供可确认的默认账号请以数据库脚本中的初始化数据为准。十、业务流程说明9.1 学习内容发布与审核流程学生登录后通过创建文章页面编写 Markdown 内容补充分类、标签、封面及教学链接或视频等资料并提交。文章进入平台内容管理流程后管理员在后台审核页面查看内容调整审核或推荐状态。审核后的内容在用户端首页和文章列表中展示作者仍可在“我的文章”中维护本人内容管理员可根据运营需要调整展示与推荐信息。9.2 学习互动与推荐流程学生阅读文章或观看教学资源时可发表评论、点赞或关注作者。系统保存互动记录推荐模块结合用户兴趣和文章特征生成后续学习内容推荐使内容浏览、互动和推荐形成连续学习流程。十一、交付内容项目完整源码包含 Spring Boot 后端与 Vue 前端代码。数据库脚本文件 schema.sql 与教学视频升级脚本。项目说明文档包含功能说明、运行环境、初始化和启动步骤。本项目为个人原创结构清晰功能完整适合课程设计、毕业设计和项目演示使用。有定制化需求可以评论或私信作者。本项目为个人原创结构清晰功能完整适合课程设计、毕业设计和个人学习使用。如需购买项目成品或定制化需求可以联系作者。个人网址https://michael-jay.pages.dev/