Spring Boot 3 + Vue 3 青少年科普短视频平台源码 前后端分离 实战项目
2026/7/21 17:48:28 网站建设 项目流程

一、项目简介

青少年科普短视频平台是一套面向青少年的科普视频学习与互动系统,采用 Spring Boot 3 + Vue 3 前后端分离架构。系统包含普通用户、创作者和管理员三个角色,支持视频发布与审核、科普资讯管理、答题闯关、学习计划、点赞收藏评论私信举报等完整互动功能,并内置基于协同过滤的个性化视频推荐引擎。后端提供 RESTful API,前端为单页应用,通过 Axios 进行数据交互。

二、技术栈

技术说明
后端框架Spring Boot 3.x
ORMMyBatis-Plus 3.5.x
权限认证JWT(jjwt)
数据校验Jakarta Validation
前端框架Vue 3(Composition API)
状态管理Pinia
前端路由Vue Router 4
构建工具Vite
数据库MySQL 8.x
HTTP 客户端Axios

三、功能模块

普通用户端

  • 浏览科普短视频列表:支持按分类、难度等级、关键词筛选,分页展示视频封面、标题、播放量等信息。
  • 查看视频详情页:展示视频信息、创作者、播放量、点赞/收藏/评论数,支持播放视频。
  • 获取个性化推荐视频:基于协同过滤算法,综合用户兴趣、观看历史、答题情况推荐视频。
  • 点赞/取消点赞视频或评论:点击按钮切换状态,实时更新点赞计数。
  • 收藏/取消收藏视频:点击收藏按钮,在我的收藏列表查看已收藏视频。
  • 发布评论与回复:对视频发表评论,支持回复已有评论形成对话树。
  • 记录与查看观看历史:自动记录观看时长与是否看完,支持分页查看历史记录。
  • 提交举报:选择视频或评论作为举报对象,填写举报原因与描述。
  • 发送与接收私信:与其他用户私信聊天,支持会话列表、聊天记录、标记已读。
  • 创建与管理学习计划:设定计划名称、目标、每日时长,支持完成/删除/更新。
  • 参与答题闯关:查看视频关联题目,提交答案,查看答题记录与正确率。
  • 浏览科普资讯:查看资讯列表、热门资讯、最新资讯、资讯详情,自动增加阅读量。
  • 查看轮播图:首页展示启用的轮播图,按排序字段排列。
  • 查看关于我们/联系我们:站点配置信息,由管理员维护。
  • 提交创作者认证:填写认证描述与个人简介,等待管理员审核。
  • 编辑个人资料:修改昵称、头像、个人简介等信息。

创作者端

  • 发布科普视频:需通过创作者认证,填写标题、分类、难度、视频URL、封面图等。
  • 管理我的视频列表:查看自己发布的所有视频,支持分页。
  • 编辑已发布的视频:修改视频标题、分类、封面图、简介等字段。
  • 下架自己的视频:将视频状态设为下架,前台不再展示。
  • 上传题目:为视频关联科普题目,设置题目内容、选项、正确答案与难度等级。
  • 查看题目答题数据:统计自己所有题目的答题次数、正确率等。
  • 查看单道题答题记录明细:分页查看某道题每个用户的作答情况。
  • 置顶/取消置顶评论:对自己视频下的评论进行置顶操作。
  • 查看创作者数据统计:视频总数、总播放量、总点赞/收藏/评论数、完播率。

管理员端

  • 用户管理:分页查询用户列表,支持按用户名/昵称搜索、按角色筛选。
  • 修改用户状态:启用/禁用用户账号。
  • 新增用户:管理员直接创建用户账号。
  • 删除用户:移除指定用户账号。
  • 审核创作者认证:通过/驳回认证申请,驳回时填写原因。
  • 视频审核:审核待审核视频,通过/驳回并填写审核备注。
  • 管理所有视频:上架/下架/删除视频,按审核状态和关键词搜索。
  • 科普资讯管理:发布、编辑、删除科普资讯。
  • 评论管理:查看所有评论,按内容关键词搜索,删除违规评论。
  • 按视频查看评论列表:指定视频ID查看该视频下所有评论。
  • 举报管理:查看所有举报记录,按处理状态筛选,处理举报并填写处理备注。
  • 删除违规私信:移除违规私信记录。
  • 轮播图管理:添加、编辑、删除轮播图,设置排序与启用状态。
  • 站点配置:更新关于我们、联系我们页面内容。
  • 仪表盘统计:查看总用户数、创作者数、总视频数、待审核数、评论数、答题记录数、今日新增用户、今日播放量。

四、项目总结

项目技术亮点包括:基于协同过滤的个性化推荐引擎,实现用户兴趣驱动的视频推荐;完整的视频内容审核与创作者认证流程,保障平台内容安全;答题闯关与学习计划模块,增强学习互动性;JWT 前后端鉴权,接口安全可控。适用场景为青少年科普教育平台、短视频学习社区、课程设计或毕业设计项目,适合希望学习 Spring Boot 3 + Vue 3 全栈开发、推荐算法应用或内容管理系统的开发者进行二次开发。

界面展示

交付内容

本项目为完整交付,包含:

  • 完整后端源码
  • 完整前端源码
  • 数据库初始化脚本(SQL)
  • 万字项目文档(设计文档 / 论文,可作课程设计、毕业设计参考)

获取完整源码

完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库:https://gitee.com/kangxihuang/src-K117

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询