md_files/自学/智能协同云图库.md

239 lines
8.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 智能协同云图库
## 待完善功能:
用户模块扩展功能:
![image-20250605171423657](https://pic.bitday.top/i/2025/06/05/scmgpj-0.png)
2.JWT校验可能要同时改前端把userId保存到ThreadLocal中
3.目前这些标签写死了可以用redis、数据库进行动态设置。根据点击次数
```java
@GetMapping("/tag_category")
public BaseResponse<PictureTagCategory> listPictureTagCategory() {
PictureTagCategory pictureTagCategory = new PictureTagCategory();
List<String> tagList = Arrays.asList("热门", "搞笑", "生活", "高清", "艺术", "校园", "背景", "简历", "创意");
List<String> categoryList = Arrays.asList("模板", "电商", "表情包", "素材", "海报");
pictureTagCategory.setTagList(tagList);
pictureTagCategory.setCategoryList(categoryList);
return ResultUtils.success(pictureTagCategory);
}
```
4.图片审核扩展
![image-20250613095827698](https://pic.bitday.top/i/2025/06/13/fuje69-0.png)
5.爬图扩展
2记录从哪里爬的
4bing直接搜可能也是缩略图可能模拟手点一次图片再爬会清晰一点
![image-20250613151702919](https://pic.bitday.top/i/2025/06/13/p2x73k-0.png)
6.缓存扩展
![image-20250614102838352](https://pic.bitday.top/i/2025/06/14/h08lj2-0.png)
![image-20250614103204589](https://pic.bitday.top/i/2025/06/14/h26jk5-0.png)
图片压缩
![image-20250614144949709](https://pic.bitday.top/i/2025/06/14/nyygiy-0.png)
文件秒传md5校验如果已有直接返回url不用重新上传图片场景不必使用
![image-20250614150055044](https://pic.bitday.top/i/2025/06/14/otcrgv-0.png)
分片上传和断点续传:[对象存储 上传对象_腾讯云](https://cloud.tencent.com/document/product/436/65935#0c1fbdc5-64c1-4224-9aa5-92fbd0ae6780)
CDN内容分发后期项目上线之后搞一下。
浏览器缓存
是服务器(或 CDN/静态文件服务器)在返回资源时下发给浏览器的。
![image-20250615110512019](https://pic.bitday.top/i/2025/06/15/ia22t1-0.png)
用户空间扩展:
![image-20250616180026998](https://pic.bitday.top/i/2025/06/16/tru78f-0.png)
![image-20250617142423268](https://pic.bitday.top/i/2025/06/17/njyios-0.png)
图片编辑
![image-20250618103455538](https://pic.bitday.top/i/2025/06/18/h3y3cr-0.png)
AI扩图
![image-20250618131313871](https://pic.bitday.top/i/2025/06/18/lprp60-0.png)
![image-20250618133151691](https://pic.bitday.top/i/2025/06/18/m0pfyk-0.png)
下载MybatisX插件可以从数据表直接生成Bean、Mapper、Service选项设置如下
注意勾选Actual Column生成的Bean和表中字段一模一样取消勾选会进行驼峰转换即user_name->userName
![image-20250605174225328](https://pic.bitday.top/i/2025/06/05/st9hiz-0.png)
![image-20250605174413935](https://pic.bitday.top/i/2025/06/05/sudrtc-0.png)
下载GenerateSerailVersionUID插件可以右键->generate->生成序列ID
```java
private static final long serialVersionUID = -1321880859645675653L;
```
![image-20250605181008973](https://pic.bitday.top/i/2025/06/05/txnduw-0.png)
**创建图片的业务流程**
创建图片主要是包括两个过程:第一个过程是上传图片文件本身,第二个过程是将图片信息上传到数据库。
有两种常见的处理方式:
1.先上传再提交数据(大多数的处理方式):用户直接上传图片,系统自动生成图片的**url存储地址**;然后在用户填写其它相关信息并提交后才将图片记录保存到数据库中。
2.上传图片时直接记录图片信息:云图库平台中图片作为核心资源,只要用户将图片上传成功就应该把这个图片上传到数据库中(即用户上传图片后系统应该立即生成图片的完整数据记录和其它元信息,这里元信息指的是图片的一些基础信息,这些信息应该是在图片上传成功后就能够解析出来),无需等待用户上传提交图片信息就会立即存入数据库中,这样会使整个交互过程更加轻量。这样的话用户只需要再上传图片的其它信息即可,这样就相当于用户对已有的图片信息进行编辑。
当然我们也可以对用户进行一些限制,比如说当用户上传过多的图片资源时就禁止该用户继续上传图片资源。
## 优化
![image-20250613153115420](https://pic.bitday.top/i/2025/06/13/pbkjul-0.png)
## 多级缓存
![image-20250614101747456](https://pic.bitday.top/i/2025/06/14/gtsa80-0.png)
目前貌似没有使用缓存、@deprecated
## 收获
### Redis+Session
之前我们每次重启服务器都要重新登陆,既然已经整合了 `Redis`,不妨使用 `Redis` 管理` Session`,更好地维护登录态。
1先在 `Maven `中引入 `spring-session-data-redis` 库:
```xml
<!-- Spring Session + Redis -->
<dependency>
<groupId>org.springframework.session</groupId>
<artifactId>spring-session-data-redis</artifactId>
</dependency>
```
2修改 `application.yml` 配置文件,更改`Session`的存储方式和过期时间:
既要设置redis能存30天发给前端的cookie也要30天有效期。
```
spring:
# session 配置
session:
store-type: redis
# session 30 天过期
timeout: 2592000
server:
port: 8123
servlet:
context-path: /api
# cookie 30 天过期
session:
cookie:
max-age: 2592000
```
### 为什么用 `ConcurrentHashMap<Long,Object>` 管理锁更优?
1. **避免污染常量池**
`String.intern()` 会把每一个不同的 `userId` 字符串都放到 JVM 的字符串常量池里随着用户量增长常量池里的内容会越来越多可能导致元空间MetaSpace永久代PermGen压力过大。
2. **显式可控的锁生命周期**
-`ConcurrentHashMap` 明确地管理——「只要 map 里有这个 key就有对应的锁对象不需要时可以删掉。」
- 相比之下,`intern()` 后的字符串对象由 JVM 常量池管理,代码里很难清理,存在内存泄漏风险。
3. **高并发性能更好**
- `ConcurrentHashMap` 内部采用分段锁或 Node 锁定(取决于 JDK 版本),即便高并发下往 map 里 `computeIfAbsent` 也能保持较高吞吐。
- `synchronized (lock)` 本身只锁定单个用户对应的那把锁,不影响其他用户;结合 `ConcurrentHashMap` 的高并发特性,整体性能比直接在一个全局 `HashMap` + `synchronized` 好得多。
### 锁+事务可能出现的问题
**`@Transactional`(声明式)**
- 事务在方法入口打开,很可能在拿锁前就占用连接/数据库资源,导致“空跑事务”+“资源耗尽”。
- 依赖代理,存在自调用失效的坑。
**`transactionTemplate.execute()`(编程式)**
- 锁先行→事务后发,确保高并发下只有一个连接/事务进数据库,极大降低资源竞争。
- 全程显式,放到哪儿就是哪儿,杜绝自调用/代理链带来的隐患。
**锁+事务`@Transactional`一起可能出现问题:**
**线程 A**
- 进入方法Spring AOP 拦截,**立即开启事务**
- 走到 `synchronized(lock)`,拿到锁
- 在锁里执行 `exists``save`(但真正的 “提交” 要等到方法返回后才做)
- 退出 `synchronized` 块,方法继续执行(其实已经没别的逻辑了)
- 方法返回,事务拦截器这时才 **提交**
**线程 B**(并发进来)
- 等待 AOP 代理,进入同一个方法,**也会马上开启自己的事务**
- 在入口就拿到一个新的连接/事务上下文
- 然后遇到 `synchronized(lock)`**在这里阻塞** 等 A 释放锁
- A 一旦走出 `synchronized`B 立刻拿到锁——但此时 A **还没真正提交**(提交在方法尾被拦截器做)
- B 在锁里执行 `exists`:因为 A 的改动还在 A 的未提交事务里,**默认隔离级别READ_COMMITTED下看不到**,所以 `exists` 会返回 `false`
- B 就继续 `save`,结果就可能插入重复记录,或者引发唯一索引冲突