这是一个基于 Vue3 + SpringBoot + COS + WebSocket 企业级的智能图库管理平台。
1. 图片搜索: 除去一些常见的搜索参数,π立方提供了按照图片的RGB进行搜索,以图搜图。使用ref+watchEffect自动监听搜索条件并发起查询请求。
2. 图片优化: 采用懒加载+虚拟列表进行优化,灵活使用COS中的压缩图、更改图片格式来进行压缩图片大小。
3. AI扩图: 使用后端提供的AI大模型接口,进行自定义扩图。
4. 基于 WebSocket + 发布订阅模式实现了一个高性能的多人图片协同编辑系统。在后端使用 Disruptor 消息队列处理并发消息,实现了毫秒级的操作同步;在前端通过事件驱动机制,实现了实时的状态同步、操作广播和冲突处理,保证了多用户并发编辑时的数据一致性。