news 2026/7/21 18:34:04

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Spring Boot 3 + Vue 3 + MySQL 苗族刺绣数字化平台源码 前后端分离实战项目

一、项目简介

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

二、技术栈

技术说明
后端框架Spring Boot 3.x
ORMMyBatis-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 全栈开发、前后端分离、非遗数字化等方向的课程设计、毕业设计或自学实战项目。配套的万字文档及数据库初始化脚本可降低二次开发门槛。

界面展示

交付内容

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

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

获取完整源码

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

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/21 18:33:36

Alfred-Convert单位转换库对比:与其他转换工具的优劣势分析

Alfred-Convert单位转换库对比:与其他转换工具的优劣势分析 【免费下载链接】alfred-convert Convert between different units in Alfred 项目地址: https://gitcode.com/gh_mirrors/al/alfred-convert Alfred-Convert是一款专为Alfred设计的高效单位转换工…

作者头像 李华
网站建设 2026/7/21 18:30:16

非编码RNA研究的时代突破与未竟之问

简述: 非编码RNA(ncRNA)作为基因组转录产物中不翻译为蛋白质的重要成员,正深刻改写我们对基因调控网络的认知。从早期被视为"转录噪声"或"垃圾序列",到如今被确认为发育、代谢、免疫及肿瘤发生中的…

作者头像 李华
网站建设 2026/7/21 18:29:54

什么是GEO?一文读懂生成式AI搜索引擎优化

内容摘要:GEO正成为继SEO之后最受关注的数字营销新赛道。本文系统梳理了GEO的定义与核心原理,通过与传统SEO的五维对比厘清两者本质区别,详解ChatGPT Search、Perplexity、Google AI Overviews等五大AI搜索引擎的引用逻辑差异,并从…

作者头像 李华
网站建设 2026/7/21 18:29:50

HarmonyOS趣味相机实战第24篇:前摄镜像、旋转补偿与识别框坐标统一

HarmonyOS趣味相机实战第24篇:前摄镜像、旋转补偿与识别框坐标统一 摘要 前置摄像头最容易出现一种“每个模块单独看都对,叠在一起却错”的问题:预览像镜子,保存后的 JPEG 又可能按拍摄参数镜像,人物识别框还来自传感器…

作者头像 李华