【智能协同云图库】项目介绍一、项目介绍 - 鱼图图基于 Vue 3 + Spring Boot + COS + WebSocket 的 企业级智能协同云图库平台。
平台的核心功能可分为 4 大类：
1）所有用户都可以在平台公开上传和检索图片素材，快速找到需要的图片。可用作表情包网站、设计素材网站、壁纸网站等：
2）管理员可以上传、审核和管理图片，并对系统内的图片进行分析：
3）对于个人用户，可将图片上传至私有空间进行批量管理、检索、编辑和分析，用作个人网盘、个人相册、作品集等：
4）对于企业，可开通团队空间并邀请成员，共享图片并实时协同编辑图片，提高团队协作效率。可用于提供商业服务，如企业活动相册、企业内部素材库等：
该项目功能丰富，涉及文件存管、内容检索、权限控制、实时协同等企业主流业务场景，并运用多种编程思想、架构设计方法和优化策略来保证项目的高速迭代和稳定运行。
有业务、有技术，从 0 到 1 的真实企业级（商业级）项目设计开发，绝对让你收获满满！
项目三大阶段为了帮大家循序渐进地学习，鱼皮将项目设计为三个阶段，可以根据自己的时间和水平按需学习。
1）第一阶段，开发公共的 ...
在线视频：尚硅谷2024最新SpringCloud教程，springcloud从入门到大牛
课程资料：尚硅谷2024最新版SpringCloud教程
代码仓库
Gitee: https://gitee.com/an_shiguang/learn-springcloud
GitHub : https://github.com/Shiguang-coding/learn-springcloud
SpringCloud是什么，能干嘛？让程序员专注于业务逻辑，有第三方支撑
课程选用版本（速通版）
课程选用版本（详推版）第一季（2018）选用版本
Netflix OSS被移除的原因更新版本没有什么大惊小怪的，但是本次更新却正式开启了Spring Cloud Netflix体系的终结进程。Netflix公司是目前微服务落地中最成功的公司。它开源了诸如Eureka、Hystrix、Zuul、Feign、Ribbon等等广大开发者所知微服务套件，统称为Netflix OSS。在当时Netflix OSS成为微服务组件上事实的标准。但是微服务兴起不久，也就是在2018年前后Netflix公司宣布 ...
工具箱
未读初始化本前端初始模板使用 Ant Design Pro。
官方地址：开箱即用的中台前端/设计解决方案 - Ant Design Pro
Vue 版本官方地址：Ant Design Pro of Vue (antdv.com)
初始化命令：
12npm i @ant-design/pro-cli -gpro create yuzi-generator-web-frontend
工具箱
未读基于 React + Ant Design 的项目初始模板，整合了常用框架和主流业务的示例代码。
只需 1 分钟 即可完成网站的基础前端！！！大家还可以在此基础上快速开发自己的项目。
获取源码
通过百度网盘分享的文件：万用项目模板链接：https://pan.baidu.com/s/1eZAnZCfeOMZmEi9XDrg7vA?pwd=yyds提取码：yyds
视频讲解
通过百度网盘分享的文件：项目模板讲解和搭建链接：https://pan.baidu.com/s/1wruat5Dhrfe97gt6TvQKZw?pwd=yyds提取码：yyds
文字讲解见本 前端万用模板开发教程
模板能力集成登录：
快速开发管理功能（增删改查）：
模板特点主流框架 & 特性
Ant Design Pro 6.0.0
React 18.2.0
node 至少 16 版本及以上
antd 5.2.2
Type Script
动态路由
Eslint
Prettier
Ant Design Pro 架构Umi
Node.js 前端开发基础环境
webpack 前端必学必会的打包工具
rea ...
本节重点前端页面开发，跑通前后端核心业务流程，主要包括：
基础页面开发
用户模块
题库管理页面
题目管理页面
核心页面开发
主页
题库列表页
题目搜索页
题库详情页
题目详情页
题目题库绑定（管理员）
按照题库查询题目
修改题目所属题库
准备工作在本章开始之前，可以先准备一些示例数据，便于前端开发时查看效果。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114-- 初始数据use mianshiya;-- 用户表初始数据（密码是 12345678）INSERT INTO user (id, userAccount, userPassword, union ...
本节重点学习前端服务端渲染网站模板的开发，并且完成面试刷题平台 Web 前端的部分基础页面，包括：
需求分析
Web 前端技术选型
Next.js 前端万用模板开发（Web 前端项目初始化）
一、需求分析需求列表基础功能（均为 P0）
用户模块
用户注册
用户登录（账号密码）
【管理员】管理用户 - 增删改查
题库模块
查看题库列表
查看题库详情（展示题库下的题目）
【管理员】管理题库 - 增删改查
题目模块
题目搜索
查看题目详情（进入刷题页面）
【管理员】管理题目 - 增删改查（比如按照题库查询题目、修改题目所属题库等）
高级功能（均为 P1 ~ P2）
题目批量管理 P1
【管理员】批量向题库添加题目
【管理员】批量从题库移除题目
【管理员】批量删除题目
分词题目搜索 P1
用户刷题记录日历图 P1
自动缓存热门题目 P2
网站流量控制和熔断 P2
动态 IP 黑白名单过滤 P2
同端登录冲突检测 P2
分级题目反爬虫策略 P2
本节预期完成的需求不涉及复杂的业务，仅开发通用的用户注册登录和数据管理能力。
用户模块
用户注册 ✅
用户登录（账号 ...
1、每个模块的简要概写
2、一些重点模块的讲解2.1 全局项目配置application.yml
数据库配置文件是每一个项目都要修改的，一般修改内容为：数据库库名，例如: my_db，用户名: xxxx 密码: xxxx。
Redis 在一伙伴匹配项目中用到，如有需要需要替换成自己的密码。并且在 Spring Boot 启动类中作出如下修改。
2.2 全局请求、鉴权拦截器AuthInterceptor 和 LogInterceptor
先介绍下AuthInterceptor,权限校验机制，判断用户的role(角色)是否为管理员、用户、ban(封号)三种情况。
像创建用户这个方法就是只有管理员能够使用，用@AuthCheck自定义注解，然后写上使用该方法要有的权限即可。权限校验器因为是@Around环绕通知并且表明在有authCheck注解的方法周围执行如下逻辑。
@Around环绕通知在也就是在方法执行前后额外添加的逻辑。AOP功能的诠释，如果有不懂这段逻辑的可以去回顾下Spring的AOP功能， 面试 中经常会提及，能够回答出AOP的实际项目应用也是很不错的一个点。
接下来 ...
基于 Java Spring Boot 的后端项目初始模板，整合了常用框架和主流业务的示例代码。
只需 1 分钟即可完成内容网站的后端！！！大家还可以在此基础上快速开发自己的项目。
获取源码
通过百度网盘分享的文件：万用项目模板链接：https://pan.baidu.com/s/1eZAnZCfeOMZmEi9XDrg7vA?pwd=yyds提取码：yyds
文字讲解后端 Spring Boot 万用模板使用
模板特点主流框架 & 特性
Spring Boot 2.7.x（贼新）
Spring MVC
MyBatis + MyBatis Plus 数据访问（开启分页）
Spring Boot 调试工具和项目处理器
Spring AOP 切面编程
Spring Scheduler 定时任务
Spring 事务注解
数据存储
MySQL 数据库
Redis 内存数据库
Elasticsearch 搜索引擎
腾讯云 COS 对象存储
工具类
Easy Excel 表格处理
Hutool 工具库
Gson 解析库
Apache Commons Lang3 工具类
Lombok ...
本节重点开发面试刷题平台后端，包括：
需求分析
库表设计
后端项目初始化（万用模板讲解）
后端基础功能开发（增删改查）
后端核心业务流程开发
一、需求分析目标是明确要做的需求，并且给需求设置优先级，从而明确开发计划。
项目功能梳理基础功能
用户模块
用户注册
用户登录（账号密码）
【管理员】管理用户 - 增删改查
题库模块
查看题库列表
查看题库详情（展示题库下的题目）
【管理员】管理题库 - 增删改查
题目模块
题目搜索
查看题目详情（进入刷题页面）
【管理员】管理题目 - 增删改查（比如按照题库查询题目、修改题目所属题库等）
高级功能
题目批量管理
【管理员】批量向题库添加题目
【管理员】批量从题库移除题目
【管理员】批量删除题目
分词题目搜索
用户刷题记录日历图
自动缓存热门题目
网站流量控制和熔断
动态 IP 黑白名单过滤
同端登录冲突检测
分级题目反爬虫策略
核心业务流程如下图：
需求优先级根据核心业务业务流程，明确需求开发的优先级。
P0 为核心，非做不可
P1 为重点功能，最好做
P2 为实用功能，有空就做
P3 可做可不做，时间充裕再 ...
详细视频教程请前往鱼皮编程导航 https://www.codefather.cn/ 进行学习
深入业务场景的企业级实战项目，基于 Next.js 服务端渲染 + Spring Boot + Redis + MySQL + Elasticsearch 的 面试刷题平台。
管理员可以创建题库、题目和题解，并批量关联题目到题库；用户可以注册登录、分词检索题目、在线刷题并查看刷题记录日历等。
项目涉及大量企业级新技术的讲解，比如使用数据库连接池、热 Key 探测、缓存、高级数据结构来提升性能。通过流量控制、熔断、动态 IP 黑白名单过滤、同端登录冲突检测、分级反爬虫策略来提升系统和内容的安全性。从 0 到 1 的真实企业级项目设计开发，绝对让你收获满满！
成品参考：https://mianshiya.com
在线学习：https://code-nav.cn/course/mianshiya ，感兴趣的同学可以 免费试看
项目三大阶段该项目业务场景主流、优化点和技术亮点多，为了帮大家循序渐进地学习，鱼皮将项目设计为 3 个阶段，通俗易懂：
1）第一阶段，开发基础的刷题平台，带大家熟悉 ...
