当前位置：首页 > news >正文

Vue接口平台学习七——接口调试页面请求体

news 来源：原创 2025/8/26 16:51:00

一、实现效果图及简单梳理

在这里插入图片描述
请求体部分的左边，展示参数，分text和file类型。
右边部分一个el-upload的上传文件按钮，一个table列表展示，一个显示框，用于预览选择的文件，点击可大图展示。

二、页面内容实现

0. 整体布局

这里分左右两边，左边用于添加和显示参数，右边用于上传文件和预览文件

<el-row :gutter="5"><el-col :span="15"></el-col><el-col :span="9"></el-col></el-row>

1. 左边的参数值部分

单个参数

左边包含内容，参数名（输入框），参数类型（下拉选择），参数值（选择text时为输入框，选择file时，为下拉选择），一个删除按钮，一个添加参数按钮

<el-col :span="15"><el-row  :gutter="5" style="margin-top: 5px;"><el-col :span="5"><el-input size="small"  placeholder="参数名" clearable/></el-col><el-col :span="4"><el-select v-model="paramsType" placeholder="参数类型" size="small" style="width: 100%;"><el-option label="Text" value="text"/><el-option label="File" value="file"/></el-select></el-col><el-col :span="11"><!-- 文字输入框 --><el-input v-if="paramsType === 'text'"  placeholder="参数值" size="small"clearable/><el-select v-else  size="small" placeholder="选择已有文件" style="width: 100%;"><el-option  value="123"/></el-select></el-col><el-col :span="4"><el-button icon="Delete"  size="small" type="danger" plain></el-button></el-col></el-row><el-button style="margin-top: 10px;" icon="Plus" size="small" type="primary" plain></el-button></el-col>

选择Text时
选择File时
单个参数大概就这样，现在需要定义一个变量，用来存储所有参数，然后遍历显示，并且点击添加时，需要向这个列表增加新的值。

多个参数循环遍历

const params = ref([]); // 参数列表 ['name','value']

<el-col :span="15"><el-row v-for="(item, index) in params" :key="index" :gutter="5" style="margin-top: 5px;"><el-col :span="5"><el-input size="small" v-model="item[0]" placeholder="参数名" clearable/></el-col><el-col :span="4"><el-select v-model="paramsType[index]" placeholder="参数类型" size="small" style="width: 100%;"><el-option label="Text" value="text"/><el-option label="File" value="file"/></el-select></el-col><el-col :span="11"><!-- 文字输入框 --><el-input v-if="paramsType[index] === 'text'" v-model="item[1]" placeholder="参数值" size="small"clearable/><el-select v-else v-model="item[1][0]" size="small"  placeholder="选择已有文件" style="width: 100%;"><el-option  value="123"/></el-select></el-col><el-col :span="4"><el-button icon="Delete"  size="small" type="danger" plain></el-button></el-col></el-row><el-button @click="params.push(['',''])"  style="margin-top: 10px;" icon="Plus" size="small" type="primary" plain></el-button></el-col>

在这里插入图片描述
由于后端定义的文件内容，包含名字，文件类型，文件地址三部分。所以如果选择类型是File，则有包含三部分内容。而下拉选择的仅仅只是绑定文件名，也就是列表第一个值。

删除

绑定点击事件

<el-button icon="Delete" @click="params.splice(index, 1)" size="small" type="danger" plain></el-button></el-col>

从数组中删除元素splice。

文件相关

定义接口

根据接口文档，在vue中封装接口
在这里插入图片描述

页面组件挂载完毕，获取一下文件列表，存储在files中，然后将数据中的info字段的第一个，也就是info[0] 绑定给文件下拉选择的选项，作为name

text和file的参数区别

后端返回文件列表的数据格式如下：
在这里插入图片描述
之前定义的params是一个列表，如下

params = [name,value] # 2部分组成，name和value，
# 而这个value，需要区分text和file
# 1.当选择text，value只有一个文本值
params = [name,[text_value]]# 2.当选择file，value则包含3部分
params = [name,[file_name,file_type,file_url]]

所以这里需要区分一下选择Text和选择File

 <el-select @change="selectType($event, index)" v-model="paramsType[index]" placeholder="参数类型" size="small" style="width: 100%;"><el-option label="Text" value="text"/><el-option label="File" value="file"/></el-select>

const selectType = (val, index) => {if (val === 'file') {params.value[index][1] = ['', '', ''];} else {params.value[index][1] = '';}
};

下拉选项绑定File

在下拉选择时，绑定change函数，如果选择file，那参数就有3个部分组成.

 <el-select v-else @change="selectFile($event, index)" v-model="item[1][0]" size="small"placeholder="选择已有文件" style="width: 100%;"><el-option v-for="item in files" :label="item.info[0]" :value="item.info[0]"/></el-select>

const files = ref([]);const getAllFile = async () => {// 获取文件列表const response = await http.pro.getFiles();if (response.status === 200) {files.value = response.data;}
};onMounted(() => {
if (props.modelValue.length > 0) {params.value = props.modelValue;} else {params.value = [['', '']];}getAllFile();
});

在这里插入图片描述

2. 右边的上传及预览部分

<el-col :span="9"><el-card style="padding: 0;"><el-upload class="upload-demo" :action="uploadApi" :on-success="uploadSuccess" :on-error="uploadError" :show-file-list="false" name="file" ><el-button type="primary" plain size="small">上传文件</el-button></el-upload><el-table :data="files" style="width: 100%" size="small" height="200px"><el-table-column label="已有文件"><template #default="scope"><el-tag type="success">{{ scope.row.info[0] }}</el-tag></template></el-table-column><el-table-column label="文件类型"><template #default="scope"><el-tag type="info">{{ scope.row.info[1] }}</el-tag></template></el-table-column></el-table><div>。。。图片和视频展示</div></el-card></el-col>

一个上传按钮，使用el-upload，然后一个表单展示组件，一个iframe用于显示已有的文件。

el-upload

https://element-plus.org/zh-CN/component/upload.html

在这里插入图片描述
添加请求上传的url

cosnt uploadApi = request.defaults.baseURL + `/api/testFile/files/`

绑定成功和失败的事件，给出提醒就行了。

const uploadSuccess = (response) => {ElMessage({type: 'success',message: '文件上传成功!',duration: 2000});getAllFile();
};const uploadError = (error) => {ElMessage({type: 'error',message: error,duration: 2000});
};

此时选择文件就能直接调用接口，上传了。
在这里插入图片描述

el-table

 <el-table :data="files" style="width: 100%" size="small" height="200px"><el-table-column label="已有文件" show-overflow-tooltip><template #default="scope"><el-tag type="success">{{ scope.row.info[0] }}</el-tag></template></el-table-column><el-table-column label="文件类型"><template #default="scope"><el-tag type="info">{{ scope.row.info[1] }}</el-tag></template></el-table-column>
</el-table>

表单部分，与之前下拉选择时一致。内容从files读取，显示名字的地方，超长，则悬浮展示全称。

单个文件数据

{"id": 5,"info": ["procard.jpg","image/jpeg","https://testapi-13xxxx-chengdu.myqcloud.com/procard.jpg "],"file": "procard.jpg"
}

之前也看过，文件类型数据info定义时含3个字段，名字，图片，和存储地址（使用了腾讯云的对象存储）。
所以显示文件名是scope.row.info[0] ，文件类型是scope.row.info[1]

图片与视频预览展示

点击文件名，预览一下图片/视频。给文件名增加点击事件，把info传过去

<el-tag type="success" @click="viewfile( scope.row.info)">{{ scope.row.info[0] }}</el-tag>

点击后，判断点击的是图片还是视频，用不同的标签进行渲染展示

const fileType = ref('image')
const mediaIframe = ref(null);const viewFile = (info) => {mediaIframe.value = info[2];const type = info[1].toLowerCase().split('/')[0];console.log(type)if (type === 'image') {fileType.value = 'image'} else {fileType.value = 'video'}
};

<div v-if="mediaIframe"><img v-if="fileType === 'image'" @click="showFullImg" :src="mediaIframe" style="width: 100%; height: 200px;"alt="预览"><videov-else:src="mediaIframe"@click="showFullImg"controlspreload="metadata"controlsList="nodownload"style="width: 100%; height: 200px;">您的浏览器不支持视频播放</video></div><!-- 添加Dialog组件,用于大屏展示 --><el-dialog v-if="fileType==='image'" v-model="dialogVisible" title="图片预览" width="80%"><img :src="mediaIframe" style="width: 100%; height: auto;" alt="完整图片"></el-dialog><el-dialog v-else v-model="dialogVisible" title="视频预览"  :width="dialogWidth"  ref="videoDialog"><video:src="mediaIframe"style="width: 100%; height:500px;"controlspreload="auto"controlsList="nodownload"@loadedmetadata="setDialogWidth"autoplay>您的浏览器不支持视频播放</video></el-dialog>

const dialogVisible = ref(false);
const dialogWidth = ref('80%'); // 默认宽度
const videoDialog = ref(null); // 对话框的 ref//点击全屏展示
const showFullImg = () => {dialogVisible.value = true; // 显示Dialog
};// 根据视频本身大小，来设置弹窗宽高。代码用cursor生成的，能用就行
const setDialogWidth = (event) => {const video = event.target;const videoWidth = video.videoWidth;const videoHeight = video.videoHeight;const maxWidth = window.innerWidth * 0.8; // 最大宽度为视口宽度的80%const maxHeight = window.innerHeight * 0.8; // 最大高度为视口高度的80%let dialogWidthValue = (videoWidth / videoHeight) * maxHeight;if (dialogWidthValue > maxWidth) {dialogWidthValue = maxWidth;}dialogWidth.value = `${dialogWidthValue}px`;
};

// 添加视频相关样式 （AI生成的，直接复制的）
video {object-fit: contain;background: #000; /* 添加黑色背景 */cursor: pointer;&::-webkit-media-controls-download-button {display: none; /* 隐藏 Chrome 下载按钮 */}&::-webkit-media-controls-enclosure {overflow: hidden;}
}// 优化弹窗中的视频显示
.el-dialog {.el-dialog__body {padding: 10px;background: #000;video {max-height: 70vh;margin: 0 auto;display: block;}}
}

在这里插入图片描述
点击全屏展示：

到此，整个请求体部分就完成了

三、总结

主要还是elment组件的使用，用到了el-upload，el-table，el-row，el-select等等。
video展示那块还得是AI，真是一边写，一边问。才得到结果。

Vue接口平台学习七——接口调试页面请求体

一、实现效果图及简单梳理请求体部分的左边，展示参数，分text和file类型。右边部分一个el-upload的上传文件按钮，一个table列表展示，一个显示框，用于预览选择的文件，点击可大图展示。二、页面内容实现 …...

编程日记 2025/8/26 16:51:00

STM32

GPIO 输入输出模式 GPIO 输出描述 GPIO_Mode_Out_OD 开漏输出模式： 1.对输入数据寄存器的读访问可得到I/O状态 HAL输出输出模式 GPIO输出描述GPIO_MODE_OUTPUT_PP推挽输出GPIO_MODE_OUTPUT_OD开漏输出GPIO输入GPIO_PULLUP上拉输入寄存器 GPIOx->ODR/IDR …...

编程日记 2025/8/26 16:50:59

linux如何用关键字搜索日志

在 Linux 系统中搜索日志是日常运维的重要工作，以下是几种常用的关键字搜索日志方法： 1. 基础 grep 搜索 bash 复制 # 基本搜索（区分大小写） grep "keyword" /var/log/syslog# 忽略大小写搜索 grep -i "error&…...

编程日记 2025/8/24 18:50:31

381_C++_decrypt解密数据、encrypt加密数据，帧头和数据buffer分开

仿照.cpp中将帧头和数据分开处理的方式来修改.cpp中的加密： if (StreamCipher::self().needEncrypt()) {// 创建加密缓冲区static std::vector...

编程日记 2025/8/26 16:48:40

MongoDB常见语句

目录 1. 增删改 2. 评估查询运算符 3. 比较查询运算符 4. 逻辑运算符 5. 元素运算符 6. 数组查询运算符 7. 字段更新操作符 8. 数组更新操作符 10. 聚合管道 1. 增删改增 db.getCollection("Y").insert({"age": 10,name: "ces5"});//增…...

编程日记 2025/8/25 8:07:28

Kotlin学习记录2

Android Studio中的注意事项本文为个人学习记录，仅供参考，如有错误请指出。本文主要记录在Android Studio中开发时遇到的问题和回答。 Fragment有哪些特性？ Fragment 是 Android 开发中的一个重要组件，具有以下特性&#xff1a…...

编程日记 2025/8/26 16:48:41

如何通过工具实现流程自动化

通过自动化工具，企业可以显著提高工作效率、降低人为错误、节省时间和成本。现代企业的运营中，流程管理是确保工作顺畅的关键，而人工处理繁琐的流程不仅容易出错，还会消耗大量的时间和人力资源。通过使用适合的自动化工具&#xf…...

编程日记 2025/8/26 16:48:40

组合数哭唧唧

前言：手写一个简单的组合数，但是由于长期没写，导致一些细节没处理好题目链接 #include<bits/stdc.h> using namespace std; #define endl "\n"#define int long longconst int N (int)2e510; const int Mod (int)1e97;int…...

编程日记 2025/8/26 16:51:00

LINUX基石

Vim编辑器Linux系统常用命令管理Linux实例软件源Nginx服务配置多站点Cron定时任务在Linux系统上安装图形化界面升级Linux ECS实例内核设置Linux实例的预留内存Linux系统中TCP/UDP端口测试方法进入Linux/FreeBSD系统的单用户模式 Vim编辑器 linux系统默认安装vim编辑器。终端中…...

编程日记 2025/8/26 16:48:39

Flowable工程化改造相关文档

本章将针对前期进行的Flowable流程引擎研究，进行相应的工程化改造，改造过程分别为对Flowable引擎流程文件远程化处理，流程过程接口化升级，等方面进行改造，以适配其他项目对流程引擎的API调用首先对流程引擎项目主要流…...

编程日记 2025/8/26 11:28:02

架构设计系列

架构设计系列：什么是架构设计架构设计系列：几个常用的架构设计原则架构设计系列：高并发系统的设计目标架构设计系列：如何设计可扩展架构架构设计系列：如何设计高性能架构架构设计系列：如何设计高可用架构架…...

编程日记 2025/8/26 13:30:35

波束形成（BF）从算法仿真到工程源码实现-第十节-非线性波束形成

一、概述本节我们基于webrtc的非线性波束形成进行代码仿真，并对仿真结果进行展示和分析总结。更多资料和代码可以进入https://t.zsxq.com/qgmoN ，同时欢迎大家提出宝贵的建议，以共同探讨学习。二、仿真代码 2.1 常量参数 % *author : a…...

编程日记 2025/8/26 16:04:51

QuickAPI 全生命周期管理：从开发到退役的闭环实践

数据 API 作为企业核心的数据资产，其生命周期管理直接影响数据服务的稳定性、安全性和复用效率。麦聪 QuickAPI 通过可视化、智能化的管理工具，构建了覆盖 API 全生命周期的闭环管理体系，实现从 "粗放式开发" 到 "精细化运营&…...

编程日记 2025/8/25 19:58:44

#define POLAR_CONSTANT (513385) /* 电导池常数，可通过与标准TDS测量仪对比计算反推 */ #define TDS_COEFFICIENT (55U) /* TDS 0.55 * 电子传导率*/void TDS_Value_Conversion() {u32 ad0;u8 i;float compensationCoefficient;float compens…...

编程日记 2025/8/26 11:10:13

【四川省第三届青少年C++算法设计大赛 (小低组) 第一试】

一、单项选择题(共15题，每题2分，共计30分;每题有且仅有一个正确选项) 1、计算机中负责执行算术和逻辑运算的部件是() A. 内存 B.CPU C.硬盘 D.鼠标 2、近期备受关注的国产开源生成式人工智能大模型是() A. AlphaChat B. …...

编程日记 2025/8/26 15:37:16

疾控01-实验室信息管理系统需求分析

支持录入送检单位的基本信息，包括单位名称、联系方式、地址、联系人等。支持修改、删除、查询功能；支持录入检验目的的具体内容，如疾病类型（例如血液检测、癌症检测）或样本来源（如水质监测、食品安全检测&a…...

编程日记 2025/8/24 10:01:23

Redis之RedLock算法以及底层原理

自研redis分布式锁存在的问题以及面试切入点 lock加锁关键逻辑 unlock解锁的关键逻辑使用Redis的分布式锁之前手写的redis分布式锁有什么缺点？？ Redis之父的RedLock算法 Redis也提供了Redlock算法，用来实现基于多个实例的分布式锁。…...

编程日记 2025/8/26 5:22:21

【JavaScript】二十二、通过关系查找DOM节点、新增、删除

文章目录 1、DOM节点的分类2、查找亲戚节点2.1 父节点查找2.2 子节点查找2.3 兄弟节点查找 3、新增节点3.1 创建新节点3.2 追加节点3.3 克隆节点3.4 案例：学成在线页面数据渲染 4、删除节点 1、DOM节点的分类 DOM树里每一个内容都称之为节点，节点分为三…...

编程日记 2025/8/26 7:27:29

SQL学习-关联查询（应用于多表查询）

复习前几篇写的基础查询语法复习以上都在单一表单内进行查询，那么我们需要用到多个表单的数据时，我们应该怎么处理呢？ 关联查询在excle文档中我们的处理方式如下 excle的这个查询虽然简单直观，但是也具有一定的局限性比…...

编程日记 2025/8/26 16:46:23

在 MySQL 单表存储 500 万数据的场景下，如何设计读取

在 MySQL 单表存储 500 万数据的场景下，设计高效读取方案需要从查询优化、架构扩展、硬件调优三个层面综合考虑。以下是具体方案，结合实际项目经验（如标易行投标服务平台）进行分析：一、查询优化：降低单次查询开销 1. 索引优化核心原则：仅为高频查询条件、排序字段、…...

编程日记 2025/8/24 8:48:02

Python使用FastMCP开发MCP服务端

MCP简介 Model Context Protocol (MCP) 是一个专门为 LLM（大语言模型）应用设计的协议，它允许你构建服务器以安全、标准化的方式向 LLM 应用程序公开数据和功能。FastMCP 作为 Python 生态中的一款轻量级框架，利用装饰器来简化路由…...

编程日记 2025/8/26 15:15:40

ESLint常见错误

1、Strings must use singlequote —— 字符串必须使用单引号 2、Extra semicolon semi——额外的分号：一行语句结尾不能添加分号 3、Unexpected trailing comma —— 行尾多了一个逗号 4、Newline required at end of file but not found ——文件结尾必须要新加…...

编程日记 2025/8/26 13:14:46

京东硬核挑战潜规则，外卖算法要变天？

刘强东这次回归后的动作，真是越来越有看头了！最近那段内部讲话视频爆出来，直接扔了个重磅炸弹：京东外卖，净利润率永远不许超过5%，谁敢超标就得挨处分！这话一出，整个外卖圈估计都得抖…...

编程日记 2025/8/26 16:48:39

怎样利用 macOS 自带功能快速进行批量重命名文件教程

在日常办公或个人使用中，我们经常需要对多个文件进行重命名操作。幸运的是，macOS 提供了一套非常实用的内置工具，可以轻松完成这一任务而无需借助任何第三方应用程序。今天，我们就来详细介绍如何利用 macOS 自带的功能实现文件的批…...

编程日记 2025/8/26 14:36:03

Java Spring Cloud框架使用及常见问题

Spring Cloud作为基于Spring Boot的分布式微服务框架，显著简化了微服务架构的开发与管理。其核心优势包括集成Eureka、Ribbon、Hystrix等组件，提供一站式服务发现、负载均衡、熔断容错等解决方案，支持动态配置与消息总线，实现高效…...

编程日记 2025/8/25 17:06:06

机器视觉检测Pin针歪斜应用

在现代电子制造业中，Pin针（插针）是连接器、芯片插座、PCB板等元器件的关键部件。如果Pin针歪斜，可能导致接触不良、短路，甚至整机失效。传统的人工检测不仅效率低，还容易疲劳漏检。 MasterAlign 机器视觉对…...

编程日记 2025/8/26 11:11:15

抗量子算法验证工具

抗量子算法计算工具抗量子算法验证工具ML-KEMML-DSASLH-DSA 抗量子算法验证工具 2024年末，美国NIST陆续公布了FIPS-203、FIPS-204、FIPS-205算法标准文档，抽空学习了一下，做了个算法计算工具。 ML-KEM ML-DSA SLH-DSA 需要的朋友可留言交流…...

编程日记 2025/8/26 2:02:32

临床协调简历模板

模板信息简历范文名称：临床协调简历模板，所属行业：其他 | 职位，模板编号：C1S3WO 专业的个人简历模板，逻辑清晰，排版简洁美观，让你的个人简历显得更专业，找到好工作。希…...

编程日记 2025/8/26 14:05:11

linux命令八

tmux防止远程管理中断格式:tmux # 进入会话模式进入会话模式后,你进行文件的压缩时,如果远程管理突然中断,也不会影响压缩的进程 DNS服务器作用：负责域名解析的服务器，将域名解析为IP地址 /etc/resolv.conf:指定DNS服务器地址配置文件日志管理 •常见…...

编程日记 2025/8/25 6:07:43

37-串联所有单词的子串

给定一个字符串 s 和一个字符串数组 words。 words 中所有字符串长度相同。 s 中的串联子串是指一个包含 words 中所有字符串以任意顺序排列连接起来的子串。例如，如果 words ["ab","cd","ef"]， 那么 "abcdef…...

编程日记 2025/8/24 6:47:59

机器学习赋能的多尺度材料模拟与催化设计前沿技术

随着新能源、先进制造等领域对功能材料性能要求的日益严苛，传统材料研发模式面临显著挑战：跨尺度关联机制不清晰、实验试错周期长、计算资源消耗巨大。人工智能技术与多尺度模拟方法的深度融合，为材料科学开辟了“数据驱动物理建模”的创新路…...

编程日记 2025/8/25 12:59:58

HarmonyOS-ArkUI V2工具类：AppStorageV2:应用全局UI状态存储

AppStorageV2是一个能够跨界面存储数据，管理数据的类。开发者可以使用AppStorageV2来存储全局UI状态变量数据。它提供的是应用级的全局共享能力，开发者可以通过connect绑定同一个key，进行跨ability数据共享。概述 AppStorageV2是一个单例，创建时间是应用UI启动时。其目的…...

编程日记 2025/8/26 6:31:04

【Linux】进程池bug、命名管道、systemV共享内存

一.进程池bug 我们在之前进程池的创建中是通过循环创建管道，并且让子进程与父进程关闭不要的读写段以构成通信信道。但是我们这样构建的话会存在一个很深的bug。我们在销毁进程池时是先将所有的信道的写端关闭，让其子进程read返回值为0，并…...

编程日记 2025/8/26 12:20:42

.Net 9 webapi使用Docker部署到Linux

参考文章连接： https://www.cnblogs.com/kong-ming/p/16278109.html .Net 6.0 WebApi 使用Docker部署到Linux系统CentOS 7 - 长白山 - 博客园项目需要跨平台部署，所以就研究了一下菜鸟如何入门Net跨平台部署，演示使用的是Net 9 webAPi Li…...

编程日记 2025/8/26 16:46:24

【差分隐私相关概念】瑞丽差分隐私（RDP）引理1

引理1的详细推导过程引理1陈述若分布 P P P 和 Q Q Q 满足： D ∞ ( P ∥ Q ) ≤ ϵ 且 D ∞ ( Q ∥ P ) ≤ ϵ , D_\infty(P \parallel Q) \leq \epsilon \quad \text{且} \quad D_\infty(Q \parallel P) \leq \epsilon, D∞(P∥Q)≤ϵ且D∞(Q∥P)≤ϵ, …...

编程日记 2025/8/23 20:58:50

Java练习——day1（反射）

文章目录练习1练习2练习3思考封装原则与反射合理使用反射“破坏”封装的场景练习1 编写代码，通过反射获取String类的所有公共方法名称，并按字母顺序打印。示例代码： import java.lang.reflect.Method; import java.util.Arrays;public …...

编程日记 2025/8/26 9:04:15

【C++】二叉搜索树

目录一、二叉搜索树 🍔二叉搜索树概念 🍟二叉搜索树的操作 🌮二叉搜索树的实现 🥪二叉搜索树的应用 🥙二叉搜索树的效率分析二、结语一、二叉搜索树 🍔二叉搜索树概念二叉搜索树又称二叉排序树&…...

编程日记 2025/8/24 10:01:36

fastjson2 使用bug

fastjson2 版本2.0.52 转jsonString保留null值求助有如下对象： JSONObject jsonObject {“A”:null,“B”:“value”} 当服务运行几天之后， 还是这个json格式，因为需要保留null值，如下方法： jsonObject.toJSONString…...

编程日记 2025/8/24 18:06:21

Redis日常维护技巧与常见问题解决方案

Redis是一个开源的内存数据存储系统，广泛应用于缓存、消息队列、实时分析等场景。由于其高性能和持久化特性，越来越多的企业开始引入Redis。然而，要使Redis高效、稳定地运行，日常的维护和问题解决显得尤其重要。本文将分享一些Red…...

编程日记 2025/8/26 1:14:05

【Leetcode-Hot100】最小覆盖子串

题目解答想到使用双指针哈希表来实现，双指针的left和right控制实现可满足字符串。 class Solution(object):def minWindow(self, s, t):""":type s: str:type t: str:rtype: str"""len_s, len_t len(s), len(t)hash_map {}for…...

编程日记 2025/8/24 8:05:52

【Sequelize】关联模型和孤儿记录

一、关联模型的核心机制 1. 关联类型与组合规则 • 基础四类型： • hasOne：外键存储于目标模型（如用户档案表存储用户ID） • belongsTo：外键存储于源模型（如订单表存储用户ID） • hasMany&…...

编程日记 2025/8/26 9:47:53

系统分析师-第三遍-章节导图

导图要求： 第一章绪论第二章数学与工程基础导图要不偏瘫...

编程日记 2025/8/26 7:39:25

算法（ALGORITHMS）---- 关于阶乘

Everyday life is different,even with your state and mind!So if i have some new ways or logic to make a good Algorithms,I gonna post it and share with U guys! If there is anything error aboubt what I demonstrated,pls speak out on the comment,Thanks! 一.最初…...

编程日记 2025/8/24 2:01:36