SpringBoot之thymeleaf入门

首先简单介绍如何使用图标。先添加配置spring.mvc.favicon.enabled=true,开启图标使用,然后再在static下放置图标文件favicon.ico,命名最好不要改,这样首页图标就是下图:

theymeleaf入门:

SpringBoot的前端页面一般放在templates目录下,即模板,其中的页面不再为SpringMVC的jsp页面,而是html页面,Controller类中的方法返回的字符串名,即为页面名。导入thymeleaf依赖:

<!-- thymeleaf相关jar包 -->
<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf-spring5</artifactId>
    <version>3.0.10.RELEASE</version>
</dependency>

<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-java8time</artifactId>
    <version>3.0.0.RELEASE</version>
</dependency>

在html文件中导入thymeleaf的命名空间:

<html lang="en" xmlns:th="http://www.thymeleaf.org">

然后html中的所有元素即可被thymeleaf接管,使用方法为 th:属性名,以下是使用thymeleaf接管div的text属性:

<div th:text="${msg}"></div>

其中msg是后端传来的数据(使用$符号获取数据的方式与SpringMVC一样):

@RequestMapping("/index")
public String toMainPage(Model model) {
    model.addAttribute("msg", "Hello, SpringBoot!");
    return "index";
}

下面是使用thymeleaf循环遍历列表的例子 :

<div th:each="user:${users}" th:text="${user}"></div>

再谈谈简化Controller:有时候实现一个特定请求的跳转页面很麻烦,要写一个Controller一个方法,返回页面名,为了简化,可以自定义配置类继承WebMvcConfigurer,覆写addViewControllers方法:

@Configuration
public class MyConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
    }
}

上述方法表示"/"请求,直接跳转到index.html页面,即首页,而且可以继续配置其他特定请求跳转到特定页面,解决了每新增一个请求就要多写一个方法的问题。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值