thymeleaf的静态html页面热加载以及idea中springboot的热加载

迷南。 2022-04-22 01:06 418阅读 0赞

**首先说一下thymeleaf的html页面热加载**  
1.加入thymeleaf依赖

<dependency>
    	<groupId>org.springframework.boot</groupId>
    	<artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

2.修改thymleaf模板配置

#thymelea模板配置
    spring.thymeleaf.prefix=classpath:/templates/
    spring.thymeleaf.suffix=.html
    spring.thymeleaf.mode=HTML5
    spring.thymeleaf.encoding=UTF-8
    spring.thymeleaf.servlet.content-type=text/html
    spring.thymeleaf.cache=false #主要是这里，设置默认不缓存页面
    spring.resources.chain.strategy.content.enabled=true
    spring.resources.chain.strategy.content.paths=/**

3.最后在每次修改静态内容时按`Ctrl+Shift+F9`即可重新加载

**其次说一下idea中springboot的热加载设置**  
1.首先加入开发工具依赖

<dependency>
    	<groupId>org.springframework.boot</groupId>
    	<artifactId>spring-boot-devtools</artifactId>
    	<optional>true</optional>
    </dependency>

2.其次在build maven插件中开启热部署

<build>
    	<plugins>
    		<plugin>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-maven-plugin</artifactId>
    			<configuration>
    				<fork>true</fork> #主要是这里，开启
    			</configuration>
    		</plugin>
    	</plugins>
    </build>

3.idea开启自动  
![自动构建项目][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Nyb25vdXNHVA_size_16_color_FFFFFF_t_70]  
我这里用的是idea2018，老的版本都在这个位置，只是名字不一样，大家自己修改  
4.`Shift+ALT+Ctrl+/`找到进入 `registry`并勾选`compiler.automake.allow.when.app.running`  
![在这里插入图片描述][20181101113136953.jpg]

5.禁用浏览器缓存 按F12（更多工具—->开发者工具），找到network，勾选Disable Cache  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Nyb25vdXNHVA_size_16_color_FFFFFF_t_70 1]  
至此就可以完成整个项目的热加载了

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Nyb25vdXNHVA_size_16_color_FFFFFF_t_70]: /images/20220422/0866733c9174473892e5877c832d5e77.png
[20181101113136953.jpg]: /images/20220422/a5237d9509194460a80cf86bfeb5bc84.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Nyb25vdXNHVA_size_16_color_FFFFFF_t_70 1]: /images/20220422/92a81a83c8ec4587a82b241e90dd592b.png