在 spring mvc 中使用 thymeleaf 引用 .css 文件

2023-12-25

我正在用 spring MVC 和 Thymeleaf 做一个项目。我有一个问题,如果我有这个文件夹结构,我应该如何引用我的 CSS 文件:

src
  main
    webapp
     resources
       myCssFolder
         myCssFile.css
     web-inf
       spring
       views
         myViewFolder
           index.html

我的配置类是这样的:

@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry.addResourceHandler("/css/**").addResourceLocations("/css/**");
    registry.addResourceHandler("/img/**").addResourceLocations("/img/**");
    registry.addResourceHandler("/js/**").addResourceLocations("/js/**");
    registry.addResourceHandler("/sound/**").addResourceLocations("/sound/**");
    registry.addResourceHandler("/fonts/**").addResourceLocations("/fonts/**");
}

我打电话href在我的索引文件中,如下所示:

href="resources/css/bootstrap.min.css"

但我的页面中有些元素有点混乱,例如 CSS 不起作用。


您将需要使用th:href用于引用 css 文件的属性。这是 thymeleaf 教程的示例。如果thymeleaf无法评价th:href值,默认为href value.

<head>
    <title>Good Thymes Virtual Grocery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" media="all"  
      href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
 </head>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 spring mvc 中使用 thymeleaf 引用 .css 文件 的相关文章

随机推荐

  • 如何设置可跨文本视图之间的边距?

    我正在尝试创建可扩展的文本视图并在 EditText 中显示它 因此 用户可以在 EditText 中输入一些内容 如果用户按下键盘的 Enter 按钮 那么我会将此文本转换为可跨文本视图 此用户可以再次开始输入并按键盘的 Enter 按钮
  • Lucene:从索引中删除,基于多个字段

    我需要从 lucene 搜索索引中删除文档 标准方法 indexReader deleteDocuments new Term field name field value 不会成功 我需要根据多个字段执行删除 我需要这样的东西 pseud
  • 如何仅向 NSDate 添加工作日?

    我有一个与 Objective C 中计算工作日相关的问题 我需要添加X给定的工作日NSDate 例如 如果我有一个约会 2010 年 10 月 22 日星期五 我添加2工作日 我应该得到 2010 年 10 月 26 日星期二 提前致谢
  • 如何在 Android 中从 ArrayList 填充的列表视图中选择多个项目

    我正在尝试编写一个程序来选择我填充的列表视图中的多个项目 但我很难选择多个项目 请让我知道该怎么做 下面是我填充数组列表的方式 并且我有一个带有复选框的自定义行 我需要在按钮单击事件上获取所选项目 名称 编号 先感谢您 我试图理解其他帖子
  • Laravel 子域路由不起作用

    我正在尝试拥有一个管理子域 像这样 https laravel com docs 5 1 routing route group sub domain routing Route group domain gt admin localhos
  • HikariCP 和 maxLifetime

    我将我的项目移至HikariCP https github com brettwooldridge HikariCP 到目前为止一切都很顺利 但在一种设置下我遇到了麻烦 这是 setMaxLifetime 30 1000 HikariCon
  • 使用资源中的几何图形的 WPF 自定义按钮

    有没有办法使用这样的 PathGeometry 集合 路径1 F1 中号 170 255 178 837L 170 255 221 158C 170 255 228 917 164 174 230 777 156 745 225 286L
  • 如何处理 AJAX 中的预期错误(包括向用户公开它们)

    预期错误是我在代码中预期甚至自己提出的来自服务器的错误 例如 当用户尝试执行他没有足够权限的操作时 我会提出PermissionError 一个习俗Exception 并带有描述错误的消息 我一直在寻找一种好方法来处理 AJAX 情况下的预
  • 如何以声明方式管理 Kafka 主题?

    我们正在使用 Apache Kafka 并且有很多手动创建的主题 使用自定义主题配置 我们希望像代码一样管理我们的主题 就像我们的基础设施 配置的其余部分一样 我们如何以编程方式和声明方式管理我们的主题 什么是理智的方法 以下是可能适合您正
  • Rails:PG :: UndefinedTable:错误:关系“...”不存在

    迁移时我收到以下错误消息 PG UndefinedTable ERROR relation actioncodes does not exist ALTER TABLE organizations ADD CONSTRAINT fk rai
  • 使用 Polars 生成运行记录,其中一个月的期末余额将成为下个月的期初余额

    我想在给定初始期初余额的情况下生成一段时间内的运行计数模拟 例如 一个虚构的企业从 1000 美元开始 在任何一个月内都会经历随机的盈利和亏损 12 个月后 这家企业可能会赚多少钱 我的问题是 我可以生成所需的列 但无法弄清楚如何在不破坏当
  • phpMyAdmin get_scripts.js.php 和 messages.php 很慢

    当我检查 127 0 0 1 phpmyadmin 上的网络活动时 我发现 get scripts js php 和 messages php 需要 7 到 16 秒才能执行 我打开这些脚本并添加了缓存时间 但问题仍然存在 header E
  • Pygame 声音延迟 - 与缓冲区/采样无关

    我试图在我的小游戏中播放简单的 wav 文件 每当用户将鼠标悬停在按钮上时 就会播放一点点击声音 实际按下按钮时也是如此 因此 我遇到了每个未正确初始化混音器的人都会遇到的普遍滞后问题 然而 当我正确初始化它时 它仍然有 0 5 秒的延迟
  • 使用 BLPOP 的 Redis 作业队列

    我尝试使用 redis 和 ruby eventmachine 创建无限作业队列 为了实现这一点 我使用了 0 超时的 redis BLPOP 命令 成功 BLPOP 后 我再次运行它 我的方法正确还是有更好的方法来使用 Redis 创建作
  • 什么时候 .the(success, failed) 被视为 Promise 的反模式?

    我看了一下蓝鸟承诺常见问题解答 https github com petkaantonov bluebird wiki Promise anti patterns 其中提到 then success fail 是一个反模式 https gi
  • VB.NET 的 LINQ 中 ORDERBY 的语法是什么?

    我是 Linq 新手 VB 中 order by 的语法是什么 Dim cxt As New datContext Dim qry From lst In cxt zipcodes Select lst state Distinct qry
  • 使用 ssl 从 Spring Boot 应用程序连接到 MongoDB

    我正在尝试使用 ssl 将我的 Spring Boot 应用程序连接到 mongodb 我按照此处描述的步骤进行操作 但它们对我不起作用 https www compose com articles how to connecting to
  • 替换 NSString 中的特定单词

    获取和替换字符串中特定单词的最佳方法是什么 例如我有 NSString currentString one two thing thing good 现在我需要找到每个 currentWord 并为其应用函数 self replaceWor
  • react-native-fbsdk:如何正确从 facebook 注销?

    我正在使用react native fbsdk npm 包 它工作正常 但是当我调用 LoginManager logOut 时 它不会执行任何操作 甚至它的回调函数也不起作用 首次登录后 它会保留我的所有数据 首次登录并从应用程序注销后
  • 在 spring mvc 中使用 thymeleaf 引用 .css 文件

    我正在用 spring MVC 和 Thymeleaf 做一个项目 我有一个问题 如果我有这个文件夹结构 我应该如何引用我的 CSS 文件 src main webapp resources myCssFolder myCssFile cs