{"id":23145818,"url":"https://github.com/liyupi/yu-picture","last_synced_at":"2025-04-09T11:06:31.972Z","repository":{"id":267008838,"uuid":"897859836","full_name":"liyupi/yu-picture","owner":"liyupi","description":"编程导航的新项目，基于 Vue 3 + Spring Boot + COS + WebSocket 的企业级智能协同云图库平台。项目应用场景广泛，可作为表情包网站、设计素材网站、壁纸网站、个人云盘、企业活动相册等。用户可以在平台公开上传和检索图片素材；管理员可以上传、审核和管理分析图片；个人用户可将图片上传至私有空间进行批量管理、检索、编辑和分析；企业可开通团队空间并邀请成员，共享图片并实时协同编辑图片。技术栈包括 MySQL 分库分表、Redis + Caffeine 多级缓存、COS 对象存储、Sa-Token 权限控制、DDD 领域驱动设计、WebSocket 实时通讯、JUC、Disruptor、AI 绘图大模型、设计模式等。从 0 到 1 的真实企业级项目设计开发，绝对让你收获满满","archived":false,"fork":false,"pushed_at":"2025-02-20T11:53:46.000Z","size":615,"stargazers_count":531,"open_issues_count":0,"forks_count":82,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-02T10:08:33.548Z","etag":null,"topics":["backend","cos","ddd","frontend","java","mysql","redis","springboot","vue","websocket"],"latest_commit_sha":null,"homepage":"https://codefather.cn/course/yupicture","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/liyupi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-03T11:15:25.000Z","updated_at":"2025-04-02T07:35:15.000Z","dependencies_parsed_at":"2024-12-24T16:18:58.382Z","dependency_job_id":"fecb2930-5499-4ead-b09f-3b323b3b4485","html_url":"https://github.com/liyupi/yu-picture","commit_stats":null,"previous_names":["liyupi/yu-picture"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyupi%2Fyu-picture","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyupi%2Fyu-picture/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyupi%2Fyu-picture/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyupi%2Fyu-picture/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liyupi","download_url":"https://codeload.github.com/liyupi/yu-picture/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248027407,"owners_count":21035594,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["backend","cos","ddd","frontend","java","mysql","redis","springboot","vue","websocket"],"created_at":"2024-12-17T16:16:33.853Z","updated_at":"2025-04-09T11:06:31.951Z","avatar_url":"https://github.com/liyupi.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 智能协同云图库项目介绍\n\n\u003e 作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)\n\u003e\n\u003e 本项目为教学项目，提供完整视频教程 + 文字教程 + 简历写法 + 面试题解 + 答疑服务，帮你提升项目能力，给简历增加亮点！\n\u003e\n\u003e ⭐️ 加入项目系列学习：[加入编程导航](https://www.codefather.cn/vip)\n\n## 一分钟了解项目\n\n请观看项目介绍和上线教程视频：https://www.bilibili.com/video/BV1akwGeSERK\n\n## 项目介绍\n\n基于 Vue 3 + Spring Boot + COS + WebSocket 的 **企业级智能协同云图库平台**。\n\n这个平台的应用场景非常广泛，核心功能可分为 4 大类，将分为 3 个阶段循序渐进带大家完成~\n\n1）所有用户都可以在平台公开上传和检索图片素材，快速找到需要的图片。可用作表情包网站、设计素材网站、壁纸网站等：\n\n![](https://pic.yupi.icu/1/1733224630053-4e43c368-028b-4758-b9e5-a451e919b976-20241204133447098-20241204144141724-20241204144303485.png)\n\n2）管理员可以上传、审核和管理图片，并对系统内的图片进行分析：\n\n![](https://pic.yupi.icu/1/1733224690345-7d4220c6-ea5c-4c7b-a1a9-9ea900837322-20241204133447144-20241204144141760-20241204144303557.png)\n\n3）对于个人用户，可将图片上传至私有空间进行批量管理、检索、编辑和分析，用作个人网盘、个人相册、作品集等：\n\n![](https://pic.yupi.icu/1/1732794489757-a209de7f-8b92-4f7c-89fc-c7ce942c0769-20241204133447220-20241204144141829-20241204144303735.png)\n\n4）对于企业，可开通团队空间并邀请成员，共享图片并 **实时协同编辑图片**，提高团队协作效率。可用于提供商业服务，如企业活动相册、企业内部素材库等：\n\n![](https://pic.yupi.icu/1/1732794085872-58b35d55-7325-4815-a16a-73f667f581ef-20241204133447259-20241204144141872-20241204144304075.png)\n\n该项目功能丰富，涉及文件存管、内容检索、权限控制、实时协同等企业主流业务场景，并运用多种编程思想、架构设计方法和优化策略来保证项目的高速迭代和稳定运行。\n\n有业务、有技术，从 0 到 1 的真实企业级（商业级）项目设计开发，绝对让你收获满满！\n\n\n\n### 项目三大阶段\n\n为了帮大家循序渐进地学习，鱼皮将项目设计为三个阶段，可以根据自己的时间和水平按需学习。\n\n1）第一阶段，开发公共的图库平台。实战 Vue 3 + Spring Boot 图片素材网站的快速开发，学习文件存管业务的开发和优化技巧。\n\n\u003e 成果：可用作表情包网站、设计素材网站、壁纸网站等\n\n![](https://pic.yupi.icu/1/1733224742171-84cf7ec3-5851-468e-87f4-5d2a6759ff54-20241204144304209.png)\n\n2）第二阶段，对项目 C 端功能进行大量扩展。用户可开通私有空间，并对空间图片进行多维检索、扫码分享、批量管理、快速编辑、用量分析。该阶段涉及大量主流业务功能开发，能学到很多业务知识和开发经验。\n\n\u003e 成果：可用作个人网盘、个人相册、作品集等\n\n![](https://pic.yupi.icu/1/1733224807605-f8f0685e-8990-437a-b40c-8ab2916efced-20241204144304325.png)\n\n3）第三阶段，对项目 B 端功能进行大量扩展。企业可开通团队空间，邀请和管理空间成员，团队内共享图片并实时协同编辑图片。该阶段涉及大量商业项目的应用场景，能学到很多架构设计和项目优化的技巧。\n\n\u003e 成果：可用于提供商业服务，如企业活动相册、企业内部素材库等\n\n![](https://pic.yupi.icu/1/1732795051719-55c2a296-73fd-439b-b0b7-1e8dd16e0e47-20241204144304468.png)\n\n项目架构设计图：\n\n![](https://pic.yupi.icu/1/1732691889100-e562c709-cffa-477d-9329-1dc5ac1d35c8-20241204144304741-20241204145344935-20241204145354234.png)\n\n\n\n### 项目特点\n\n鱼皮原创项目系列以实战为主，**从 0 到 1** 带大家学习技术知识，并立即实践运用到项目中，做到学以致用。\n\n从需求分析、技术选型、项目设计、项目初始化、Demo 编写、前后端开发实现、项目优化、部署上线等，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！\n\n满满的项目正反馈：\n\n![](https://pic.yupi.icu/1/202409291634731-20241204144539181.png)\n\n除视频教程外，鱼皮编程导航的项目还提供：\n\n- 详细的直播笔记（本项目有全套文字教程）\n- 完整的项目源码（分节的代码，更易学习）\n- 答疑解惑和专属项目交流群\n- ⭐️ 现成的简历写法（直接写满简历）\n- ⭐️ 项目的扩展思路（拉开和其他人的差距）\n- ⭐️ 项目相关面试题、题解和真实面经（提前准备，面试不懵逼）\n- ⭐️ 前端 + Java 后端万用项目模板（快速创建项目）\n\n![](https://pic.yupi.icu/1285/202409291634728.png)\n\n![](https://pic.yupi.icu/1285/202409291635501.png)\n\n\n\n## 加入学习\n\n编程导航已有 **10 多套项目教程**，每个项目的学习重点不同，几乎全都是前端 + 后端的 **全栈** 项目！\n\n欢迎 [加入编程导航](https://www.codefather.cn/vip)，不仅能学习往期 [10+ 套原创项目教程](https://mp.weixin.qq.com/s/omIazLMQlTo9M3jFFH7NzQ?token=70787607\u0026lang=zh_CN) ，还能享受更多原创资料、学习指南、求职指导、上百场模拟面试视频，开启你的编程起飞之旅~\n\n\n## 项目收获\n\n本项目选题新颖、功能丰富、业务真实、应用广泛。区别于增删改查的 “烂大街” 项目，鱼皮会带你实战大量新技术和商业应用场景，掌握层层递进的系统设计、项目扩展和优化方案，给你的简历大幅增加竞争力。\n\n鱼皮给大家讲的都是 **通用的项目开发方法和架构设计套路**，从这个项目中你可以学到：\n\n- 如何拆解复杂业务，从 0 开始设计实现企业级系统？\n- 如何巧用 RBAC 权限模型和框架实现复杂权限控制？\n- 如何结合 Redis + Caffeine 构建高性能多级缓存？\n- 如何实现文件的高效存储，并通过十几种策略进行优化？\n- 如何使用高级数据结构 Disruptor 无锁队列提升并发性能？\n- 如何使用 ShardingSphere 实现动态扩容的分库分表？\n- 如何使用 WebSocket 多端通信，实现企业级实时协作功能？\n- 如何接入 AI 绘图大模型，实现更多高级图片处理能力？\n- 如何使用 DDD 架构实现大型企业级项目？\n- 如何快速部署上线项目？\n\n此外，还能学会很多作图、思考问题、对比方案的方法，提升排查问题、自主解决 Bug 的能力。鱼皮还给大家提供了大量的项目扩展点，有能力的同学可以进一步拉开和别人的区分度，无限进步！\n\n\n\n## 技术选型\n\n### 后端\n\n- Java Spring Boot 框架\n- MySQL 数据库 + MyBatis-Plus 框架 + MyBatis X \n- Redis 分布式缓存 + Caffeine 本地缓存\n- Jsoup 数据抓取\n- ⭐️ COS 对象存储\n- ⭐️ ShardingSphere 分库分表\n- ⭐️ Sa-Token 权限控制\n- ⭐️ DDD 领域驱动设计\n- ⭐️ WebSocket 双向通信\n- ⭐️ Disruptor 高性能无锁队列\n- ⭐️ JUC 并发和异步编程\n- ⭐️ AI 绘图大模型接入\n- ⭐️ 多种设计模式的运用\n- ⭐️ 多角度项目优化：性能、成本、安全性等\n\n\n\n### 前端\n\n- Vue 3 框架\n- Vite 打包工具\n- Ant Design Vue 组件库\n- Axios 请求库\n- Pinia 全局状态管理\n- 其他组件：数据可视化、图片编辑等\n- ⭐️ 前端工程化：ESLint + Prettier + TypeScript\n- ⭐️ OpenAPI 前端代码生成\n\n\n\n## 项目资料\n\n包括：\n\n- 学习计划、视频教程、文字教程、项目源码\n- 项目答疑、项目交流群、学员笔记\n- 简历写法、面试题解、扩展思路\n\n以上资料均可在编程导航网站获取，点击 [加入编程导航](https://www.codefather.cn/vip)，可以解锁全部项目资料。\n\n\n\n## 真实评价\n\n编程导航帮助大量小伙伴学会做项目，拿到理想的 Offer！\n\n![](https://pic.yupi.icu/1285/202409291638711.png)\n\n![](https://pic.yupi.icu/1285/202409291638114.png)\n\n![](https://pic.yupi.icu/1285/202409291638987.png)\n\n\n\n## 更多编程导航项目\n\n请观看该视频，可以利用视频底部的章节条快速定位到对应的项目哦：https://www.bilibili.com/video/BV1YvmbYbEgS （记得给个三连支持谢谢 ❤️）\n\n\n## 加入编程导航学习本项目\n\n本项目为教学项目，提供完整视频教程 + 文字教程 + 简历写法 + 面试题解 + 答疑服务，帮你提升项目能力，给简历增加亮点！\n\n点击 [加入编程导航](https://www.codefather.cn/vip)，鱼皮带做的所有 10+ 项目教程都可以无限回看！\n\n👨🏻‍💻 数万人的编程学习交流圈，帮你更快学好编程 =\u003e 做出项目 =\u003e 搞定毕设 =\u003e 拿到 offer\n\n1. 获取原创编程学习路线、几十位大厂嘉宾的独家经验分享和答疑\n2. 获取原创编程 **学习指南和求职指南**，帮你解决学习问题、告别迷茫\n3. 数十套保姆级 **原创项目实战教程**，简历写法、面试题解、项目答疑一条龙，掌握独立做项目的方法\n4. 获取独家写简历技巧，查看几百份 **真实简历参考**，提高简历通过率\n5. 获取保姆级求职指南、每日投递信息表、精选面试题、面经汇总\n6. 加入专属编程交流群，获取每日优质文章推送，提高学习动力\n7. 鱼皮往期所有直播无限回看\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliyupi%2Fyu-picture","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliyupi%2Fyu-picture","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliyupi%2Fyu-picture/lists"}