当前位置: 首页 > 工具软件 > statichtml > 使用案例 >

《前端》IDEA中templates下的html页面如何引用static下的静态资源文件

凌伟泽
2023-12-01

今天碰到个问题,在IDEA中我的目录结果下所示:

resources
	static
		css
			boostrap.css
		 images
		 	1.png
	templates
		login.html

我的疑问是login.html如何引用static/css/boostrap.css文件。

<link rel="stylesheet" href="../static/css/boostrap.css">

失败,报错404。
知识点:
spring boot项目只有src目录,没有webapp目录,会将静态访问(html/图片等)映射到其自动配置的静态目录:

  1. /static
  2. /public
  3. /resources
  4. /META-INF/resources

因此需要使用的引入语句是:

<link rel="stylesheet" href="/css/boostrap.css">

即可。

那么login.html还想引入1.png文件呢。

url("../images/1.png")

即可。
如何访问 templates 目录下的页面

  1. 如果想访问该目录下的页面,则必须引入 thymeleaf 坐标。
  2. 该页面是无法直接访问的,必须写代码将请求转发或者 redirect 过去。
  3. 无需在 yml 配置文件中配置 前缀 and 后缀。

可以再后台写代码跳转到login.html中。

@Controller
public class LoginController {
	@GetMapping("/login")
	public String login() {
		return "/login.html";
	}
 类似资料: