当前位置：首页 > news >正文

Spring Boot 3 + Vue 3 + MySQL 苗族刺绣数字化平台源码前后端分离实战项目

news 2026/7/21 18:34:56

一、项目简介

苗族刺绣数字化平台是一套基于 Spring Boot 3 + Vue 3 前后端分离架构的综合性非遗文化展示与互动系统。平台面向普通用户、传承人（工作室）以及系统管理员三个角色，围绕苗族刺绣文化的数字化保护与传播，提供了非遗资源展示、纹样智能识别、在线课程学习、活动报名、社区交流、传承人预约与评价等核心功能。系统采用 RESTful API 设计，前端通过 Axios 与后端通信，后端使用 Spring Security + JWT 实现认证与授权，数据库采用 MySQL，并集成百度 AI 图像识别 API 实现纹样智能识别。

二、技术栈

技术	说明
后端框架	Spring Boot 3.x
ORM	MyBatis-Plus
权限	Spring Security + JWT
API 文档	SpringDoc OpenAPI (Swagger)
前端框架	Vue 3
状态管理	Pinia
构建工具	Vite
数据库	MySQL
文件上传	MultipartFile + 本地存储
AI 识别	百度 AI 图像识别 API

三、功能模块

普通用户端

首页概览：查看轮播图、公告、推荐非遗资源、热门纹样、热门活动及传承人列表。
非遗资源浏览：分页浏览非遗资源（支持按分类/关键词筛选），查看资源详情时自动增加浏览量。
纹样库浏览：分页浏览纹样（支持按分类/关键词筛选），查看纹样详情并自动增加浏览量。
纹样智能识别：上传图片，调用百度 AI 图像识别 API，返回匹配的纹样关键词及置信度。
课程学习：分页浏览课程（支持按难度/关键词筛选），查看课程详情及章节内容。
活动参与：分页浏览活动（支持按类型/状态筛选），查看活动详情并进行报名。
社区交流：发布社区帖子（支持按帖子类型/关键词筛选），查看帖子详情并发表评论。
传承人互动：分页查看传承人列表（支持关键词搜索），查看详情及评价；基于经纬度查看附近传承人；创建预约（选择传承人或活动），管理我的预约（按状态筛选、取消预约）；对传承人发表评价，查看我的评价列表。
收藏管理：收藏/取消收藏非遗资源、纹样、课程、传承人，查看我的收藏列表（按类型筛选）。
个人中心：申请成为传承人（填写认证信息）并查看认证状态；修改个人资料、修改登录密码。

传承人端

工作室管理：查看工作室基本信息（名称、简介、头像、地址、经纬度等）及统计数据（资源数、课程数、预约数、平均评分）；更新工作室基本信息。
内容发布：发布非遗内容（设置标题、分类、封面、正文等，提交后待管理员审核）；管理我的内容列表（支持关键词搜索）。
课程管理：创建课程（设置标题、封面、难度、简介等，提交后待管理员审核）；管理我的课程列表；管理课程章节（新增/修改/删除章节，设置标题、视频链接、排序）。
预约管理：查看我的预约列表（支持按状态筛选）；确认预约、拒绝预约（填写拒绝原因）、完成预约。
评价管理：查看我的评价列表，回复用户评价。

管理员端

数据看板：查看用户数、传承人数、资源数、纹样数等统计，以及近 7 天访问统计。
内容管理：管理轮播图（新增/编辑/删除/排序）；管理公告（新增/编辑/删除/置顶）。
用户管理：分页管理用户（支持按关键词/用户类型/状态筛选），查看详情、修改信息、启用/禁用、删除用户。
传承人审核：分页管理传承人（支持按关键词/审核状态筛选），查看详情、审核认证（通过/拒绝并填写备注）、编辑信息、删除传承人。
非遗资源管理：分页管理非遗资源（支持按分类/关键词/审核状态筛选），查看详情、审核资源（通过/不通过）、上下架、编辑、删除资源；管理资源分类（新增/编辑/删除）。
纹样管理：分页管理纹样（支持关键词搜索），新增、编辑、删除纹样。
课程管理：分页管理课程（支持关键词/难度筛选），编辑、删除课程。
活动管理：分页管理活动（支持按类型/状态筛选），新增、编辑、删除活动。
预约管理：分页管理预约（支持按状态筛选），确认预约、拒绝预约（填写原因）、完成预约。

四、项目总结

本项目技术亮点在于采用前后端分离架构，后端整合 Spring Security + JWT 实现角色权限控制，前端使用 Pinia 进行状态管理，并集成百度 AI 图像识别 API 实现纹样智能识别功能。项目功能完整，覆盖非遗展示、社区互动、预约评价、后台管理等典型业务场景，适合作为 Java 全栈开发、前后端分离、非遗数字化等方向的课程设计、毕业设计或自学实战项目。配套的万字文档及数据库初始化脚本可降低二次开发门槛。