YUELEI118的博客

原创 Ant Design Vue实现同一个组件中上传视频与图片，并显示缩略图

【代码】Ant Design Vue实现同一个组件中上传视频与图片，并显示缩略图。

原创 Cherry Studio 使用魔搭社区的Mcp

SSE 是基于 HTTP 协议的流式传输机制，它允许服务器通过 HTTP 单向推送事件到客户端。SSE 适用于客户端需要接收服务器推送的场景，通常用于实时数据更新。这种方式客户端和服务端必须都在本地，在下面的图中使用的服务端虽然没有从代码仓库拉取代码到本地，但是当执行npx或uvx时会从 npm 远程仓库下载该包到临时缓存目录stdio传输方式是最简单的通信方式，通常在本地工具之间进行消息传递时使用。它利用标准输入输出（stdin/stdout）作为数据传输通道，适用于本地进程间的交互。

原创 Mcp 基础

自己的理解：原来给大模型使用的外部方法需要自己一个一个写，现在Mcp规范了调用外部方法和提供方法的协议，你的Mcp客户端可以调用别人已经写好的外部方法（比如魔塔社区里面Mcp广场中提供的方法），也可以自己写一个方法供他人使用。与命令uv拼接后其实就是：uv --directory <要执行文件或命令的绝对路径> 命令。这种方式使用Mcp服务时，启动命令中服务端必须跟在客户端后面。命令（必须在打包后才能使用）代码结合了官网示例及教程。代码结合了官网与教程。安装build并打包。

原创 langchain Agent

智能体类型核心场景创建方式执行方式复杂推理、工具调用多轮对话+结构化工具调用（指定类型）同上，支持memory多轮对话分步事实性问答（指定类型）长流程任务规划OpenAI 模型工具调用SQL Agent数据库自然语言查询选择时需根据任务类型（如是否需要规划、是否依赖特定模型、是否操作数据库）和工具特性（如是否需要结构化参数）决定。

原创 Vue 安装依赖的集合和小知识

d.ts文件中添加vue的类型声明。

原创 Springboot WebSocket

/</</

原创 Spring Cloud GateWay 网关

Component// 允许访问的 IP 列表, 实际上应该从数据库或者redis中获取@Override// 获取客户端 IP 地址throw new RuntimeException("无法获取客户端 IP 地址");if (!// 如果不在允许列表中，返回 403 状态码和提示信息// 设置响应的内容类型和字符编码String message = "您的IP无权限登录";// 如果在允许列表中，继续处理请求// 这个返回是不需要后置过滤器。

原创 RAG - 检索增强生成

RAG 通常是指检索 - 增强 - 生成（Retrieval-Augmented Generation），是一种结合了信息检索与文本生成的技术框架。将用户提供的内容进行切分，使用向量模型将内容做向量转化并保存到向量数据库作为知识库，用户查询时将查询内容向量化在向量数据库中查找相似度最高的内容。

原创 LangGraph

由 LangChain 团队提出的低级编排框架，用于构建、管理和部署长时间运行、有状态的智能体。

原创 Springboot中的消息转换器

原创 langchain 记忆 Memory

使用 LangChain 框架连接 DeepSeek API 的初始化代码。

原创 langchain 对话提示词模版 ChatPromptTemplate

缺点：由构建为实例后，不能使用变量from langchain.prompts.chat import ChatPromptTemplate # 用于对话形式system_message = SystemMessage(content="你是一个专业的翻译，你可以将用户的输入翻译成英文")# 生成对话形式的聊天信息格式('human', "用户输入：{user_input}"),])

原创 langchain 提示词占位符 MessagesPlaceholder

不同于，它不直接定义消息内容，而是声明一个 “变量插槽”。方便在任何时刻都能很容易将信息插入到提示词中。

原创 vue-office 在线预览

【代码】vue-office 在线预览。

原创 Anaconda与Jupyter 安装和使用

Anaconda是一个集成的Python发行版，专为数据科学、机器学习和AI开发而设计。它包含了常用的Python库、包管理工具（Conda）和Jupyter Notebook等开发工具。

原创 langchain 缓存 Caching

使用 LangChain 框架连接 DeepSeek 聊天 API 的初始化代码。

原创 langchain 输出解析器 Output Parser

自定义输出解析器# 链式调用chat，返回的结果作为下一个链的参数，也就是ai_message，调用parse方法response = chain.invoke("用英语回答，你是谁")response。

原创 langchain 提示词模版 PromptTemplate

字符串类型。使用{}作为占位符template="你是一个专业的翻译助手，擅长将{input_language}文本准确翻译成{output_language}。",# 数组。值必须是占位符中的字符串，表示在format时为必填# 经过测试，该属性可以不写，只要不在partial_variables中出现的值都会自动在这里# 字典类型。可选。作用：预先固定模版的值，相当于一个默认值，不需要format时输入，如果format中有输入则覆盖此值。

原创 Vue3 文件在线预览 kkfileview 的使用

在Docker----本地镜像中使用----命令创建容器。在宝塔的docker应用商店中安装。

原创 Vue3 + ts + Ant Design Vue 的tree组件，实现自定义新增、编辑、删除

文章摘要： 本文介绍了使用Ant Design Vue的Tree组件实现目录管理功能。主要特性包括：1）通过CSS控制展开/折叠图标显示；2）根据选中状态切换文件夹图标；3）支持新建根目录、添加子节点、编辑和删除功能；4）处理了删除有子节点时的提示逻辑。文章还指出一个已知问题：在未展开的父节点下添加子节点时自动聚焦可能失效。提供了完整的Vue组件代码，包含树形结构数据管理、节点操作和确认对话框等实现细节，可直接作为组件引入使用。

原创 SpringBoot + Vue项目使用Univer Sheets

前端发送数据给后端，后端通过判断各种样式将数据使用poi保存成文件，在此只实现了简单的样式保存，供参考。- 预设模式：可以理解为开包即用的模式，省去很多配置，当然自由度不如插件模式。使用预设模式的包管理器安装。

原创 Spring cloud OpenFeign 远程调用

使用openfeign必须要引入依赖</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</</虽然在代码中没有直接调用RestTemplate，feign发送请求时是使用了RestTemplate。

原创 Spring cloud loadBalancer 负载均衡

LoadBalanced 原理：类似 请求拦截器；注解，发送的请求路径会执行类似请求拦截器的代码，将。替换成服务名称中的url和port部分。

原创 spring cloud alibaba nacos 服务注册

配置文件里设置server.port=8848 时，客户端会先通过 8848 端口获取 Nacos 服务器的元信息，其中就包含了 gRPC 端口信息，之后再使用 gRPC 端口 9848 来进行后续的服务注册与发现操作。不直接创建springboot项目，引入springbootweb的依赖，创建一个web工程。配置：service。默认是spring.application.name的名字。相同的服务，分配在不同的机房。进入nacos的bin目录。启动后会在服务列表中看到。配置：metadata。

原创 spring cloud 与 cloud alibaba 版本对照表

原创 springboot 获取yml文件配置的两种方法

Value注解：适合获取单个配置项，使用简单。注解：适合获取一组相关配置项，能自动绑定到 Java Bean 上。对象：可动态获取配置，适合在运行时根据条件获取不同的配置。

原创 Centos9 安装 RocketMQ5

在。

原创 Centos9安装docker及常用软件的docker部署

通俗理解，Docker在启动时会创建一个类似路由器的东西，名为docker0，地址：172.17.0.1，每开一个容器，Docker会给容器分配一个ip地址，例如：172.17.0.2、172.17.0.3，可以通过。：第一步拷贝出来的是一个名为nginx的目录，里面是配置文件，可以到/root/nginx/conf/nginx中查看一下。方便管理和识别，即使容器删除，也可通过名称访问、管理数据卷。tar包解压后的名字是什么需要自己解压看一下，RUN中的命令执行不了改名会报错。是 MySQL 数据库容器，

原创 Centos9 安装 nginx 及配置

在使用Nginx服务器提供Web服务时，利用虚拟主机的技术就可以避免为每一个要运行的网站提供单独的Nginx服务器，也无需为每个网站对应运行一组Nginx进程。location块的主要作用是，基于Nginx服务器接收到的请求字符串，对除虚拟主机名称之外的字符串进行匹配，对特定的请求进行处理。当访问 http://yourserver.com/test?一般有运行nginx服务器的用户组，nginx进程pid存放路径，日志存放路径，配置文件引入，允许生成worker process数等。

原创 Centos9 离线安装 MYSQL8

软件全部安装到了/opt中。

原创 springboot 切面拦截自定义注解

/ 可以根据需要定义注解的属性上述代码定义了一个名为 MyCustomAnnotation 的自定义注解，@Retention(RetentionPolicy.RUNTIME) 表示该注解在运行时仍然有效，@Target(ElementType.METHOD) 表示该注解只能用于方法上。@Aspect@Component// 定义切入点表达式，拦截被 MyCustomAnnotation 注解标记的方法。

原创 Security 权限控制的基本流程

其中的主要的方法和属性构造方法：参数是用户名、密码的构造方法，方法中会设置未为认证状态也就是false构造方法：参数是用户名、密码、权限的构造方法，方法中会设置未为认证状态也就是true：调用构造方法，返回一个认证的对象其中主要的属性和方法:通过验证用户名和密码，调用类的方法，用户就通过认证在方法中使用了的实现类，而这个实现类会调用它的方法，在这个方法中会去数据库查询用户的所有信息，并返回，继续在中认证supports(): 这个认证者支持认证那一类的实现类。

原创 Element-plus弹出框popover，使用自定义的图标选择组件

width16px;</</</</</</</importfromimportfrom// activeIcon: 用于返现用户已经选择的图标const;constref'';constref;// 订阅selected时间，发送用户当前选择的图标const'selected';// 通过js文件中的方法，将icon/svg文件夹中的图标的名字取出来functioniffilteritem。

原创 JackJson常用的注解

用于指定 Java 对象属性在 JSON 中的名称，也可以用于控制属性的序列化和反序列化。用于控制哪些属性会被包含在序列化结果中，可根据属性值的不同情况进行过滤。用于指定日期、时间等类型的属性在 JSON 中的格式化方式。用于忽略某个属性，在序列化和反序列化过程中该属性将被忽略。用于在类级别忽略多个属性，可一次性指定多个要忽略的属性名。属性在序列化和反序列化时被忽略，避免敏感信息泄露。属性按照指定的日期时间格式进行序列化和反序列化。属性在 JSON 中的名称指定为。属性在序列化和反序列化时被忽略。

原创 Servlet中request、response、session 用法

在 Java Servlet 中，和是两个重要的接口，分别代表客户端的请求和服务器的响应。

原创 springboot+vue3 集成wangEditor 5 富文本图片的上传和下载

【代码】Vue3 集成wangEditor 5。

原创 使用htool工具导出和导入Excel表

【代码】使用htool工具导出和导入Excel表。

原创 mapping接收请求参数 @RequestParam、@RequestBody、@PathVariable

特别注意顺序，发送时参数的顺序和接收时参数的顺序。

原创 Springboot中的异常处理

自定义异常类@Getter// 自定义异常，继承RuntimeException，表示这是一个运行时异常，需要在代码中手动抛出处理自定义异常// 处理自定义异常@ExceptionHandler(CustomException.class) // 指定处理的异常类型为CustomException// 直接返回给前端如何抛出自定义异常throw new CustomException("自定义异常");log.error("异常信息：{}", ex.getMessage());

原创 使用自动导入后，eslint报错 eslint9

前提：使用创建vue应用，并且在创建项目时就勾选eslint和prettier，不然有些配置还需要手动配，比如解决eslint和prettier的冲突问题。