前端|如何在SpringBoot中通过thymeleaf模板访问页面

简介: 前端|如何在SpringBoot中通过thymeleaf模板访问页面


Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎。Thymeleaf的主要目标是在开发工作中带来优雅的自然模板。在传统的web开发时通常使用的是jsp页面,首先需要在pom文件中引入springmvc相关的包,然后写springmvc的配置文件(包括访问资源的路径解析),之后还需再web.xml中配置访问路由。每次开发前都需要编写大量的配置文件。


在Springboot中为此提供了便捷的解决方案,需要在pom.xml中添加web开发的依赖。如下

<dependency>

       <groupId>org.springframework.boot</groupId>

       <artifactId>spring-boot-starter-web</artifactId>

</dependency>


还需要配置一些其他东西,这里不细说,都很简单。接下来我们先来看看thymeleaf的默认规则

@ConfigurationProperties(prefix =  "spring.thymeleaf")

public class ThymeleafProperties {

 

       private  static final Charset DEFAULT_ENCODING = StandardCharsets.UTF_8;

 

       public  static final String DEFAULT_PREFIX = "classpath:/templates/";

 

       public  static final String DEFAULT_SUFFIX = ".html";

首先这个默认的规则里有一个默认的前缀和后缀:

"classpath:/templates/",".html"。


这就说明了只要把html文件放在放在内路径里的templates/路径下,然后thymeleaf就能帮我们自动渲染了。

我们在Controler里的具体代码就是

@Controller

public class HelloController{

     @RequestMapping("/success")

     public String success(){

         return "success";

     }

}

然后我们需要在templates文件夹下有这个名叫“success.html”的文件。这样就实现了通过thymeleaf模板访问html文件。

在浏览器输入:localhost://8080/success

就能看到刚刚success.html这个页面。实现了这个功能我们就能用thymeleaf的语法了。它的作用就是为了使用户页面和业务数据相互分离而出现的,将从后台返回的数据生成特定的格式的文档,这里说的特定格式一般都指HTML文档。它能够处理html、xml、js、css甚至纯文本,类似于freemarker。它的优点是语法优雅易懂、原型即页面、遵从web标准。

原型即页面是它的特色,所谓原型即页面,就是你写的html,静态的去访问是什么样,动态的去访问还是这样,只不过动态的时候会把数据填充进去。



目录
相关文章
|
2月前
|
JavaScript 前端开发 Java
springboot从控制器请求至页面时js失效的解决方法
springboot从控制器请求至页面时js失效的解决方法
16 0
springboot从控制器请求至页面时js失效的解决方法
|
2月前
|
Java 数据库连接 mybatis
springboot访问jsp页面变成直接下载?
springboot访问jsp页面变成直接下载?
43 0
|
1月前
|
JSON 前端开发 Java
前端请求SpringBoot接口出现Required request body is missing
前端请求SpringBoot接口出现Required request body is missing
37 2
|
2月前
|
JavaScript 前端开发
springboot+layui从控制器请求至页面时js失效的解决方法
springboot+layui从控制器请求至页面时js失效的解决方法
16 0
|
6天前
|
缓存 Java Sentinel
Springboot 中使用 Redisson+AOP+自定义注解 实现访问限流与黑名单拦截
Springboot 中使用 Redisson+AOP+自定义注解 实现访问限流与黑名单拦截
|
22小时前
|
前端开发 JavaScript Java
SpringBoot解决跨域访问的问题
本文介绍了跨域访问的概念及其解决方案。同源策略规定浏览器限制不符合协议、Host和端口的请求,导致跨域访问被禁止。为解决此问题,文中提出了三种策略:1) 前端利用HTML标签的特性(如script、iframe)和JSONP、postMessage规避同源策略;2) 通过代理,如nginx或nodejs中间件,使得所有请求看似来自同一源;3) CORS(跨域资源共享),通过设置HTTP响应头允许特定跨域请求。在SpringBoot中,实现CORS有四种方式,包括使用CorsFilter、重写WebMvcConfigurer、CrossOrigin注解以及直接设置响应头。
|
1天前
|
机器学习/深度学习 前端开发 数据可视化
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
|
4天前
|
Java Maven
基于archeType模板创建Springboot脚手架
基于archeType模板创建Springboot脚手架
12 0
|
23天前
|
SQL 前端开发 JavaScript
Spring Boot + Thymeleaf 使用PageHelper实现分页
Spring Boot + Thymeleaf 使用PageHelper实现分页
|
1月前
|
Java
SpringBoot配置图片访问404SpringBoot配置图片访问路径springboot如何访问图片
SpringBoot配置图片访问404SpringBoot配置图片访问路径springboot如何访问图片
7 0