Spring Boot 3 + Vue 3 + MySQL 非物质文化遗产项目管理平台源码实战前后端分离
2026/7/22 21:39:16 网站建设 项目流程

一、项目简介

非物质文化遗产项目管理平台是一套基于 Spring Boot 3 + Vue 3 前后端分离的数字化管理系统,面向非遗项目、传承人、成果、资讯的全生命周期管理。平台包含普通用户端和管理员端两个角色,支持非遗项目申报与审核、传承人档案管理、成果展示、资讯发布、用户评论与收藏等核心业务,提供数据看板与多维度统计图表,助力非遗文化的保护与传播。

二、技术栈

技术说明
后端框架Spring Boot 3
ORMMyBatis-Plus(含分页插件)
权限认证JWT(自定义拦截器 + Bearer Token)
前端框架Vue 3(Composition API + script setup)
状态管理Pinia
构建工具Vite
UI 组件库Element Plus
图表库ECharts
数据库MySQL
文件上传MultipartFile + 本地存储
密码加密MD5(Hutool DigestUtil)

三、功能模块

普通用户端

  • 浏览非遗项目列表:支持按名称、类别、地区、状态多条件筛选与分页展示。
  • 查看非遗项目详情:展示项目名称、类别、地区、保护级别、简介、历史背景、图片、视频等完整信息。
  • 查看项目关联的传承人信息:展示姓名、性别、年龄、从艺年限、技艺介绍、代表作品、照片。
  • 查看项目成果列表:按标题搜索,按项目筛选,展示成果标题、类型、内容、图片、视频。
  • 浏览资讯列表与详情:支持按标题关键词和类型筛选,展示标题、封面、类型、发布时间;详情展示完整内容与封面图。
  • 注册与登录:注册时填写用户名、密码,自动设为普通用户角色并启用;登录使用用户名+密码校验,返回 JWT token 与用户角色。
  • 对非遗项目提交评论:填写评论内容,关联当前登录用户与项目。
  • 收藏/取消收藏非遗项目:点击切换收藏状态,支持查看我的收藏列表。
  • 申报新非遗项目:填写项目名称、类别、地区、级别、简介、历史背景、图片、视频,同时可填写传承人信息一并提交。
  • 查看我的申报记录:列表展示申报项目的名称、类别、状态、审核备注。
  • 查看我的评论记录:列表展示评论内容、关联项目名称、评论时间。
  • 个人中心管理:修改昵称、头像、邮箱、手机号,修改登录密码。
  • 浏览传承人列表与详情:列表支持按姓名搜索,按项目筛选,展示姓名、性别、年龄、从艺年限、技艺介绍;详情展示完整档案信息与关联项目名称。
  • 浏览成果列表与详情:列表支持按标题搜索,按项目筛选,展示成果标题、类型、关联项目;详情展示成果标题、类型、内容、图片、视频。

管理员端

  • 数据看板:展示非遗项目数、注册用户数、待审核申报数、已通过申报数等统计卡片。
  • 数据看板:按类别、地区、保护级别、申报状态生成 ECharts 饼图/柱状图。
  • 项目管理:查看所有非遗项目列表,支持按名称、类别、地区、状态筛选。
  • 项目管理:添加/编辑非遗项目,填写名称、类别、地区、级别、简介、历史背景、图片、视频。
  • 项目管理:删除非遗项目。
  • 申报审核:查看待审核项目详情(含项目信息与传承人信息),通过或退回申报项目,填写审核备注,更新项目状态为 APPROVED/REJECTED。
  • 传承人管理:查看传承人列表(支持按姓名搜索,展示关联项目),添加/编辑传承人(填写姓名、性别、年龄、从艺年限、关联项目、技艺介绍、代表作品、照片),删除传承人。
  • 成果管理:查看成果列表(支持按标题搜索,展示成果标题、类型、关联项目),添加/编辑成果(填写标题、类型、关联项目、内容、图片、视频),删除成果。
  • 资讯管理:查看资讯列表(支持按标题搜索,按类型筛选),添加/编辑资讯(填写标题、内容、类型、封面图),删除资讯。
  • 评论管理:查看所有评论列表(展示评论用户、关联项目、评论内容、时间),删除不当评论。
  • 用户管理:查看用户列表(支持按用户名/昵称搜索),启用/禁用用户账号(修改用户状态字段),删除用户。

四、项目总结

本项目技术亮点在于采用 Spring Boot 3 + Vue 3 最新技术栈,前后端分离架构清晰;JWT 无状态认证保障接口安全;MyBatis-Plus 简化数据库操作;ECharts 实现可视化数据看板;Element Plus 提供统一 UI 体验。适合作为非遗文化数字化管理、课程设计、毕业设计或中小型内容管理系统的学习与二次开发参考。

界面展示

交付内容

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

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

获取完整源码

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

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

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

立即咨询