springboot整合thymeleaf跳转html页面

最新推荐文章于 2024-09-05 23:16:39 发布
最新推荐文章于 2024-09-05 23:16:39 发布
阅读量9.5k 收藏 8
点赞数 3
分类专栏： Spring Boot学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/innovate1989/article/details/83046899
版权

最近在做项目的过程中需要在springboot中跳转html页面，参考网上的帖子最后总算是实现了，但是发现在整合的过程中存在很多易犯错误，特此记录一下。

1.pom中引入thymeleaf依赖

<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

2.添加thymeleaf配置

有两种方式：一种时在application.properties文件中配置，一种是在application.yaml配置文件中配置。

spring:
  # thymeleaf页面模板配置
  thymeleaf:
     prefix: classpath:/templates/
     suffix: .html

prefix配置的是视图模板的位置，我试着不放在templates下面发现总是报错，不知道是否可以通过其他配置改成别的路径。
易犯错误配置

spring:
  mvc:
    view:
      suffix: .ftl
      prefix: classpath:/templates/

因为使用了thymeleaf所以，使用mvc的自然是无用的，必须要修改为thymeleaf才行

3.html模板

作为thymeleaf模板的html页面中的元素标签必须是闭合的，否则会报错。比如

 <meta charset="utf-8">
  <base href="/">
  <title>thymeleaf</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"></meta>
  <link rel="stylesheet" href="/css/swiper.min.css">

其中“meta、base、link标签就没有闭合，启动时候就会报错。
需要在html标签中加入xmlns:th=“http://www.thymeleaf.org”

 <html id="ng-app" ng-app="app"
      xmlns:th="http://www.thymeleaf.org">

4.controller注解

我刚开始配置的时候，按照例子写方法怎么都不能跳页面，后来发现是controller层中的注解是@Restcontroller而不是@Controller，这样导致及时在方法上返回的是string类型的，最后还是不能跳页面。比如：

错误形式
~~@RestController~~ 
@RequestMapping("user")
public class UserController {

	@RequestMapping("toIndex")
	public String toIndex(){
		return "idx/index";
	}
}

@RestController注解相当于@Controller注解和@ResponseBody注解，所有不会跳转页面，需要改成下面的形式。

@Controller
@RequestMapping("user")
public class UserController {

	@RequestMapping("toIndex")
	public String toIndex(){
		return "idx/index";
	}
}

5.总结

目前测试通过上面的配置就可以正常的跳转到html页面了，终于不用再使用jsp页面了。

参考资料
https://blog.csdn.net/sicily_winner/article/details/78985187
https://blog.csdn.net/qq_16307345/article/details/78038224?locationNum=10&fps=1

innovate1989
关注
专栏目录
springboot整合thymeleaf页面展示
qq_56793001的博客
12-21 457
这边可以参考一下springboot整合mybatis文件 controller层需要更改一些。增删改查操作 通过thymeleaf跳转页面展示信息。
SpringBoot整合thymeleaf之HTML页面不能跳转问题及@RestController，@Controller， @ResponseBody之间关系
莫得感情的小猪头的博客
03-31 2049
如图： thymeleaf返回的是HTML页面，直接返回即可！ 拓展： @RestController相当于@Controller+@ResponseBody两者的结合 @Controller 的使用一般是加在控制层，加上之后就是可以被spring管理，也没其他的作用。 @ResponseBody作用是将controller的方法返回的对象通过适当的转换器转换为指定的格式之后，写入到respon...
springboot如何使用thymeleaf模板访问html页面
08-27
springboot中推荐使用thymeleaf模板，使用html作为页面展示。那么如何通过Controller来访问来访问html页面呢？下面通过本文给大家详细介绍，感兴趣的朋友跟随脚本之家小编一起看看吧
springboot集成thymeleaf实战
卓越之识论道，平常之识论事，狭隘之识论人
07-30 763
springboot集成thymeleaf实战
SpringBoot 跳转页面+thymeleaf
pojpoj的博客
10-24 1174
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/jintingbo/article/details/81633615 初次做SpringBoot，要解决页面跳转的问题，这个问题我弄了大半天，弄好后，其实也不算个事，写出来给大家提个醒！其实不要使用spring boot的@RestCont...
springboot-thymeleaf（html页面跳转）
codepython的专栏
08-01 5370
  遇到的问题：按照别人的blog搭thymeleaf页面就是html页面跳转不了，我那个郁闷呀！！！终于尝试了无数遍搞好了，报的错误是模板不存在。 ctrl层对比代码 易犯错误1     @RequestMapping(value ="/home_3", method = RequestMethod.GET) @ResponseBody public St...
SpringBoot+Thymeleaf跳转的简单实例
08-18
在本实例中，我们将深入探讨如何在Spring Boot项目中整合Thymeleaf模板引擎，以实现页面跳转和数据展示。Spring Boot是一个流行的Java框架，它简化了Spring应用的初始搭建以及开发过程，而Thymeleaf则是一个现代的...
springboot整合thymeleaf+maven实现异常处理页面
09-28
在这个“springboot整合thymeleaf+maven实现异常处理页面”的案例中，我们将探讨如何在 SpringBoot 应用中整合 Thymeleaf 和 Maven，以及如何设置自定义的全局异常处理机制，使得当应用程序出现异常时，能够优雅地将...
SpringBoot开发——结合Thymeleaf模板整合HTML
bjzhang75的博客
09-05 1366
Thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的Java库，基于Apache License 2.0许可。Thymeleaf提供了一个用于整合Spring MVC的可选模块，在应用开发中，你可以使用Thymeleaf来完全代替JSP或其他模板引擎，如Velocity、FreeMarker等。Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。
spring boot使用thymeleaf跳转页面实例代码
08-30
本篇文章主要介绍了spring boot使用thymeleaf跳转页面，实例介绍了thymeleaf的原理和介绍，有兴趣的可以了解一下。
thymeleaf跳转至html页面,SpringBoot 使用Thymeleaf解决静态页面跳转问题
weixin_31998371的博客
06-03 2584
参考：springboot配置跳转html页面1，首先在pom文件中引入模板引擎jar包org.springframework.bootspring-boot-starter-thymeleaf2，在application.properties中配置模板引擎spring.thymeleaf.prefix=classpath:/templates/3，在templates下建立login.html文...
SpringBoot 整合thymeleaf--跳转首页
m0_67306446的博客
05-09 925
测试 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CMfZj0Gf-1652081322884)(https://img- 《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》无偿开源 威信搜索公众号【编程进阶路】 blog.csdnimg.cn/20210504114834142.png)] [](()方式二：通过自定义配置实现 编写一个配置类实现WebMvcConfigurer 接口 重写addViewControllers(..
thymeleaf html跳转页面,关于springboot与html5，thymeleaf结合的问题
weixin_39658318的博客
06-04 277
我在controller中返回一个字符串，跳转到resources/templates目录下的一个html页面。可是报出异常：`org.xml.sax.SAXParseException: 与元素类型 "input" 相关联的属性名 "required" 必须后跟 ' = ' 字符。at com.sun.org.apache.xerces.internal.util.ErrorHandlerWra...
springBoot结合thymeleaf模板处理html
郝开的博客
11-25 720
thymeleaf模版:thymeleaf模版是面向WEB和独立环境的java模版引擎，能够处理css、html、xml、javascript等。
springboot集成Thymeleaf时页面跳转和路径问题
开发者导航
05-24 5294
众所周知，springboot简化了框架整合的相关配置。默认static中放静态页面，templates中放动态页面。 编写测试代码 新建两个页面分别放到static和templates目录下。 static/hello.html 1 2 3 4 5 6 7 8 9 10 <!DOCTYPEhtml> <htmllang="en"> <head&..
springboot 框架学习 thymeleaf静态模板引擎实现页面跳转
m0_59588838的博客
04-13 3671
最近在深啃jvm虚拟机，主要方法是阅读《深入java虚拟机》这本书，写的很形象深入，简单易懂。今天上web课程老师讲到servlet时突然想到boot的页面跳转与数据响应。 之前的springmvc在boot中也有集成，但是boot的常用页面是html5，不是jsp页面，所以对于数据的显示与获取有了一定的不适。不过这个得到了解决，入手的springboot+vue实战开发这本书中对于boot开发简单的项目讲解的比较好。 基于上一次静态资源访问的基础上，我们搭建一个具备增删改查的图书信息测试。 一、da
使用springboot 2.7.17版本，并且使用thymeleaf,如何设置在产生404或者500的时候，跳转到自己写的html指定页面
Ulyssesaa的博客
11-25 283
接下来，你需要在Spring Boot应用的配置类中添加配置来设置错误页面的路径。接口，注册了404和500错误页面。在这个例子中，当出现404错误时，会跳转到。，在该文件夹下编写自定义的错误页面，例如。这些页面会在出现相应的错误时被加载显示。首先，在你的项目中创建一个文件夹，比如。路径下，否则需要根据实际情况修改路径。当出现500错误时，会跳转到。
springboot整合thymeleaf实现注册
最新发布
09-16
Spring Boot 整合 Thymeleaf 实现注册功能通常涉及以下几个步骤： 1. **添加依赖**： 首先，在`pom.xml`文件中添加Thymeleaf、Spring Web和其他必要的依赖： ```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-thymeleaf</artifactId> </dependency> </dependencies> ``` 2. **配置视图解析器**： 在`application.properties`或`application.yml`中设置模板文件的位置： ```properties thymeleaf.servlet.multipart-enabled=true thymeleaf.mode=HTML5 spring.thymeleaf.location=classpath:/templates/ ``` 3. **创建控制器**： 创建一个控制器，如`RegistrationController`，处理用户注册请求。这里可以使用`@PostMapping`注解处理POST请求，并使用`ModelAndView`返回包含表单的视图： ```java @RestController public class RegistrationController { @GetMapping("/register") public String registerForm() { return "register"; } @PostMapping("/register") public String handleRegister(@ModelAttribute("registration") UserRegistration registration) { // 这里对注册信息进行验证并保存到数据库 return "redirect:/success"; // 成功后重定向 } } ``` 4. **创建视图**： 在`templates/register.html`或相应的文件夹下编写Thymeleaf模板，用于显示用户输入框和表单结构。例如： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <body> <form th:action="@{/register}" method="post" th:object="${registration}"> <input type="text" name="username" placeholder="用户名"/> <input type="password" name="password" placeholder="密码"/> <!-- 其他字段... --> <button type="submit">注册</button> </form> </body> </html> ``` 5. **处理成功页面**： 如果注册成功，可以在`success.html`模板中显示一个简单的成功消息。当用户提交表单后，会自动跳转到这里。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值