springboot resources路径_Spring Boot从入门到精通-页面模板thymeleaf

在web大行其道的今天,有了接口之后最好的展示方式就是用页面。而Spring Boot中对于模板页有良好的支持。下面我们来介绍Spring Boot推荐的模板 thymeleaf。

  • 首先在pom.xml中加入依赖:
org.springframework.boot spring-boot-starter-thymeleaf

需要注意,为了让thymeleaf识别一个模板,你必须使用下面的html头标签:

...
  • 引入javascript

首先我们在resources目录下新建templates文件夹和static文件夹。

关于这两个文件夹,在Spring Boot中,静态资源默认是访问resources下的static文件夹,动态html资源默认是访问resourcess目录下的templates。当然这两个默认路径可以再application.yml中进行配置,一般我们都使用默认路径。由于我们需要的是一个由Spring Boot生成的动态模板页,因此在templates下新建demo1.html。

由于动态模板页需要先经过后台接口,然后才返回一个html页面到前端,因此在controller文件夹下新建ThymeleafController.java。

@Controllerpublic class ThymeleafController { @GetMapping("/thymeleaf") public String testMapper() { return "demo1"; }}

注意我们使用了@Controller而不是@RestController。具体的区别请查看Spring Boot从入门到精通-注解详解。

写了一个路径为/thymeleaf的接口,该接口直接返回了一个值为我们需要返回的html的名字的字符串。

目录结构如下:

6c93a6d95d7940e4a7ee70fb2f89ec54

目录结构

  • 引入普通文本:th:text

hello world!

  • 引入变量: ${变量名}
  • 变量名由后台传递给前端,因此需要修改接口。
@GetMapping(value = "thymeleaf") public String articleInfo(Model model) { model.addAttribute("data
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值