不知道你是否依然还在使用console.log(...)调试前端代码，显然这样做效率很低，所以是时候在前端代码调试中也使用断点的方式 debug 了。 这里介绍如何在基于 Vue 的前端项目中使用 VSCode 进行断点调试。 VSCode 使用一个插件 JavaScript Debugger 进行前端代码调试，这个插件已经默认集成在较新版本的 VSCode 中。如果因为其它原因需要安装，可以自行安装： 首先启动一个前端项目，比如： npm run uat 项目启动后会有一个端口号，比如： http://local…

本文使用 Spring Security + JWT 实现一个使用用户名/密码进行身份验证，并之后通过 JWT 访问令牌进行请求和验证的前后端分离系统的服务端示例。 准备工作 数据库 这里使用数据库保存用户名和密码，具体使用的是 MySQL。创建用户表： create table user (   id int auto_increment   primary key,   username varchar(50)          not null,   password varchar(500)        …

Spring Security 的 Servlet 支持基于 Servlet Filters： Spring Security 利用 Servlet Filter 实现： 主要的组件： DelegatingFilterProxy：从 Spring 容器中加载 Filter 实例并调用 FilterChainProxy：特殊的 Filter，用于调用多个 SecurityFilterChain SecurityFilterChain：SecurityFilter 的调用链，可以包含多个以对应不同的路径规则，执行时会根…

快速开始 需要先创建 Spring Boot 项目并整合 Spring Data JPA，可以参考这里。 添加 Fenix 依赖： <dependency>    <groupId>com.blinkfox</groupId>    <artifactId>fenix-spring-boot-starter</artifactId>    <version>3.1.0</version> </dependency> 按需…

本文转载自IDEA配置JRebel热部署（超级详细图文教程）-CSDN博客，原作者为 花生了什么树_L JRebel是什么 JRebel 是国外团队开发的一款收费工具，JRebel 允许开发团队在有限的时间内完成更多的任务修正更多的问题，发布更高质量的软件产品，JRebel 可快速实现热部署，节省了大量重启时间，提高了个人开发效率。 JRebel 是一款 JAVA 虚拟机插件，它使得 Java 程序员能在不进行重部署的情况下，即时看到代码的改变对一个应用程序带来的影响。 JRebel安装方式 插件仓库安装（推荐） …

除了直接通过浏览器从 Spring 官网下载框架代码以及通过 Idea 创建外，还可以通过 Linux 下的命令行 Web 客户端下载，优点是可以结合 Bash 命令或脚本实现一些自动化功能，此外也可以在 Idea 无法创建项目框架时作为一种替代方案。 curl -G https://start.spring.io/starter.tgz -d dependencies=web,lombok                   -d type=maven-project -d java-version=21 -d …

默认的 Spring 框架使用RequestMappingHandlerMapping进行请求路径映射，它会根据@RequestMapping注解进行路径映射，此外，Spring 框架还提供一些其它的路径映射方式。 BeanNameUrlHandlerMapping 使用 BeanNameUrlHandlerMapping 可以用 Bean 名称处理路径映射，在配置类中添加： /** * 处理器映射器，根据 bean 名称进行路径映射 * @return */ @Bean public BeanNameUrlHan…

ResponseBodyAdvice 对于控制器： @Controller @RequestMapping("/test") private static class TestController {    @GetMapping("/hello")    @ResponseBody    public User hello() {        return new User("Tom", 20);   } } hello方法调用后的响应体： {"name":"Tom","age":20} 详细调用过程见源码。 …

Pinia 是 Vue 的一个官方库，用于状态管理。 1.安装 首先创建一个 Vue3 项目，具体方式可以参考这里。 安装 Pinia： npm install pinia 创建一个 pinia 实例 (根 store) 并将其传递给应用： import './assets/main.css' ​ import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' ​ const pinia …

编写的一些 AutoHotKey 的脚本，目前脚本都是基于 AutoHotKey 2.0 的。 目前有两个实用性脚本 外接多个显示器时，一键最小化当前显示器的所有窗口。 一键最小化当前窗口。 未来可能根据需要添加其他脚本，具体请查看/script目录下的脚本文件，脚本的具体用途和热键设置（可按需自行替换）都在脚本文件的注释中有说明。 使用方式 安装本体 从 AutoHotkey 下载和安装程序本体，当前最新版本为 2.0。 最好安装在默认的C:\\programes目录下，不要安装到其他位置，因为该程序需要操作程序…