ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

基于SpringBoot的英语自主学习系统

2026/8/5 22:12:56 拓冰建站 浏览量
基于SpringBoot的英语自主学习系统 项目简介本系统基于SpringBoot的英语自主学习平台提供英语学习资源与自主学习环境。系统支持文章发布、教学视频学习、互动评论、个性化推荐等功能管理员可对文章与用户进行统一管理实现从内容创作到学习互动的完整闭环。核心功能用户端用户管理注册、登录、个人资料、关注内容发布文章发布Markdown、教学链接、封面、视频分类、标签、摘要编辑、删除互动评论、点赞、分享推荐基于浏览历史与兴趣的个性化推荐学习首页直接点击学习链接跳转、视频弹窗播放管理端数据概览ECharts 可视化饼图、柱状图、环形图文章管理审核、推荐、教学链接/视频/封面编辑用户管理用户列表与状态管理技术栈层级技术说明后端Java 8开发语言后端Spring Boot 2.1.6Web 框架后端MyBatis持久层后端MySQL 8.0数据库后端JWT认证前端Vue 2.5框架前端Vue Router路由前端Vuex状态管理前端Element UI组件库前端ECharts 5.4图表前端Mavon EditorMarkdown 编辑器前端AxiosHTTP 请求项目结构c87/ ├── frontend/ # 前端 │ ├── src/ │ │ ├── api/ # 接口封装 │ │ ├── router/ # 路由 │ │ ├── store/ # Vuex │ │ ├── utils/ # 工具 │ │ └── views/ # 页面 │ │ ├── admin/ # 管理后台 │ │ ├── article/ # 文章 │ │ └── user/ # 用户 │ └──package.json ├── src/main/java/ # 后端 │ └── com/michaeljay/english/ │ ├── common/ # 通用类 │ ├── config/ # 配置 │ ├── controller/ # 控制器 │ ├── entity/ # 实体 │ ├── interceptor/ # 拦截器 │ ├── mapper/ # MyBatis │ ├── service/ # 服务 │ └── util/ # 工具 ├── src/main/resources/ │ ├── mapper/ # MyBatis XML │ └── application.yml ├── database/ │ ├── schema.sql # 建表脚本 │ └── upgrade_v1_teaching_video.sql └── README.md数据库设计表结构表名说明主要字段user用户表user_id, username, password, nickname, role, statusarticle文章表article_id, user_id, title, content, cover_image, teaching_link, video_url, category, audit_statuscomment评论表comment_id, article_id, user_id, content, parent_idarticle_like文章点赞表like_id, article_id, user_idcomment_like评论点赞表like_id, comment_id, user_iduser_follow用户关注表follow_id, user_id, follow_user_idbrowse_history浏览历史表history_id, user_id, article_iduser_interest用户兴趣表interest_id, user_id, categorynotification通知表notification_id, user_id, type, content数据库初始化mysql -u root -p database/schema.sql若已有数据库升级mysql -u root -p database/upgrade_v1_teaching_video.sql配置src/main/resources/application.yml中的数据库连接信息。安装与运行环境要求JDK 1.8Node.js 6MySQL 8.0Maven 3.6后端mvn clean install mvn spring-boot:run后端地址http://localhost:8080API 前缀/api前端cd frontend npm install npm run dev前端地址http://localhost:8081生产构建npm run build默认账号角色账号密码管理员admin123测试用户user001123文件上传图片jpg、png 等单文件 ≤ 2MB视频MP4、WebM、OGG、MOV 等单文件 ≤ 100MB存储目录upload