html自动刷新 idea_IntelliJ IDEA SpringBoot Thymeleaf 热部署,实现修改java文件和html文件无需手动编译重启即可...

本文介绍如何在IntelliJ IDEA 2017中实现Thymeleaf的热部署,通过配置spring-boot-devtools模块,使修改Java和HTML代码后无需重启应用即可实时更新。此外还介绍了如何在Chrome中禁用缓存。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在使用 Thymeleaf 的时候,修改了 html 文件后,需要重新编译 rebuild 才能生效,这就显得很麻烦了。

本文介绍 IntelliJ IDEA 2017 + Thymeleaf 热部署,修改 java 代码和 html 代码都不用重启,IDEA 帮我们自动重新编译。

spring-boot-devtools是一个为开发者服务的一个模块,其中最重要的功能就是自动应用代码更改到最新的App上面去。

原理是在发现代码有更改之后,重新启动应用,但是速度比手动停止后再启动更快。 其深层原理是使用了两个ClassLoader,一个Classloader加载那些不会改变的类(第三方Jar包),另一个ClassLoader加载会更改的类,称为restart ClassLoader,这样在有代码更改的时候,原来的restart ClassLoader被丢弃,重新创建一个restart ClassLoader,由于需要加载的类相比较少,所以实现了较快的重启时间。

即devtools会监听classpath下的文件变动,并且会立即重启应用(发生在保存时机)

一、开启 idea 自动 build 功能

1、打开设置 --> 查找 build project automatically --> 选中

2、打开设置 --> 查找Registry --> 找到并勾选compiler.automake.allow.when.app.running

最后重启idea   如果你的 IDEA 比较新,可能找不到这个 那就 如下图

然后关闭设置,按上面设置的快键键,如 Command + Shift + M 找到并勾选compiler.automake.allow.when.app.running

最后重启idea

二、使用 spring-boot 开始有的热部署功能

1、在 pom.xml 里添加spring-boot-devtools 依赖

org.springframework.boot

spring-boot-devtools

true

2、开启热部署 在 pom.xml 最后一个 标签之前插入如下代码

org.springframework.boot

spring-boot-maven-plugin

true

3、application.properties 里添加

spring.devtools.restart.enabled=true

三、Chrome禁用缓存

右键审查元素或者检查或者快捷键 F12

至此,在idea中就可以愉快的修改代码了,修改后可以及时看到效果,无须手动重启和清除浏览器缓存。

测试方法:

1.修改类-->保存:应用会重启

2.修改配置文件-->保存:应用会重启

3.修改页面-->保存:应用会重启,页面会刷新(原理是将spring.thymeleaf.cache设为false)

不能使用分析:

1.对应的spring-boot版本是否正确,我这里使用的是1.5.3.RELEASE版本;

2.是否加入plugin了,以及属性true

3.Intellij IDEA是否开启了Make Project Automatically。

4.如果设置SpringApplication.setRegisterShutdownHook(false),则自动重启将不起作用。

如果还是不行的话,可以Build Project (windows快捷键是Ctrl+F9)来刷新前端文件,至少不用重启

### Thymeleaf 热部署配置教程 在使用 Spring Boot DevTools 实现 Thymeleaf 模板的热部署时,可以通过以下方式完成配置: #### 1. 引入 Spring Boot DevTools 为了启用热部署功能,首先需要引入 `spring-boot-devtools` 依赖项。这一步通常通过项目的构建工具(Maven 或 Gradle)来完成。 对于 Maven 构建项目,可以在 `pom.xml` 文件中添加如下依赖: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <optional>true</optional> </dependency> ``` 对于 Gradle 构建项目,则需在 `build.gradle` 中加入以下内容: ```gradle dependencies { developmentOnly('org.springframework.boot:spring-boot-devtools') } ``` 此操作确保了开发环境下的热部署功能得以激活[^1]。 #### 2. 配置 application.yml 或 application.properties 为了让 Thymeleaf 支持模板文件的实时更新,在配置文件中关闭其缓存机制是非常重要的。具体设置如下所示: 如果采用的是 YAML 格式的配置文件 (`application.yml`) ,则应写成这样: ```yaml spring: devtools: restart: enabled: true # 启用自动重启功能 additional-paths: src/main/resources/templates # 添加监控路径 exclude: static/,templates/WEB-INF/** # 排除不需要监听变化的资源目录 thymeleaf: cache: false # 关闭 Thymeleaf 缓存以便即时反映改动 ``` 如果是基于 `.properties` 的配置形式,则对应的条目为: ```properties spring.devtools.restart.enabled=true spring.devtools.restart.additional-paths=src/main/resources/templates spring.devtools.restart.exclude=static/,templates/WEB-INF/** spring.thymeleaf.cache=false ``` 这些参数的作用在于使每次保存 HTML 文件或者控制器逻辑之后,浏览器端能够立刻展示最新的界面效果而无需重新启动整个应用程序[^2]。 #### 3. IDEA 特殊配置 (可选) 某些情况下,默认集成可能无法完全满足需求,特别是当 IDE 设置不当时可能会阻碍正常工作流。针对 IntelliJ IDEA 用户来说,还需要做一些额外调整才能让一切顺利运作起来: - **禁用 Power Save Mode**: 这种模式下会暂停后台编译器活动从而影响到快速反馈循环。 - **开启 Compiler Auto Make**: 前往 File -> Settings -> Build, Execution, Deployment -> Compiler 并勾选 “Build project automatically”。 - **注册快捷键 Ctrl+F9 自动触发增量编译** : 如果发现修改代码后仍看不到预期行为的话,尝试绑定这个命令至常用按键组合方便随时执行局部重建动作。 以上步骤完成后应该就可以享受到无缝衔接般的高效调试体验啦! ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值