基于SpringBoot+Vue3前后端分离的数字资产管理平台（附完整源码+数据库+部署文档）

---

💡 一套完整的数字素材管理与协作系统，涵盖素材管理、以图搜图、工作空间协作、后台治理等核心模块，适用于毕业设计、课程设计、二次开发学习。

✅ 技术栈：SpringBoot 2.7 + MyBatis-Plus + MySQL8 + Redis + Vue3 + TypeScript + Vite + Ant Design Vue + Tailwind CSS

✅ 源码获取：文末附 GitHub 地址，开箱即用

---

一、项目介绍

本项目是一个面向个人创作者与小团队的数字素材管理与协作平台，支持图片、视频、音频、文档、3D模型等多种素材类型的上传、预览、检索与团队协作。

系统采用前后端分离架构，后端基于 Spring Boot 提供 RESTful API，前端基于 Vue3 + TypeScript 构建 SPA 应用，默认使用本地文件存储，可扩展对接阿里云 OSS。

适用场景：

• 🎓 本科/专科毕业设计
• 📚 课程设计与大作业
• 💼 个人作品集管理
• 👥 小团队媒体素材协作

---

二、项目截图

⚠️ 以下为系统核心页面展示，建议体验路径：首页 → 登录 → 资源库 → 管理后台 → 工作空间

1）公开画廊首页

2）资源库

3）登录页

4）管理后台

---

三、核心功能模块

3.1 素材管理

• 支持图片、视频、音频、文档、3D模型五大类型
• 单个/批量上传，在线预览
• 素材详情页，支持文本阅读、音频播放、3D模型查看
• 编辑锁机制，防止多人同时编辑覆盖

3.2 搜索与发现

• 关键词搜索
• 🔍 以图搜图（反向图片检索）
• 🎨 以色搜图（按颜色检索素材）
• 公开画廊浏览与发现

3.3 工作空间协作

• 个人工作空间 / 团队工作空间
• 邀请制 + 申请制加入机制
• 成员角色与权限管理
• 评论、点赞、收藏、站内通知

3.4 后台治理

• 用户管理、素材管理、工作空间管理
• 数据统计与可视化分析
• 回收站 + 敏感操作审计日志
• Knife4j 自动生成 API 接口文档

---

四、技术栈

类别	技术
后端框架	Spring Boot 2.7.6
持久层	MyBatis-Plus
数据库	MySQL 8.0
缓存	Redis
认证	JWT
接口文档	Knife4j
前端框架	Vue 3 + TypeScript
构建工具	Vite
状态管理	Pinia
UI 组件库	Ant Design Vue
CSS 方案	Tailwind CSS
文件存储	本地存储（可扩展阿里云 OSS）

---

五、项目结构

asset-workspace-system/
├── backend/                # 后端 Spring Boot 工程
│   └── src/main/resources/sql/   # 数据库建表脚本
├── frontend/               # 前端 Vue3 工程
├── docs/                   # 项目文档与架构图
├── scripts/                # 环境准备与验证脚本
├── README.md
└── LICENSE

---

六、环境要求与运行教程

6.1 环境准备

依赖	版本要求
Java	8+
Maven	3.8+
Node.js	18+
npm	9+
MySQL	8.0
Redis	任意稳定版

6.2 后端启动

# 1. 创建数据库（字符集 utf8mb4）
# 2. 导入建表脚本
mysql -u root -p your_database < backend/src/main/resources/sql/create_table.sql

# 3. 执行环境初始化脚本（自动生成 .env 和上传目录）
bash scripts/prepare_local.sh

# 4. IDEA 打开 backend 目录，运行 LingtuThinkTankApplication

启动成功后：

• API 地址：http://localhost:8123/api
• 接口文档：http://localhost:8123/api/doc.html

6.3 前端启动

cd frontend
npm install
npm run dev

访问 http://localhost:5173 即可。

6.4 设置管理员

注册账号后，执行以下 SQL 提升为管理员：

UPDATE user SET userRole = 'admin' WHERE id = 你的用户ID;

---

七、毕设亮点总结

如果你打算用这个项目做毕设，以下几个点在答辩时很容易出彩：

亮点	说明
以图搜图	基于图片内容的反向检索，技术含量高
以色搜图	按颜色维度检索素材，交互新颖
3D模型在线预览	支持浏览器内直接查看3D文件
编辑锁机制	解决多人协作的并发冲突问题
前后端分离架构	主流企业级开发模式，简历加分
完整的RBAC权限体系	角色 + 权限 + 工作空间三级控制

---

八、源码获取

项目完全开源，直接 clone 即可运行：

🔗 GitHub 地址：https://github.com/akinnya/asset-workspace-system

📄 开源协议：GPL-3.0

📖 二次开发指南：docs/development/secondary-development-guide.md

如果对你有帮助，欢迎点个 ⭐ Star 支持一下～

有问题可以在评论区留言或者 GitHub 提 Issue，看到都会回复。