MISSION BRIEFING
毕业设计，摄影作品分享、社交互动以及商业交易
架构
Vue 与 Spring
前后端分离，Vue 3 以及 Element Plus 负责前端，Spring Boot 以及 MyBatis-Plus 负责后端。
核心闭环
Upload→Trade
上传 → 元数据与水印处理 → 社交互动 → 授权交易 → 订单交付。
智能能力
Baidu AI
内容理解与自动标签，用于检索与推荐体验增强。
图像处理
EXIF 与 Watermark
解析 EXIF、生成缩略图与水印，兼顾展示与版权保护。
数据与安全
MySQL 与 Token
订单与社交数据一致性和鉴权策略，保障交易与权限边界。
运营视角
ECharts
后台数据统计与可视化，支持运营判断与策略迭代。
SCREEN TOUR
作品展示
点击图片可放大查看
页面列表
点击缩略图切换；点击右侧大图可放大查看
当前预览
点击图片可放大查看；放大后支持：滚轮缩放 · 拖拽平移 · ←/→ 切图 · Esc 关闭
注册功能 - 用户信息采集与验证
DESIGN DOCS
设计文档
点击图片可放大查看
用例设计
3 张
系统架构设计
3 张
数据库设计
8 张
功能流程设计
12 张
性能测试
2 张
项目概述
本项目是我的毕业设计作品，我把它定位成一个面向摄影爱好者与摄影师的一体化平台，它既能进行作品展示与社交互动，也支持作品交易与变现。
系统整体采用前后端分离架构。前端基于 Vue.js 以及 Element Plus 来构建界面与交互，后端则依靠 Spring Boot 与 MyBatis-Plus 来承接业务逻辑与数据处理，并把核心业务数据存储在 MySQL 数据库中。
围绕“作品”这个核心对象，我在项目中额外集成了图像处理与内容理解能力。我借助百度智能云来做作品内容的智能分析与标签生成，通过 metadata-extractor 提取 EXIF 元数据并用于技术细节展示，再用 Thumbnailator 生成高质量缩略图，并叠加水印来加强版权保护。
基于这些能力，用户可以进行点赞、评论、收藏等互动，也可以通过交易模块购买作品，从而把“创作 → 分享 → 变现”这条链路做成可运行的闭环。
技术栈
FRONTEND
前端
Vue 3 以及 Element Plus
ECharts（用来做统计分析可视化）
Vite（用来做工程化与构建）
BACKEND
后端
Spring Boot 以及 MyBatis-Plus
MySQL（用来保存业务与交易数据）
Sa-Token（用来做鉴权与会话）
AI AND MEDIA
AI 与图像处理
百度智能云（用来做内容理解与标签）
metadata-extractor（用来提取 EXIF 元数据）
Thumbnailator（用来生成缩略图与水印）
开发流程
- 1
需求分析与系统设计
通过市场调研分析摄影爱好者和专业摄影师的共同需求，确定系统整体架构。完成数据库建模、API接口设计和前端页面原型设计。使用StarUML创建类图和用例图，使用Figma设计UI原型。
- 2
后端开发
基于Spring Boot构建RESTful API，实现用户认证、作品管理、订单处理等核心功能模块。集成百度智能云图像内容理解API实现AI智能标签。使用metadata-extractor提取照片元数据，Thumbnailator处理图像缩略图。
- 3
前端开发
使用Vue.js和Element Plus构建响应式用户界面，ECharts实现作品数据可视化分析。开发了作品展示、搜索筛选、购物车和支付流程等完整用户交互体验。
- 4
系统测试
采用黑盒测试验证系统功能完备性，使用JMeter进行并发压测，监测系统在高负载下的性能表现，确保稳定运行。
功能亮点
- 基于百度AI的图像内容理解与自动描述
- 智能标签生成与关键词提取
- EXIF元数据解析与展示
- 摄影作品上传与展示
- 个人作品集管理
- 不同授权类型与定价策略配置
- 点赞、收藏与评论功能
- 个人主页与社交数据统计
- 用户互动数据分析
- 多维度筛选与排序
- 关键词搜索与标签导航
- 自适应瀑布流布局展示
- 作品定价与授权管理
- 个人钱包充值与提现
- 订单管理与下载控制
- 作品审核与推广管理
- 用户行为监控与管理
- 平台数据可视化分析
- 基于Token的用户认证
- 图像水印保护机制
- 数据库优化与缓存策略