使用thymeleaf模板，css文件路径配置正确，但通过controller请求网页后找不到css路径，如何解决

时间: 2024-03-30 12:38:53 浏览: 169

springboot如何使用thymeleaf模板访问html页面

5星 · 资源好评率100%

springboot中推荐使用thymeleaf模板，使用html作为页面展示。那么如何通过Controller来访问来访问html页面呢？下面通过本文给大家详细介绍，感兴趣的朋友跟随脚本之家小编一起看看吧在Spring Boot中，为了简化Web应用的开发流程，官方推荐使用Thymeleaf作为模板引擎来处理HTML页面。Thymeleaf提供了一种简洁且强大的方式来与后端Controller交互，使得开发人员能够更加专注于业务逻辑，而不是繁琐的视图层配置。下面将详细介绍如何在Spring Boot中设置和使用Thymeleaf访问HTML页面。我们需要在`pom.xml`文件中引入必要的依赖。Spring Boot的`spring-boot-starter-web`依赖提供了基本的Web支持，而`spring-boot-starter-thymeleaf`则包含了Thymeleaf模板引擎： ```xml <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> </dependencies> ``` 接下来，我们需要在`application.yml`或`application.properties`中配置Thymeleaf的相关设置。通常，Spring Boot默认会在`src/main/resources/static`下查找静态资源，如CSS、JavaScript和图片等；而在`src/main/resources/templates`下查找HTML模板文件。以下是一个示例配置： ```yaml spring: mvc: view: prefix: / suffix: .html ``` 现在，我们可以开始创建HTML模板文件。在`templates`文件夹下创建一个名为`hello.html`的文件，例如： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Title</title> </head> <body> hello world </body> </html> ``` 接着，我们需要编写一个Controller来处理HTTP请求。在Java类中使用`@Controller`注解，然后通过`@GetMapping`注解定义处理GET请求的方法。在这个例子中，我们创建一个`ContentController`： ```java import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; @Controller public class ContentController { @GetMapping("/hello") public String helloWorld() { return "hello"; } } ``` 这里的`hello`字符串对应于`templates`目录下的`hello.html`文件名。当用户访问`http://localhost:8080/hello`时，Spring Boot会自动寻找并渲染`hello.html`模板。对于静态资源的引用，Thymeleaf允许我们在HTML中直接引用。例如，如果有一个JavaScript文件`wangEditor.js`位于`src/main/resources/static/js`下，我们可以在HTML中这样引用它： ```html <script type="text/javascript" src="/js/wangEditor.js"></script> ``` 注意，`@RestController`注解是`@Controller`和`@ResponseBody`的组合，它会将方法返回值直接转换为HTTP响应体，而不会试图寻找对应的视图（即HTML模板）。因此，如果想返回一个HTML页面，应该使用`@Controller`而不是`@RestController`。总结来说，使用Spring Boot和Thymeleaf进行Web开发，可以大大简化页面展示和控制器之间的交互。只需要简单的配置和注解，就可以轻松地实现动态数据的展示，同时避免了传统Web开发中的大量配置工作。这对于快速开发和构建小型到中型的Web应用非常有帮助。

这个问题很可能是由于你的CSS文件路径没有正确的映射到服务器上。你可以尝试以下几个步骤来解决这个问题： 1. 确认CSS文件路径是否正确。可以在浏览器的开发者工具中查看CSS文件是否被正确加载。如果没有加载，那么就需要检查CSS文件路径是否正确。 2. 如果CSS文件路径正确，可以尝试在CSS文件路径前添加`/`，表示相对于项目根目录。例如：`/css/style.css`。 3. 如果还是无法解决问题，可以尝试使用绝对路径来引用CSS文件。例如：`<link rel="stylesheet" th:href="@{http://localhost:8080/css/style.css}" />`。 4. 最后，你也可以检查一下你的Spring Boot配置文件中的静态资源路径是否正确。可以检查一下`spring.resources.static-locations`属性。希望这些步骤可以帮助你解决问题。

阅读全文

使用thymeleaf模板，css文件路径配置正确，但通过controller请求网页后找不到css路径，如何解决

相关推荐

Spring Boot 与 kotlin 使用Thymeleaf模板引擎渲染web视图的方法

thymeleaf的使用

thymeleaf如何配置使用

thymeleaf超链接不生效

使用thymeleaf写一个美观的页面，页面上有几个按钮，按下按钮跳转到controller对应的方法

springmvc使用thymeleaf解析器转发WEB-INF下的的资源示例代码

springboot将controller作为maven依赖包加入进来，接口访问找不到org.springframework.web.servlet.resource.NoResourceFoundException: No static resource timeTas

如何使用thymeleaf写一个按钮，将一个数据发送给controller层的同时，查看controller层返回的数据，并出现一个弹窗显示图片，并不进行页面间的跳转

将vue的dist文件放到SprintBoot项目resources文件下，Spring-mvc怎么配置访问

thymeleaf使用layui实现登录

结合Thymeleaf呢

idea项目中js前端打包成html和css样式

thymeleaf渲染html

thymeleaf bootstarp分页

用idea实现spring boot+css的图书管理系统，显示所有代码

如何用Java展示发布帖子的内容到网页上

后台管理系统thymeleaf

使用springboot写个人简历网页

springboot thymeleaf 学籍管理

最新推荐

Angular实现MarcHayek简历展示应用教程

管理建模和仿真的文件

深入剖析：内存溢出背后的原因、预防及应急策略（专家版）

Java中如何对年月日时分秒的日期字符串作如下处理：如何日期分钟介于两个相连的半点之间，就将分钟数调整为前半点

Crossbow Spot最新更新 - 获取Chrome扩展新闻

"互动学习：行动中的多样性与论文攻读经历"

【Java内存管理终极指南】：一次性解决内存溢出、泄漏和性能瓶颈

c 语言return用法

量子管道网络优化与Python实现

关系数据表示学习