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

构建现代微服务安全体系：Spring Security、JWT 与 Spring Cloud Gateway 实践

news 来源：原创 2025/5/16 2:54:29

构建现代微服务安全体系：Spring Security、JWT 与 Spring Cloud Gateway 实践

本文将基于提供的代码示例，详细介绍如何在一个Java微服务项目中使用Spring Security、JWT和Spring Cloud Gateway来构建一个高效且安全的微服务体系，并整合性能优化措施。

基础流程

  1. 登录认证：客户端通过用户名和密码获取JWT
    流程描述：客户端发送包含用户名和密码的登录请求到身份验证端点。服务器验证这些凭据的有效性后，使用JwtTokenProvider生成一个JWT，并将其返回给客户端。
    关键点：
    客户端在成功登录后保存JWT，通常是在HTTP头中以Authorization: Bearer 的形式携带。
    JWT包含了用户的身份信息（如用户ID、角色等）以及过期时间。
  2. 请求路由：Gateway验证JWT签名和基础有效性
    流程描述：当客户端发起API请求时，Spring Cloud Gateway首先拦截请求，通过JwtAuthenticationWebFilter过滤器来验证JWT的签名是否正确及令牌的基础有效性（如是否过期）。
    关键点：
    使用JwtTokenProvider中的方法来解析和验证JWT。
    如果验证失败，直接返回错误响应；如果成功，则继续处理请求。
  3. 上下文传递：微服务解析JWT生成SecurityContext
    流程描述：一旦Gateway验证了JWT的有效性，请求被转发到相应的微服务。在微服务内部，JwtAuthenticationTokenFilter再次检查JWT，从中提取用户信息并创建UsernamePasswordAuthenticationToken对象，然后将这个对象设置到Spring Security上下文中。
    关键点：
    JwtTokenProvider用于从JWT中提取用户信息（如用户ID、角色等），并据此构建认证对象。
    这个步骤确保了每个请求都能在微服务层面上识别出当前用户及其权限。
  4. 权限校验：方法级注解实现动态权限控制
    流程描述：在微服务的方法上应用Spring Security提供的注解（如@PreAuthorize或@Secured），根据用户的角色或权限动态地控制对资源的访问。
    关键点：
    利用Spring Security的表达式语言支持，可以灵活地定义访问控制规则。
    只有当用户的权限满足特定条件时，才能执行受保护的方法或访问特定的资源。
  5. 令牌刷新：通过Refresh Token无感续期Access Token
    流程描述：为了延长用户的会话而不需重新登录，系统提供了一个刷新令牌（Refresh Token）。当Access Token即将过期时，客户端可以使用Refresh Token向服务器请求新的Access Token。
    关键点：
    Refresh Token的安全存储非常重要，应确保其不能轻易被第三方获取。
    实现逻辑需要确保旧的Access Token失效，并生成一个新的有效期内的Access Token返回给客户端。

具体实现

1. Spring Security 配置

首先，我们从Spring Security配置开始。你已经提供了一个基本的SecurityConfig类，它负责配置认证和授权管理。以下是基于你的代码示例进行的一些优化和扩展：

@Configuration
@EnableWebSecurity
@EnableGlobalMethodSecurity(prePostEnabled = true)
public class SecurityConfig extends WebSecurityConfigurerAdapter {@Autowiredprivate UserDetailsServiceImpl userDetailsService;@Autowiredprivate JwtAuthenticationTokenFilter jwtAuthenticationTokenFilter;@Autowiredprivate AuthenticationEntryPoint authenticationEntryPoint;@Autowiredprivate AccessDeniedHandler accessDeniedHandler;@Overrideprotected void configure(HttpSecurity http) throws Exception {http.csrf().disable().sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS).and().addFilterBefore(jwtAuthenticationTokenFilter, UsernamePasswordAuthenticationFilter.class).authorizeRequests().antMatchers("/auth/register", "/auth/login").permitAll().anyRequest().authenticated().and().exceptionHandling().authenticationEntryPoint(authenticationEntryPoint).accessDeniedHandler(accessDeniedHandler).and().cors();}@Overrideprotected void configure(AuthenticationManagerBuilder auth) throws Exception {auth.userDetailsService(userDetailsService).passwordEncoder(passwordEncoder());}@Beanpublic PasswordEncoder passwordEncoder() {return new BCryptPasswordEncoder();}@Bean@Overridepublic AuthenticationManager authenticationManagerBean() throws Exception {return super.authenticationManagerBean();}
}

性能优化点:

  • 禁用不必要的过滤器链: 如WebAsyncManagerIntegrationFilter等，以减少过滤器链长度，提高性能。
  • 启用预授权功能: 使用@EnableGlobalMethodSecurity(prePostEnabled = true)注解启用方法级别的权限控制，减少不必要的安全性检查。
2. JWT Filter 实现

接下来是JWT过滤器的实现，用于在请求到达服务之前验证JWT的有效性。这里我们还将集成缓存策略以提高性能。

@Component
public class JwtAuthenticationTokenFilter extends OncePerRequestFilter {@Autowiredprivate JwtTokenProvider jwtTokenProvider; // 使用JwtTokenProvider@Autowiredprivate StringRedisTemplate redisTemplate;// Caffeine Cache for token parsing results cachingprivate final Cache<String, Claims> tokenCache = Caffeine.newBuilder().maximumSize(1000).expireAfterWrite(10, TimeUnit.MINUTES).build();@Overrideprotected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {String token = request.getHeader("token");if (token == null) {filterChain.doFilter(request, response);return;}Claims claims = getCachedClaims(token);if (claims == null) {// 使用JwtTokenProvider的validateToken方法验证token，并获取Claimsif(jwtTokenProvider.validateToken(token)) {// 假设JwtTokenProvider有一个getClaimsFromToken方法用于获取Claimsclaims = jwtTokenProvider.getClaimsFromToken(token);setCachedClaims(token, claims);} else {throw new RuntimeException("无效的JWT令牌");}}String userId = (String) claims.get("userId");String redisKey = "login:" + userId;String userStr = redisTemplate.opsForValue().get(redisKey);LoginUser loginUser = JSONUtil.toBean(userStr, LoginUser.class);if (loginUser == null) {throw new RuntimeException("用户未登录");}UsernamePasswordAuthenticationToken authenticationToken =new UsernamePasswordAuthenticationToken(loginUser, null, loginUser.getAuthorities());SecurityContextHolder.getContext().setAuthentication(authenticationToken);filterChain.doFilter(request, response);}private Claims getCachedClaims(String token) {return tokenCache.getIfPresent(token);}private void setCachedClaims(String token, Claims claims) {tokenCache.put(token, claims);}
}

性能优化点:

  • Caffeine Cache: 在解析JWT时先检查缓存，避免重复解析带来的性能损耗。
3. Spring Cloud Gateway 中集成 JWT 验证

为了让Gateway能够提前验证JWT，我们需要在Gateway层添加相应的过滤器。

import org.springframework.cloud.gateway.route.RouteLocator;
import org.springframework.cloud.gateway.route.builder.RouteLocatorBuilder;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;/**
* 一个使用Spring Cloud Gateway的路由定位器（RouteLocator），它配置了一个路由规则，
* 用于将匹配特定路径模式的请求转发到指定的服务，并在转发前通过一个过滤器（JwtAuthenticationWebFilter）进行处理。
*/
@Configuration
public class GatewayConfig {@Beanpublic RouteLocator customRouteLocator(RouteLocatorBuilder builder) {return builder.routes().route("service_route", r -> r.path("/service/**").filters(f -> f.filter(new JwtAuthenticationWebFilter())).uri("lb://service")).build();}
}

public class JwtAuthenticationWebFilter implements GatewayFilter, Ordered {private final JwtTokenProvider jwtTokenProvider;public JwtAuthenticationWebFilter(JwtTokenProvider jwtTokenProvider) {this.jwtTokenProvider = jwtTokenProvider;}/***  filter方法是过滤器的核心逻辑，每当有请求经过时都会调用此方法。*  首先从请求中提取JWT令牌(resolveToken)。*  如果令牌存在且有效，则使用jwtTokenProvider获取对应的认证信息(Authentication)。*  将认证信息设置到SecurityContext中，以便后续处理可以访问到当前用户的身份信息。*  最后，继续处理请求链(chain.filter(exchange))，即将请求传递给下一个过滤器或目标服务*/@Overridepublic Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain) {ServerHttpRequest request = exchange.getRequest();String token = resolveToken(request);if (token != null && jwtTokenProvider.validateToken(token)) {Authentication auth = jwtTokenProvider.getAuthentication(token);SecurityContext securityContext = SecurityContextHolder.createEmptyContext();securityContext.setAuthentication(auth);SecurityContextHolder.setContext(securityContext);}return chain.filter(exchange);}private String resolveToken(ServerHttpRequest request) {String bearerToken = request.getHeaders().getFirst("Authorization");if (bearerToken != null && bearerToken.startsWith("Bearer ")) {return bearerToken.substring(7);}return null;}@Overridepublic int getOrder() {return -200; // 设置优先级}
}
4. JWT Token 的生成与刷新机制

为了提高用户体验，可以实现refresh token机制，允许用户通过refresh token获取新的access token。

@PostMapping("/token/refresh")
public ResponseEntity<?> refreshToken(@RequestBody TokenRefreshRequest request) {String refreshToken = request.getRefreshToken();if (jwtTokenProvider.validateToken(refreshToken)) {String accessToken = jwtTokenProvider.generateAccessTokenFromUsername(jwtTokenProvider.getUsernameFromToken(refreshToken));return ResponseEntity.ok(new TokenRefreshResponse(accessToken, refreshToken));} else {return ResponseEntity.status(HttpStatus.UNAUTHORIZED).body("Invalid refresh token");}
}
5. 监控关键指标

为了及时发现潜在的安全威胁，加入监听并记录Spring Security的安全事件。

@EventListener
public void monitorAuthEvents(AbstractAuthenticationEvent event) {if(event instanceof AuthenticationSuccessEvent){log.info("认证成功: {}", event.getAuthentication().getName());} else if(event instanceof AuthenticationFailureBadCredentialsEvent){metrics.increment("auth.failure.bad_credentials");}
}

这些措施包括了禁用不必要的过滤器链、使用Caffeine Cache缓存JWT解析结果等，确保系统既安全又高效。

相关文章：

构建现代微服务安全体系：Spring Security、JWT 与 Spring Cloud Gateway 实践

构建现代微服务安全体系&#xff1a;Spring Security、JWT 与 Spring Cloud Gateway 实践 本文将基于提供的代码示例&#xff0c;详细介绍如何在一个Java微服务项目中使用Spring Security、JWT和Spring Cloud Gateway来构建一个高效且安全的微服务体系&#xff0c;并整合性能优…...

编程日记 2025/5/16 2:54:29

蓝桥杯（B组）-每日一题（求最大公约数最小公倍数）

题目&#xff1a; 代码展现&#xff1a; #include<iostream> using namespace std; int main() {int m,n,x,y;cin>>m>>n;//输入两个整数int b;bm%n;//取余数xm;//赋值yn;while(b)//当余数不为0的时候{xy;//辗转相除求最小公约数yb;bx%y;}cout<<y<&…...

编程日记 2025/5/15 9:17:37

RocketMQ、RabbitMQ、Kafka 的底层实现、功能异同、应用场景及技术选型分析

1️⃣ 引言 在现代分布式系统架构中&#xff0c;&#x1f4e9;消息队列&#xff08;MQ&#xff09;是不可或缺的组件。它在系统&#x1f517;解耦、&#x1f4c9;流量削峰、⏳异步处理等方面发挥着重要作用。目前&#xff0c;主流的消息队列系统包括 &#x1f680;RocketMQ、&…...

编程日记 2025/5/10 23:30:04

CEF132编译指南 MacOS 篇 - 构建 CEF (六)

1. 引言 经过前面一系列的精心准备&#xff0c;我们已经完成了所有必要的环境配置和源码获取工作。本篇作为 CEF132 编译指南系列的第六篇&#xff0c;将详细介绍如何在 macOS 系统上构建 CEF132。通过配置正确的编译命令和参数&#xff0c;我们将完成 CEF 的构建工作&#xf…...

编程日记 2025/5/14 0:25:28

使用stm32控制esp01s

title: 使用stm32控制esp01s date: 2025年2月9日 18:41:20 tags: 单片机模块使用 categories: stm32 description: 使用stm32控制esp01s连接WiFi查看内容等操作 前言 使用stm32f103控制esp01s是步入物联网的第一步&#xff0c;接下来的文章会详细讲解如何使用stm32控制esp01s…...

编程日记 2025/5/9 22:31:54

返回倒数第N个链表节点

力扣题目&#xff1a;LCR 140. 训练计划 II - 力扣&#xff08;LeetCode&#xff09; 给定一个头节点为 head 的链表用于记录一系列核心肌群训练项目编号&#xff0c;请查找并返回倒数第 cnt 个训练项目编号。 示例 1&#xff1a; 输入&#xff1a;head [2,4,7,8], cnt 1 输…...

编程日记 2025/5/10 2:51:34

一、计算机等级考试——标准评分

&#xff08;1&#xff09;选择题 未做选择题 &#xff08;2&#xff09;基本造作 &#xff08;3&#xff09;上网题 &#xff08;4&#xff09;文字题 &#xff08;5&#xff09;表格题 &#xff08;6&#xff09;演示文稿 二、计算机等级考试——题库 &#xff08;1&#x…...

编程日记 2025/5/13 7:46:11

tweenjs动画

目录 ​编辑 安装 HTML中应用 Threejs中应用 安装 npm install tweenjs/tween.js HTML中应用 <script src"https://cdnjs.cloudflare.com/ajax/libs/tween.js/23.1.3/tween.umd.js"></script><div id"box"></div><style…...

编程日记 2025/5/14 17:33:33

IGBT工作原理

IGBT其实可以看成是BJT和MOS管的融合体&#xff0c;IGBT具有BJT的输入特性和mos管的输出特性。与 BJT 或 MOS管相比&#xff0c;绝缘栅双极型晶体管 IGBT 的优势在于它提供了比标准双极型晶体管更大的功率增益&#xff0c;以及更高的工作电压和更低的 MOS 管输入损耗。 IGBT是绝…...

编程日记 2025/5/15 0:47:03

FlashDecoding

Flash Attention是将Q划分到所有SM block上。每个SM block上的Q&#xff0c;负责和所有K和所有V进行计算&#xff0c;得到对应的结果。期间&#xff0c;SM block彼此之间&#xff0c;不需要通信。 在prefill阶段&#xff0c;seqLength*batchSize*Heads足够多&#xff0c;所以每…...

编程日记 2025/5/14 13:53:12

03：Spring之Web

一&#xff1a;Spring整合web环境 1&#xff1a;web的三大组件 Servlet&#xff1a;核心组件&#xff0c;负责处理请求和生成响应。 Filter&#xff1a;用于请求和响应的预处理和后处理&#xff0c;增强功能。 Listener&#xff1a;用于监听 Web 应用中的事件&#xff0c;实…...

编程日记 2025/5/14 8:15:13

OpenWebUI使用DeepSeek R1满血版，DeepSeek R1 API调用

https://www.dong-blog.fun/post/1935 API调用 登录这里&#xff1a; https://console.volcengine.com/ark/region:arkcn-beijing/endpoint?config%7B%7D 注册后&#xff0c;创建DeepSeek R1 API接入点&#xff1a; 接着Python就可以直接调用了&#xff1a; import os fro…...

编程日记 2025/5/11 22:40:46

DeepSeek模型场景应用：基于腾讯云HAI搭建IDEA开发助手

前言 这段时间国产大模型DeepSeek十分火爆&#xff0c;DeepSeek模型凭借其强大的语言理解和生成能力&#xff0c;为开发场景带来了全新的可能性&#xff0c;DeepSeek模型场景应用也是十分广泛&#xff0c;而基于腾讯云HAI搭建IDEA开发助手&#xff0c;更是将这种潜力发挥到了极…...

编程日记 2025/5/13 8:13:14

HttpServletRequest 作用

HttpServletRequest 接口在 Java Servlet API 中扮演着至关重要的角色&#xff0c;它是 Servlet 处理客户端 HTTP 请求的核心对象。 每次客户端&#xff08;例如浏览器&#xff09;向服务器发送一个 HTTP 请求时&#xff0c;Servlet 容器&#xff08;例如 Tomcat&#xff09;都…...

编程日记 2025/5/14 12:21:49

Python----PyQt开发（PyQt高级：手搓一个简单的记事本）

一、效果展示 二、设计PyQt界面 2.1、设置图标 self.setWindowIcon(QIcon(./images/icon/1.png)) # 窗口图标 2.2、设置标题 self.file_name 无标题-新建文本文档 # 默认文件名 self.setWindowTitle(self.file_name) # 窗口标题 2.3、添加菜单栏、工具栏、状态栏 # 创…...

编程日记 2025/5/14 2:43:36

MySQL 索引失效案例：字符集不匹配的隐蔽影响

引言 在 MySQL 数据库世界里&#xff0c;索引失效往往是性能问题的罪魁祸首。你是否曾遇到过这样的情况&#xff1a;明明加了索引&#xff0c;查询却慢如蜗牛&#xff1f;你是否曾以为小表查询就一定高效&#xff1f;本文将揭示一个真实的案例&#xff0c;一个容易被忽视的“隐…...

编程日记 2025/5/11 5:31:57

MySQL中类似PostgreSQL中的string_agg函数--GROUP_CONCAT函数的使用

文章目录 结论&#xff1a;MySQL没有string_agg&#xff0c;但有GROUP_CONCATGROUP_CONCAT函数的基本用法示例注意事项 系统变量 group_concat_max_len 如何查看和设置查看当前的group_concat_max_len值设置group_concat_max_len值 相关源码相关链接 结论&#xff1a;MySQL没有…...

编程日记 2025/5/13 6:24:32

科普：数据血缘理论中：任务血缘、表血缘、字段血缘

在讨论数据血缘时通常我们提到的是数据库血缘、数据表血缘和数据字段血缘&#xff0c;而“任务血缘”这一术语更多是在特定技术场景&#xff08;如实时任务运维&#xff09;中使用。 数据血缘分类 表血缘 表血缘&#xff08;或数据表血缘&#xff09;是指数据在不同数据表之…...

编程日记 2025/5/13 15:03:38

凸性相关问题

内容大致上包括&#xff1a; 四边形不等式&#xff0c;决策单调性闵可夫斯基和优化 d p dp dpslope trick 优化 d p dp dp其他凸性相关问题 决策单调性 1.1 一些约定 对于 n m n\times m nm 的矩阵 A A A&#xff0c;定义&#xff1a; 子矩阵 A [ i 1 , . . . , i p …...

编程日记 2025/5/15 6:12:30

WPS计算机二级•文档的文本样式与编号

听说这是目录哦 标题级别❤️新建文本样式 快速套用格式&#x1fa77;设置标题样式 自定义设置多级编号&#x1f9e1;使用自动编号&#x1f49b;取消自动编号&#x1f49a;设置 页面边框&#x1f499;添加水印&#x1fa75;排版技巧怎么分栏&#x1f49c;添加空白下划线&#x…...

编程日记 2025/5/14 5:51:05

开源堡垒机 JumpServer 社区版实战教程：一步步构建企业安全运维环境

文章目录 开源堡垒机 JumpServer 社区版实战教程&#xff1a;一步步构建企业安全运维环境一、访问JumpServer1.1 登录1.2 功能模块1.3 系统设置1.3.1 基本设置1.3.2 邮件设置 二、用户管理2.1 场景2.2 创建用户2.3 用户登录密码重置 三、资产管理3.1 准备工作3.2 登录控制台3.3…...

编程日记 2025/5/11 11:31:05

二、数据类型、运算符

1. 数据的表示详解 1.1 算术运算符 整数在计算机中的存储原理先从最基本的算术运算符开始学习&#xff0c;算术运算符有 - * / % &#xff0c;其中*表示乘法&#xff0c;/表示除法&#xff0c;%表示取余数 需要我们注意以下几点 /: 两个整数相除&#xff0c;结果也是一个…...

编程日记 2025/5/16 1:38:33

结构形模式---桥接模式

概念 桥接模式是一种结构化模式&#xff0c;是将一个大类或者一系列的紧密相关的类拆分为抽象和现实两个独立部分的层次结构&#xff0c;通过引用独立层次对象的组合实现类。 桥接模式可以将庞杂类拆分为几个类层次结构。 此后&#xff0c; 你可以修改任意一个类层次结构而不…...

编程日记 2025/5/10 15:32:05

计算机网络知识速记：HTTP1.0和HTTP1.1

计算机网络知识速记&#xff1a;HTTP1.0和HTTP1.1 1. 基本概念 1.1 HTTP1.0 HTTP1.0是1996年发布的第一个正式版本&#xff0c;主要用于客户端与服务器之间的简单请求和响应交互。它的设计理念相对简单&#xff0c;适合处理一些基本的网页服务。 1.2 HTTP1.1 HTTP1.1是HTT…...

编程日记 2025/5/15 21:26:57

Windows下查看WIFI密码

目录 命令行查看历史WIFI netsh wlan show profiles 命令行查看某一特定WIFI密码 netsh wlan show profile name “WIFI名” keyclear 打开命令行https://blog.csdn.net/weixin_70822378/article/details/145598560?spm1001.2014.3001.5502 命令行查看历史WIFI nets…...

编程日记 2025/5/15 21:48:26

Android车机DIY开发之软件篇(十二) AOSP12下载编译

Android车机DIY开发之软件篇(十二) AOSP12下载编译 sudo apt-get update sudo apt-get install git-core gnupg flex bison gperf build-essential zip curl zlib1g-dev gcc-multilib gmultilib libc6-dev-i386 lib32ncurses5-dev libx11-dev lib32z-dev ccache libgl1-mesa-…...

编程日记 2025/5/14 2:33:06

Datawhale Ollama教程笔记2

本期学习易错点&#xff1a; 改文件后缀 改了models的存储地址后&#xff0c;把下载和新建的文件存储在什么地方 注册hugging face,找到token. 学习手册&#xff1a;https://datawhalechina.github.io/handy-ollama/#/ 第 3 章 自定义导入模型https://datawhalechina.gith…...

编程日记 2025/5/11 23:41:34

ClickHouse的前世今生

ClickHouse是一款由Yandex开发的高性能列式存储数据库管理系统，专为在线分析处理（OLAP）设计，适用于实时数据分析、大规模数据处理和复杂查询场景。以下是关于ClickHouse的安装、使用及应用场景的详细介绍： 一、ClickHouse的安装 ClickHouse支持多种操作系统，包括Linux、…...

编程日记 2025/5/8 7:36:50

SSH隧道+Nginx：绿色通道详解（SSH Tunnel+nginx: Green Channel Detailed Explanation）

SSH隧道Nginx&#xff1a;内网资源访问的绿色通道 问题背景 模拟生产环境&#xff0c;使用两层Nginx做反向代理&#xff0c;请求公网IP来访问内网服务器的网站。通过ssh隧道反向代理来实现&#xff0c;重点分析一下nginx反代的基础配置。 实验环境 1、启动内网服务器的tomca…...

编程日记 2025/5/7 8:34:11

html文件怎么转换成pdf文件，2025最新教程

将HTML文件转换成PDF文件&#xff0c;可以采取以下几种方法&#xff1a; 一、使用浏览器内置功能 打开HTML文件&#xff1a;在Chrome、Firefox、IE等浏览器中打开需要转换的HTML文件。打印对话框&#xff1a;按下CtrlP&#xff08;Windows&#xff09;或CommandP&#xff08;M…...

编程日记 2025/5/14 20:51:24

大促备战中稳定性建设策略与总结

文章目录 接口流量评估、上下游依赖梳理降级能力建设应急响应预案建设压力测试监控报警建设容灾演练 之前也专门写过日常稳定性建设的一些策略&#xff0c;传送门 -> 日常稳定性建设策略与总结&#xff0c;本文想专门聊聊大促期间做的一些稳定性保障&#xff0c;顺便记录自己…...

编程日记 2025/5/12 11:23:55

vscode/cursor+godot C#中使用socketIO

在 Visual Studio Code(VS Code)中安装 NuGet 包&#xff08;例如SocketIOClient&#xff09;&#xff0c;你可以通过以下几种方法&#xff1a; 方法 1&#xff1a;使用dotnet cli 打开终端&#xff1a;在 VS Code 中按下Ctrl 或者通过菜单View -> Terminal打开终端。 导…...

编程日记 2025/5/14 11:30:21

Uniapp 原生组件层级过高问题及解决方案

文章目录 一、引言&#x1f3c5;二、问题描述&#x1f4cc;三、问题原因❓四、解决方案&#x1f4af;4.1 使用 cover-view 和 cover-image4.2 使用 subNVue 子窗体4.3 动态隐藏原生组件4.4 使用 v-if 或 v-show 控制组件显示4.5 使用 position: fixed 布局 五、总结&#x1f38…...

编程日记 2025/5/13 17:43:03

jQuery介绍（快速、简洁JavaScript库，诞生于2006年，主要目标是简化HTML文档操作、事件处理、动画和Ajax交互）

文章目录 **核心功能 & 亮点**1. **简化 DOM 操作**2. **链式调用**3. **跨浏览器兼容**4. **便捷的事件绑定**5. **Ajax 封装**6. **动画效果** **现状与适用场景**- **传统项目维护**&#xff1a;许多旧系统&#xff08;如 WordPress 插件、老企业网站&#xff09;仍依赖…...

编程日记 2025/5/12 13:04:25

第三节 docker基础之---Commit+Dockerfile制作

docker目前镜像的制作两种方法&#xff1a; 1&#xff0c;基于docker Commit制作镜像 2&#xff0c;基于dockerfile制作镜像&#xff0c;Dockerfile 为主流的制作方式 如果不制作镜像删除容器之后则里面配置的文件也随之删除&#xff1a; [rootdocker ~]# docker images 查看…...

编程日记 2025/5/12 22:55:35

通过openresty和lua实现随机壁纸

效果&#xff1a; 图片存放路径&#xff1a; /home/jobs/webs/imgs/ ├── default/ │ ├── image1.jpg │ ├── image2.png ├── cats/ │ ├── cat1.jpg │ ├── cat2.gif ├── dogs/ │ ├── dog1.jpg访问http://demo.com/imgs/default 随机返回…...

编程日记 2025/5/15 4:57:53

企业网站如何快速实现全站HTTPS安全访问？

当用户访问您的网站时&#xff0c;若您的企业网站仍以HTTP协议运行&#xff0c;浏览器“不安全”警告不仅会吓退潜在客户&#xff0c;还会拖累搜索引擎排名&#xff0c;直接影响业务转化和品牌声誉。实现全站HTTPS安全访问&#xff0c;已成为企业网站运营的必选项。 本文为您详…...

编程日记 2025/5/14 21:45:56

《花未眠》夜间四时醒来，海棠花未眠

《花未眠》夜间四时醒来&#xff0c;海棠花未眠 川端康成&#xff08;1899-1972&#xff09;日本作家。新感觉派。1968年以“敏锐的感受&#xff0c;高超的叙事技巧&#xff0c;表现日本人的精神实质”获诺贝尔文学奖。诺贝尔文学奖提名作有《雪国》《千羽鹤》《古都》。 陈德文…...

编程日记 2025/5/5 17:22:15

在nodejs中使用RabbitMQ（三）Routing、Topics、Headers

示例一、Routing exchange类型direct&#xff0c;根据消息的routekey将消息直接转发到指定队列。producer.ts 生产者主要发送消息&#xff0c;consumer.ts负责接收消息&#xff0c;同时也都可以创建exchange交换机&#xff0c;创建队列&#xff0c;为队列绑定exchange&#xff…...

编程日记 2025/5/13 5:52:07

kubeconfig存放内容有哪些

kubeconfig 文件是 Kubernetes 用于配置和认证的核心文件。它包含了关于如何访问 Kubernetes 集群的信息。以下是 kubeconfig 文件中常见的一些内容结构&#xff1a; apiVersion: 指定 kubeconfig 的版本&#xff0c;通常是 v1。clusters: 定义了集群的信息&#xff0c;包括集…...

编程日记 2025/5/14 21:26:12

图神经网络是什么，有什么实际应用

图神经网络是什么 图神经网络（Graph Neural Network，GNN）是一种专门用于处理图结构数据的神经网络，它能对图中的节点、边和整个图进行学习和推理，在社交网络分析、生物信息学、推荐系统等领域应用广泛。以下是其原理及示例说明： 图神经网络原理 节点表示学习：为图中每…...

编程日记 2025/5/15 5:12:12

如何将DeepSeek配置到离线电脑（内网）中？— 附Ollama夸克下载链接

1、在外网和内网电脑中分别安装Ollama 如下载速度较慢&#xff0c;安装包附在本文最后。 下载完成后傻瓜一键安装即可。 2、下载deepseek 在外网电脑中启动命令行输入下载命令。以下载8B为例&#xff0c;其他版本同。 ollama run deepseek-r1:8b 3、资源转移 在外网电脑…...

编程日记 2025/5/11 4:06:34

拯救者Y9000P双系统ubuntu22.04安装4070显卡驱动

拯救者Y9000P双系统ubuntu22.04安装4070显卡驱动 1. 前情&#xff1a; 1TB的硬盘&#xff0c;分了120G作ubuntu22.04。/boot: 300MB, / : 40GB, /home: 75G, 其余作swap area。 2. 一开始按这个教程&#xff1a;对我无效 https://blog.csdn.net/Eric_xkk/article/details/1…...

编程日记 2025/5/13 12:41:37

vue项目 Axios创建拦截器

Axios 1. Axios 和 Ajax 简介2. Axios 和 Ajax 的区别3. 从 按钮 到 Axios请求后端接口的 大致顺序 1. Axios 和 Ajax 简介 Ajax&#xff08;Asynchronous JavaScript and XML&#xff09; 不是一种技术&#xff0c;而是一个编程技术概念&#xff0c;核心是通过 XMLHttpReques…...

编程日记 2025/5/9 23:01:05

web前端第三次作业

题目 本期作业 WEB第三次作业 请使用JS实一个网页中登录窗口的显示/隐藏&#xff0c;页面中拖动移动&#xff0c;并且添加了边界判断的网页效 代码图片 效果展示 代码 <!DOCTYPE html> <html lang"zh"> <head> <meta charset"UTF-8&qu…...

编程日记 2025/5/5 17:14:14

滑动窗口算法笔记(C++)

滑动窗口算法是一种基于双指针技巧的高效算法, 常用于解决数组或字符串上的一些特定问题. 算法讲解 基本概念 滑动窗口算法可以想象成在一个数组或字符串上有一个固定大小或者可变大小的窗口, 该窗口在数组或字符串上从左到右滑动. 在滑动的过程中, 根据具体问题的要求, 对窗…...

编程日记 2025/5/14 17:33:34

day02冒泡排序

思路&#xff1a; 外层循环控制循环次数(i<len)&#xff0c;设置swapFlagfalse内层循环j1(j<len-i)&#xff0c;两两(j和j-1)比较&#xff0c;逆序则交换内层每次循环结束&#xff0c;没有交换&#xff0c;则break结束 内层循环j从1开始&#xff0c;小于len&#xff0c;…...

编程日记 2025/5/13 14:11:35

【工业场景】用YOLOv8实现火灾识别

火灾识别任务是工业领域急需关注的重点安全事项，其应用场景和背景意义主要体现在以下几个方面： 应用场景：工业场所：在工厂、仓库等工业场所中，火灾是造成重大财产损失和人员伤亡的主要原因之一。利用火灾识别技术可以及时发现火灾迹象，采取相应的应急措施，保障人员安全和…...

编程日记 2025/5/12 12:25:45

管式超滤膜分离技术都可以应用到哪些行业?

管式超滤膜分离技术由于其高效、稳定和适应性强的特点&#xff0c;在多个行业都有广泛的应用&#xff1a; 1. 生物制药与医药行业 纯化与浓缩&#xff1a;在生物药品的下游处理阶段&#xff0c;管式超滤膜被用来纯化抗体、疫苗、蛋白质等生物大分子&#xff0c;通过精确筛选分子…...

编程日记 2025/5/14 21:19:02

数智百问 | 制造企业如何降低产线检测数据的存储和管理成本？

在《“十四五”智能制造发展规划》等政策的推动下&#xff0c;以及新能源汽车、消费电子等品牌商对产品质量和供应商智能化水平要求的提升&#xff0c;半导体、电子制造、动力电池等先进制造行业企业纷纷推进产线智能化升级&#xff0c;并投入大量机器视觉检测设备以实现自动化…...

编程日记 2025/5/13 21:45:56