面向企业品牌部门、电商运营团队、市场活动团队及设计工作室，解决图片素材分散存储、查找困难、重复传递、权限边界不清，以及创作结果难以统一管理等问题。传统的本地文件夹、聊天群和普通网盘，难以同时满足素材检索、在线编辑、团队协作、内容审核与资源统计等业务需求。
项目围绕“素材上传—分类整理—检索选用—在线编辑—团队协作—审核发布—用量分析”构建完整业务流程，将公共图库、个人私有空间和企业团队空间整合到同一平台，兼顾公开素材共享、个人资产管理与团队内部协作。
在电商场景中，可集中管理商品图片、活动主视觉和推广素材，通过分类、标签与颜色快速筛选；在品牌与设计场景中，可建立共享素材库，按成员角色分配查看、上传、编辑和管理权限，并通过实时编辑同步减少反复传图与沟通；在企业管理场景中，可统一审核公开素材，并查看空间容量、素材构成和成员上传情况。
项目特色是将图片处理工具与企业素材管理流程结合，同时加入 AI 创作与扩图工作流展示，使创意结果能够继续进入上传入库、信息维护和审核管理环节，形成从创作到素材复用的连贯体验。
1. 多空间素材管理：支持公共图库、个人私有空间和企业团队空间，分别承载公开分享、个人管理与团队协作需求，按空间组织图片和成员。
2. 图片上传与信息维护：支持本地文件上传、图片 URL 导入、预览及元数据维护，可编辑名称、简介、分类和标签，并记录图片尺寸、格式、大小等信息。
3. 多维检索：支持关键词、分类、标签、尺寸等条件筛选，并提供按主色调检索功能，方便从大量素材中查找符合主题、规格或视觉风格的图片。
4. 在线编辑与批量操作：支持图片裁剪、旋转、缩放，以及批量修改素材信息，减少重复整理工作。
5. 实时协作：通过 WebSocket 同步团队图片的旋转、缩放及编辑状态，展示成员进入、退出和占用编辑情况，支持多人围绕同一图片协作。
6. 成员与权限管理：支持团队成员添加、移除及角色调整，区分浏览、编辑和管理权限，并在服务端校验操作权限。
7. 后台审核：提供用户、图片与空间管理，支持素材审核通过、拒绝及审核意见维护，控制公开图库的内容展示。
8. 数据可视化：展示空间容量、图片数量、分类分布、标签词云、文件大小分布及成员上传情况，辅助了解素材结构与资源使用情况。
9. AI 创作工作流：提供文生图与扩图交互页面、比例选择、原图对比和结果入库。当前基于预设创作方向及预生成素材演示，已打通实际图片处理、上传与信息持久化；自由提示词生成及任意图片扩图需要进一步接入在线模型服务。
本人承担项目的全栈功能开发与完善，覆盖前端页面、后端接口、数据库交互、权限控制、实时通信和前后端联调，重点打通用户操作到数据持久化的完整流程。
1. 前端采用 Vue 3、TypeScript、Vite 和 Ant Design Vue，使用 Vue Router 组织图库、团队空间、编辑器、数据分析及管理后台页面；通过 Pinia 管理登录状态，使用 Axios 对接后端接口，复用上传、搜索、编辑和图表组件。
2. 后端采用 Java、Spring Boot、MyBatis-Plus 与 MySQL，围绕用户、图片、空间和成员组织业务模块，提供 REST API，处理分页查询、信息维护、批量操作及审核流程，并进行参数校验与异常处理。
3. 权限设计结合登录身份、空间成员关系和角色配置，在前端控制页面入口与操作展示，在后端校验资源访问和修改权限，覆盖公开、个人及团队空间的不同访问规则。
4. 文件管理对接腾讯云 COS 对象存储，支持文件与 URL 两种上传来源，维护原图、缩略图、尺寸和格式等元数据，并将图片记录与空间用量关联。
5. 协作编辑采用 WebSocket，按图片维护连接与当前编辑者状态，将旋转、缩放等操作广播给其他客户端，并处理退出与断开连接后的状态释放。
6. 数据分析采用 ECharts 展示空间和素材统计；图片分页查询接口结合 Caffeine 与 Redis 缓存，减少重复查询。
7. AI 页面复用现有上传和编辑接口，通过 Canvas 完成图片裁剪与 JPEG 导出；保存流程保留已上传记录，支持元数据更新失败后重试，避免重复上传，同时处理临时图片 URL 释放和操作中的页面跳转限制。
评论