功能文档汇总

# 68-照片墙管理系统 - 功能说明

# 项目概述

网络相册管理系统是一个集照片管理、相册创建、社交互动于一体的综合性Web应用系统。采用前后端分离架构,基于Vue 3和Spring Boot技术栈,为用户提供便捷的照片存储、分类管理、在线分享体验。系统支持用户创建个人相册、上传照片、照片分类、点赞评论、收藏分享等全流程服务,打造个人专属的云端相册空间。

# 项目概览

# ✨ 创新点

# 1. 相册分类体系

  • 灵活的分类管理:支持管理员创建多级相册分类,用户可按分类组织照片。
  • 分类封面展示:每个分类支持封面图片,直观展示分类主题。
  • 分类描述:支持多行文本描述,详细说明分类用途和特点。

# 2. 照片管理创新模式

  • 相册组织:用户可创建多个相册,每个相册包含多张照片,层级清晰。
  • 公开/私密控制:相册支持公开或私密设置,保护个人隐私。
  • 标签系统:照片支持添加多个标签,便于搜索和分类。
  • 智能统计:自动统计浏览量、点赞数、评论数、收藏数等互动数据。

# 3. 社交互动体系

  • 点赞功能:用户可为喜欢的照片点赞,点赞记录独立存储防止重复点赞。
  • 评论系统:支持对照片发表评论,支持父子评论(回复评论)。
  • 收藏功能:用户可收藏喜欢的照片,建立个人收藏夹。
  • 浏览统计:实时记录照片浏览量,了解照片热度。

# 4. 个人中心完善

  • 我的相册:管理个人创建的所有相册,支持编辑、删除、查看统计。
  • 我的照片:管理个人上传的所有照片,支持批量操作。
  • 我的收藏:查看收藏的照片,快速访问喜欢的内容。
  • 我的评论:查看自己发表的所有评论记录。

# 5. 技术架构先进性

  • 前后端分离:清晰的职责划分,Vue 3前端+Spring Boot后端。
  • JWT认证:基于Token的无状态认证,安全高效。
  • 富文本编辑:支持公告内容的富文本编辑与展示。
  • 响应式布局:Element Plus组件库,适配多端设备。
  • 图片优化:支持图片上传、压缩、缩略图生成。

# ✨ 项目亮点

# 一、业务功能亮点

  1. 完整的相册管理闭环:从相册创建、照片上传、分类管理到社交互动,流程完整。
  2. 灵活的权限控制:相册支持公开/私密设置,保护用户隐私。
  3. 丰富的社交功能:点赞、评论、收藏三位一体,增强用户粘性。
  4. 智能标签系统:照片标签自动去重,标签使用次数统计,方便热门标签推荐。
  5. 实时数据统计:浏览量、点赞数、评论数、收藏数实时更新,数据可视化展示。

# 二、技术实现亮点

  1. 现代化前端技术栈:Vue 3.4.29 + Element Plus 2.8.4 + Vite 5.3.1,开发高效体验流畅。
  2. 稳定可靠的后端架构:Spring Boot 3.2.10 + MyBatis Plus 3.5.6,构建稳健后端服务。
  3. 完善的数据库设计:10张核心表,utf8mb4字符集,索引优化查询性能。
  4. 安全性设计:JWT Token认证、密码加密存储、接口权限控制。
  5. 图片处理能力:支持图片上传、格式转换、缩略图生成、存储优化。

# 三、用户体验亮点

  1. 双端界面设计:
    • 前台:水平导航,简洁直观,适合用户浏览照片。
    • 管理后台:侧边导航,功能集中,高效管理。
  2. 交互优化:
    • 实时消息提示。
    • 数据实时更新。
    • 图片懒加载。
    • 瀑布流展示。
  3. 搜索便捷:支持按标签、分类、用户搜索照片和相册。
  4. 移动端适配:响应式设计,支持手机、平板等多端访问。

# 管理员

# 系统管理

管理员管理:管理全部管理员账号,支持新增、编辑、删除操作。

普通用户管理:管理全部用户账号,可修改用户信息、状态,支持重置密码。

# 相册管理

相册分类管理:管理相册分类,设置分类名称、描述、封面图,支持新增、编辑、删除。

相册管理:管理全部用户创建的相册,可查看相册详情、照片数量、浏览量,支持删除违规相册。

照片管理:管理全部照片,可查看照片详情、所属相册、标签、浏览量、点赞数、评论数、收藏数,支持删除违规照片。

# 标签管理

标签管理:管理全部照片标签,查看标签使用次数,支持编辑、删除标签。

# 互动管理

评论管理:管理全部照片评论,查看评论内容、评论用户、评论时间,支持删除不当评论。

收藏管理:查看全部用户收藏记录,了解照片受欢迎程度。

点赞记录管理:查看全部用户点赞记录,统计照片热度。

# 内容管理

轮播图管理:管理首页轮播图,设置标题、图片、跳转链接、排序。

公告管理:发布和管理系统公告,支持富文本编辑,通知用户重要信息。

# 普通用户

# 照片浏览

首页浏览:

  • 浏览首页轮播图推荐内容
  • 查看热门相册、热门照片
  • 按分类浏览相册和照片

相册浏览:

  • 查看所有公开相册
  • 按分类筛选相册
  • 查看相册详情(封面、标题、描述、照片数量、浏览量)
  • 进入相册查看照片列表

照片浏览:

  • 查看所有公开照片
  • 按标签筛选照片
  • 查看照片详情(图片、标题、描述、标签、浏览量、点赞数、评论数)

# 相册管理

创建相册:

  • 填写相册标题、描述
  • 选择相册分类
  • 上传相册封面
  • 设置可见性(公开/私密)

我的相册:

  • 查看个人创建的所有相册
  • 编辑相册信息(标题、描述、分类、封面、可见性)
  • 删除相册
  • 查看相册统计(照片数量、浏览量)

# 照片管理

上传照片:

  • 选择所属相册
  • 上传照片图片
  • 填写照片标题、描述
  • 添加标签(多个标签用逗号分隔)

我的照片:

  • 查看个人上传的所有照片
  • 编辑照片信息(标题、描述、标签、所属相册)
  • 删除照片
  • 查看照片统计(浏览量、点赞数、评论数、收藏数)

# 社交互动

点赞功能:

  • 为喜欢的照片点赞
  • 取消点赞
  • 实时更新点赞数

评论功能:

  • 对照片发表评论
  • 回复其他用户的评论(父子评论)
  • 查看评论列表
  • 实时更新评论数

收藏功能:

  • 收藏喜欢的照片
  • 取消收藏
  • 我的收藏:查看收藏的照片列表
  • 实时更新收藏数

我的评论:

  • 查看自己发表的所有评论
  • 删除自己的评论
  • 查看评论的照片详情

# 个人中心

个人信息:修改个人信息(用户名、昵称、头像、手机号、邮箱)。

修改密码:修改登录密码。

# 公告浏览

公告列表:浏览系统公告,查看公告详情。

# 功能权限对照表

功能模块 管理员 普通用户
首页浏览 ✓ ✓
管理员管理 ✓ -
用户管理 ✓ -
相册分类管理 ✓ -
相册管理(全部) ✓ -
相册管理(个人) - ✓
照片管理(全部) ✓ -
照片管理(个人) - ✓
标签管理 ✓ -
评论管理(全部) ✓ -
评论管理(个人) - ✓
收藏管理(全部) ✓ -
收藏管理(个人) - ✓
点赞记录(查看全部) ✓ -
点赞功能 - ✓
轮播图管理 ✓ -
公告管理 ✓ -
公告浏览 - ✓
创建相册 - ✓
上传照片 - ✓
浏览相册照片 ✓ ✓

# 默认账号

# 管理员

用户名: admin
密码: 123456
手机号: 13800138000
邮箱: admin@qq.com
1
2
3
4

# 测试用户

用户名: user
密码: 123456
手机号: 13800138001
邮箱: user@qq.com
1
2
3
4

# 核心业务流程

# 用户注册流程

1. 填写注册信息(用户名、密码、昵称、邮箱、手机号)
2. 上传头像(可选)
3. 系统创建用户账号
4. 跳转到登录页
1
2
3
4

# 创建相册流程

1. 用户登录后进入"个人中心"
2. 点击"我的相册"→"创建相册"
3. 填写相册标题、描述
4. 选择相册分类
5. 上传相册封面
6. 设置可见性(公开/私密)
7. 提交创建,生成相册
8. 相册照片数量初始为0,浏览量为0
1
2
3
4
5
6
7
8

# 上传照片流程

1. 用户进入"我的照片"→"上传照片"
2. 选择所属相册(下拉选择自己创建的相册)
3. 上传照片图片
4. 填写照片标题、描述
5. 添加标签(多个标签用逗号分隔,如:风景,旅游,自然)
6. 提交上传,照片保存到数据库
7. 所属相册的照片数量自动+1
8. 标签表中标签使用次数自动更新
9. 照片初始浏览量、点赞数、评论数、收藏数均为0
1
2
3
4
5
6
7
8
9

# 用户浏览照片流程

1. 用户进入"相册"或"照片"页面
2. 浏览相册列表或照片列表
3. 点击相册进入相册详情,查看相册内的照片
4. 点击照片查看照片详情
5. 照片浏览量自动+1
6. 可查看照片标题、描述、标签、上传用户、上传时间
7. 可查看照片点赞数、评论数、收藏数
1
2
3
4
5
6
7

# 照片互动流程

1. 用户查看照片详情
2. 点击"点赞"按钮:
   - 首次点击:添加点赞记录,照片点赞数+1
   - 再次点击:取消点赞,删除点赞记录,照片点赞数-1
3. 点击"收藏"按钮:
   - 首次点击:添加收藏记录,照片收藏数+1
   - 再次点击:取消收藏,删除收藏记录,照片收藏数-1
4. 发表评论:
   - 填写评论内容
   - 提交评论,添加评论记录,照片评论数+1
5. 回复评论:
   - 点击"回复"按钮
   - 填写回复内容
   - 提交回复,添加子评论记录,照片评论数+1
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 标签统计流程

1. 用户上传照片时输入标签(如:风景,旅游,自然)
2. 系统解析标签,按逗号分隔
3. 对于每个标签:
   - 检查标签表中是否存在该标签
   - 如果存在:标签使用次数+1
   - 如果不存在:创建新标签,使用次数设为1
4. 照片表中存储标签字符串(如:风景,旅游,自然)
5. 管理员可在"标签管理"中查看所有标签及使用次数
6. 用户可按标签筛选照片
1
2
3
4
5
6
7
8
9

# 技术说明

# 系统架构

  • 前端:Vue 3.4.29 + Element Plus 2.8.4 + Vite 5.3.1
  • 后端:Spring Boot 3.2.10 + MyBatis Plus 3.5.6
  • 数据库:MySQL 5.7+
  • 认证:JWT Token

# 访问地址

  • 后端API:http://localhost:1000
  • 前端页面:http://localhost:5173(开发环境)

# 数据库

  • 数据库名:album_system
  • 字符集:utf8mb4
  • 总表数:10张表

# 核心表说明

  • admin:管理员表
  • user:用户表
  • category:相册分类表
  • album:相册表
  • photo:照片表
  • tag:标签表
  • comment:评论表
  • favorite:收藏表
  • like_record:点赞记录表
  • banner:轮播图表
  • notice:公告表

# 表字段详解

# album(相册表)

  • user_id:相册创建者ID
  • category_id:相册分类ID
  • title:相册标题
  • description:相册描述(多行文本)
  • cover_url:相册封面图片
  • view_count:浏览量
  • photo_count:照片数量(自动统计)
  • is_public:可见性(公开/私密)

# photo(照片表)

  • album_id:所属相册ID
  • user_id:上传用户ID
  • title:照片标题
  • description:照片描述(多行文本)
  • image_url:照片图片地址
  • tags:标签(逗号分隔字符串)
  • view_count:浏览量
  • like_count:点赞数
  • comment_count:评论数
  • favorite_count:收藏数

# comment(评论表)

  • photo_id:照片ID
  • user_id:评论用户ID
  • content:评论内容(多行文本)
  • parent_id:父评论ID(0表示顶级评论,非0表示回复评论)

# favorite(收藏表)

  • user_id:用户ID
  • photo_id:照片ID
  • 唯一索引:uk_user_photo(防止重复收藏)

# like_record(点赞记录表)

  • user_id:用户ID
  • photo_id:照片ID
  • 唯一索引:uk_user_photo(防止重复点赞)

# 系统特色

# 相册管理特色

  • 层级组织:分类→相册→照片三级结构,组织清晰
  • 公开/私密:相册可设置公开或私密,灵活控制可见性
  • 自动统计:相册照片数量自动统计,无需手动维护
  • 封面展示:相册封面直观展示相册主题

# 照片管理特色

  • 标签系统:照片支持多标签,便于分类和搜索
  • 智能统计:浏览量、点赞数、评论数、收藏数实时更新
  • 批量操作:支持批量上传、批量删除照片
  • 图片优化:支持图片压缩、缩略图生成,节省存储空间

# 社交互动特色

  • 点赞功能:一键点赞,防重复点赞机制
  • 评论系统:支持评论和回复,构建互动社区
  • 收藏功能:收藏喜欢的照片,建立个人收藏夹
  • 实时更新:互动数据实时更新,展示最新状态

# 标签系统特色

  • 自动管理:标签自动去重,使用次数自动统计
  • 热门推荐:根据使用次数推荐热门标签
  • 灵活搜索:按标签筛选照片,快速定位内容

# 数据统计特色

  • 浏览统计:相册浏览量、照片浏览量独立统计
  • 互动统计:点赞数、评论数、收藏数实时统计
  • 用户统计:用户相册数量、照片数量、互动次数统计
  • 标签统计:标签使用次数统计,热门标签排行

# 项目优势

# 1. 用户体验优秀

  • 操作简单:界面清晰,创建相册、上传照片流程简洁
  • 实时反馈:点赞、收藏、评论操作实时反馈
  • 多端适配:响应式设计,手机、平板、电脑都能流畅使用
  • 图片优化:支持图片懒加载、缩略图展示,提升加载速度

# 2. 功能完善丰富

  • 完整的相册管理:创建、编辑、删除、分类、统计一应俱全
  • 丰富的社交功能:点赞、评论、收藏,增强用户互动
  • 灵活的权限控制:公开/私密设置,保护用户隐私
  • 智能标签系统:标签自动管理,便于搜索和分类

# 3. 技术实现完善

  • 前后端分离:开发效率高,维护方便
  • 安全认证:JWT Token,保障账户安全
  • 数据库设计规范:10张表,关系清晰,索引优化查询性能
  • 图片处理能力:支持多种图片格式,压缩优化存储

# 4. 扩展性强

  • 分类体系:支持扩展相册分类,适应不同主题
  • 标签系统:支持无限标签,灵活分类照片
  • 评论系统:支持无限层级回复,构建互动社区
  • 统计系统:支持扩展更多统计维度,数据可视化展示

# 5. 适用场景广泛

  • 个人相册:存储和管理个人照片,建立云端相册
  • 摄影展示:摄影师展示作品,分类管理照片
  • 企业相册:企业活动照片存储和展示
  • 旅游记录:旅游照片分类管理,按地点、时间组织
  • 家庭相册:家庭照片存储,支持私密设置保护隐私
Java导航网   |