刚到公司,第一次使用Spring Boot创建Maven项目。想给页面加一个JS/CSS,却发现无法使用。
内联和内嵌式都可以使用,唯独外联式无法使用。后来问了前辈,他指出Maven项目的页面要放在不同的文件夹中。
Maven项目中resoure目录下有两个文件夹,static和templates。其中static是用来存放静态页面的,templates是用来存放动态页面的。我使用thymeleaf来写页面,写的页面放在templates中,使用动态跳转,没有问题。

但是我的JS/CSS文件也放在了该文件夹下,这就出了问题了。

![]()
会发现无法应用外联样式。
因为JS/CSS文件都是静态文件,所以要放在static文件下。

这样就可以了。
PS:在使用thymeleaf时,动态跳转会覆盖掉静态跳转,即默认跳转到templates文件夹中。所以在浏览器地址中直接输入文件名是无法访问的,只能通过接口访问。简单来说,动态跳转没有后缀名,而静态跳转带后缀名。

本文讲解了在Maven项目中如何正确配置静态资源如JS/CSS的位置,以及使用Thymeleaf时的注意事项,帮助初学者理解静态和动态资源的区别。

被折叠的 条评论
为什么被折叠?



