柚见(伙伴匹配系统)第六期

2024-02-20 02:04

本文主要是介绍柚见(伙伴匹配系统)第六期,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

开发主页

  1. 开发主页(默认推荐和自己兴趣相当的用户)
  2. 优化主页的性能(缓存 + 定时任务 + 分布式锁)

前端recommend

最简单:直接 list 列表
cv searchResult页面的代码 修改
在这里插入图片描述

后端接口

在这里插入图片描述

数据内容下边距修改

在这里插入图片描述

提取用户信息卡片

便于复用组件

新建文件夹components和文件UserCardList.vue,将主页用户信息卡片提取出来。主页和用户信息搜索页进行引用。

在这里插入图片描述

<template>  <van-card v-for="user in props.userList"  :desc="user.profile"  :title="`${user.username} (${user.planetCode})`"  :thumb="user.avatarUrl"  >  <template #tags>  <van-tag plain type="danger" v-for="tag in user.tags" style="margin-right: 8px; margin-top: 8px">  {{ tag }}  </van-tag>  </template>  <template #footer>  <van-button size="mini">联系我</van-button>  </template>  </van-card></template>  <script setup lang="ts">  
import {userType} from "../assets/user";  
interface UserCardListProps{  userList:userType;  
}  const props=withDefaults(defineProps<UserCardListProps>(),{  //@ts-ignore  userList:[] as userType,  
})  </script>

使用用户信息组件

<user-card-list :user-list="userList"></user-card-list>

后台数据库存放大量数据

模拟 1000 万个用户,再去查询

  1. 用可视化界面:适合一次性导入、数据量可控
  2. 写程序:for 循环,建议分批,不要一把梭哈(可以用接口来控制)
    要保证可控、幂等,注意线上环境和测试环境是有区别的导入 1000 万条,for i 1000w
  3. 执行 SQL 语句:适用于小数据量

导入导出

可视化导出
这里自己选择导出的文件类型和导出的地方路径。(尽量用CSV,exsl格式的话因为编码因为会乱码。)

在这里插入图片描述

可视化导入

选择要导入的文件
(导入有风险,自己要想清楚用何种方式导入数据)
在这里插入图片描述

上述演示失败

使用代码导入导出数据

CPU 密集型:分配的核心线程数 = CPU - 1
IO 密集型:分配的核心线程数可以大于 CPU 核数

定时任务 && 线性插入

开启定时任务注解。
在这里插入图片描述

新建InsertUser.java

编写定时任务代码并进行测试(这里的定时取巧,尽量别用,注释掉。)
// @Scheduled(initialDelay = 5000,fixedRate = Long.MAX_VALUE )

@Component  
public class InsertUsers {  @Resource  
private UserMapper userMapper;  /**  
* 循环插入用户  
*/  
// @Scheduled(initialDelay = 5000,fixedRate = Long.MAX_VALUE )  
public void doInsertUser() {  
//统计用户执行时间  
StopWatch stopWatch = new StopWatch();  
stopWatch.start();  final int INSERT_NUM = 1000;  
for (int i = 0; i < INSERT_NUM; i++) {  
User user = new User();  
user.setUsername("模拟用户");  
user.setUserAccount("fakeUser");  
user.setAvatarUrl("https://pic.imgdb.cn/item/65b8f58d871b83018a468905.png");  
user.setProfile("我是一个假用户");  
user.setGender(0);  
user.setPassword("12345678");  
user.setUserPhone("123456789108");  
user.setEmail("shayu-yusha@qq.com");  
user.setStatus(0);  
user.setUserRole(0);  
user.setPlanetCode("931");  
user.setTags("[前端er,JavaEr]");  
userMapper.insert(user);  
}  
stopWatch.stop();  
// 输出任务执行时间  
System.out.println( stopWatch.getLastTaskTimeMillis());  }  }

for 循环插入数据的问题:

  1. 建立和释放数据库链接,每次都要访问(----批量查询解决)
  2. for 循环是绝对线性的(—并发解决 )

批量查询插入

/**  
* 循环插入用户 耗时:7260ms  
* 批量插入用户 1000 耗时: 4751ms  
*/  
@Test  
public void doInsertUser() {  
StopWatch stopWatch = new StopWatch();  
stopWatch.start();  
final int INSERT_NUM = 1000;  List<User> userList = new ArrayList<>();  
for (int i = 0; i < INSERT_NUM; i++) {  
User user = new User();  
user.setUsername("模拟用户");  
user.setUserAccount("fakeUser");  
user.setAvatarUrl("https://pic.imgdb.cn/item/65b8f58d871b83018a468905.png");  
user.setProfile("我是一个假用户");  
user.setGender(0);  
user.setPassword("12345678");  
user.setUserPhone("123456789108");  
user.setEmail("shayu-yusha@qq.com");  
user.setStatus(0);  
user.setUserRole(0);  
user.setPlanetCode("931");  
user.setTags("[前端er,JavaEr]");  
userList.add(user);  
}  
//每隔100条数据插入一次  
userService.saveBatch(userList,100);  stopWatch.stop();  
System.out.println( stopWatch.getLastTaskTimeMillis());  }

并发插入

并发执行,
这里的线程可自定义或者用idea默认的,
两种方法的区别是,自定义可以跑满线程,而默认的只能跑CPU核数-1,
代码区别:就是在异步执行处加上自定义的线程名

用户插入单元测试,注意打包时要删掉或忽略,不然打一次包就插入一次

并发要注意执行的先后顺序无所谓,不要用到非并发类的集合

自定义线程池

private ExecutorService executorService = new ThreadPoolExecutor(16, 1000, 10000, TimeUnit.MINUTES, new ArrayBlockingQueue<>(10000));
//线程设置  
private ExecutorService executorService = new ThreadPoolExecutor(16, 1000, 10000, TimeUnit.MINUTES, new ArrayBlockingQueue<>(10000));  /**  
* 并发批量插入用户 100000 耗时: 26830ms  
*/  
@Test  
public void doConcurrencyInsertUser() {  
StopWatch stopWatch = new StopWatch();  
stopWatch.start();  
final int INSERT_NUM = 100000;  
// 分十组  
int j = 0;  
//批量插入数据的大小  
int batchSize = 5000;  
List<CompletableFuture<Void>> futureList = new ArrayList<>();  
// i 要根据数据量和插入批量来计算需要循环的次数。  
for (int i = 0; i < INSERT_NUM/batchSize; i++) {  
List<User> userList = new ArrayList<>();  
while (true){  
j++;  
User user = new User();  
user.setUsername("模拟用户");  
user.setUserAccount("fakeUser");  
user.setAvatarUrl("https://pic.imgdb.cn/item/65b8f58d871b83018a468905.png");  
user.setProfile("我是一个假用户");  
user.setGender(0);  
user.setPassword("12345678");  
user.setUserPhone("123456789108");  
user.setEmail("shayu-yusha@qq.com");  
user.setStatus(0);  
user.setUserRole(0);  
user.setPlanetCode("931");  
user.setTags("[\"前端\",\"后端\"]"); 
userList.add(user);  
if (j % batchSize == 0 ){  
break;  
}  
}  
//异步执行,插入数据  
CompletableFuture<Void> future = CompletableFuture.runAsync(() ->{  
System.out.println("ThreadName:" + Thread.currentThread().getName());  
userService.saveBatch(userList,batchSize);  
},executorService);  
futureList.add(future);  
}  
//等待所有异步任务执行完成  
CompletableFuture.allOf(futureList.toArray(new CompletableFuture[]{})).join();  
//输出任务执行耗时  
stopWatch.stop();  
System.out.println( stopWatch.getLastTaskTimeMillis());  }

分页查询

重启项目,前端主页用户信息会刷不出来,因为数据量过大。

后端接口修改
在这里插入图片描述

(注意一下这里page的依赖是mybatis的)
添加mybatis,注意扫描的包要修改。

前端修改

在这里插入图片描述

效果

在这里插入图片描述

TODO

数据库慢?预先把数据查出来,放到一个更快读取的地方,不用再查数据库了。(缓存)

预加载缓存,定时更新缓存。(定时任务)

多个机器都要执行任务么?(分布式锁:控制同一时间只有一台机器去执行定时任务,其他机器不用重复执行了)

这篇关于柚见(伙伴匹配系统)第六期的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/726702

相关文章

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

Linux系统中卸载与安装JDK的详细教程

《Linux系统中卸载与安装JDK的详细教程》本文详细介绍了如何在Linux系统中通过Xshell和Xftp工具连接与传输文件,然后进行JDK的安装与卸载,安装步骤包括连接Linux、传输JDK安装包... 目录1、卸载1.1 linux删除自带的JDK1.2 Linux上卸载自己安装的JDK2、安装2.1

Linux系统之主机网络配置方式

《Linux系统之主机网络配置方式》:本文主要介绍Linux系统之主机网络配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、查看主机的网络参数1、查看主机名2、查看IP地址3、查看网关4、查看DNS二、配置网卡1、修改网卡配置文件2、nmcli工具【通用

Linux系统之dns域名解析全过程

《Linux系统之dns域名解析全过程》:本文主要介绍Linux系统之dns域名解析全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、dns域名解析介绍1、DNS核心概念1.1 区域 zone1.2 记录 record二、DNS服务的配置1、正向解析的配置

Linux系统中配置静态IP地址的详细步骤

《Linux系统中配置静态IP地址的详细步骤》本文详细介绍了在Linux系统中配置静态IP地址的五个步骤,包括打开终端、编辑网络配置文件、配置IP地址、保存并重启网络服务,这对于系统管理员和新手都极具... 目录步骤一:打开终端步骤二:编辑网络配置文件步骤三:配置静态IP地址步骤四:保存并关闭文件步骤五:重

Windows系统下如何查找JDK的安装路径

《Windows系统下如何查找JDK的安装路径》:本文主要介绍Windows系统下如何查找JDK的安装路径,文中介绍了三种方法,分别是通过命令行检查、使用verbose选项查找jre目录、以及查看... 目录一、确认是否安装了JDK二、查找路径三、另外一种方式如果很久之前安装了JDK,或者在别人的电脑上,想

Linux系统之authconfig命令的使用解读

《Linux系统之authconfig命令的使用解读》authconfig是一个用于配置Linux系统身份验证和账户管理设置的命令行工具,主要用于RedHat系列的Linux发行版,它提供了一系列选项... 目录linux authconfig命令的使用基本语法常用选项示例总结Linux authconfi

Nginx中location实现多条件匹配的方法详解

《Nginx中location实现多条件匹配的方法详解》在Nginx中,location指令用于匹配请求的URI,虽然location本身是基于单一匹配规则的,但可以通过多种方式实现多个条件的匹配逻辑... 目录1. 概述2. 实现多条件匹配的方式2.1 使用多个 location 块2.2 使用正则表达式

Nginx配置系统服务&设置环境变量方式

《Nginx配置系统服务&设置环境变量方式》本文介绍了如何将Nginx配置为系统服务并设置环境变量,以便更方便地对Nginx进行操作,通过配置系统服务,可以使用系统命令来启动、停止或重新加载Nginx... 目录1.Nginx操作问题2.配置系统服android务3.设置环境变量总结1.Nginx操作问题

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网