Thymeleaf + CSS + SpringBoot

时间:2017-01-11 09:18:30

标签: css3 spring-boot thymeleaf

我遇到了CSS和Thymeleaf的问题。

在我的Spring启动应用程序中,我有这样的结构:

  • src / main / resource / static / css(用于css文件)
  • src / main / resource / static / templates(用于html文件)

现在,我的html页面名为ErrorPage,css文件名为Layout.css,使用Thymeleaf,我在ErrorPage的头部:

<link href="../css/Layout.css" th:href="@{css/Layout.css}" type="text/css" />

但这不起作用。

我做错了什么?

4 个答案:

答案 0 :(得分:23)

template文件夹移到resources下面

  • src/main/resource/static/css(对于CSS文件);
  • src/main/resource/templates(适用于HTML模板)。

然后更正link标记,如下所示:

<link href="../static/css/Layout.css" th:href="@{/css/Layout.css}" rel="stylesheet" />

答案 1 :(得分:0)

我遇到了同样的问题,我的CSS没有找到负载!

我将css移到了resources / static / css文件夹中,但这不起作用...

然后检查我的控制器,然后我修改了以下内容:

@RequestMapping(value="/{reader}", method=RequestMethod.GET)
// @RequestMapping(value = "/{reader}", method = RequestMethod.GET)

我刚刚淘汰了方法和值空间...

致谢。

答案 2 :(得分:0)

将模板文件夹移到资源正下方:

src/main/resources/static/css (for CSS files);
src/main/resources/templates (for HTML templates).

然后按如下所示(相对或绝对)更正链接标记:

<link href="../css/firstcss.css" rel="stylesheet">
<link href="/css/secondcss.css" rel="stylesheet">

前面带有静电的旧解决方案对我不起作用。

答案 3 :(得分:0)

此行为的罪魁祸首是自定义安全配置,很有可能您正在WebSecurityConfigurerAdapter子类中进行此配置。 如果使用SpringBoot 2+版本,则应在WebSecurityConfigurerAdapter配置中添加以下行

.requestMatchers(PathRequest.toStaticResources().atCommonLocations()).permitAll()