Spring Boot入门(十二) 之 前端静态资源的引入 (webjars 以及 thymeleaf 视图解析器)

首先webjars其实就是以jar包的形式来引入静态资源,官网在此传送门
我们可以看到这里边的静态资源,点击这个maven就会出现maven的坐标
在这里插入图片描述
在这里插入图片描述
这样就可以直接在pom文件里边导入静态资源
当然我们自己写好的前端静态页面是要放入classpath:/templats/这个目录下的,没有templates可以手动建一个.
首先我们导入坐标
在这里插入图片描述

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

然后我们新建静态模板HTML页面,
在这里插入图片描述
比如我们在里边写一个success.html做测试,这样thymeleaf会自动解析帮忙寻找success.html去跳转
在这里插入图片描述

controller层这么写,注意这次是没有@ResponseBody这个注解的,主要是这样才可以跳转页面,否则是会把success直接打印到屏幕上的.
然后我们启动服务器
在这里插入图片描述
可以看到成功跳转
之前我们在写javaweb的时候使用的jsp,jsp支持很多嵌入的代码,比如c:for each c:if 这些可以很简单的在前端进行遍历的标签,在springboot弃用了jsp而改用thymeleaf

然后在前端页面加入头,它的作用是可以给你thymeleaf的语法提示
在这里插入图片描述

xmlns:th="http://www.thymeleaf.org"

controller层呢,我们给他传入参数就用一个map来存入
在这里插入图片描述
前端页面这里使用th:text="{ }"它的作用是给这个代码所在的标签里边填入数据,比如这个例子就是把后台的map里边的hello拿出来放入div中,后台的hello的值就是你好,就是这么传递过来的
在这里插入图片描述
这样就会发现又可以像jsp一样愉快的传递数据了,thymeleaf的标签远不止这一个,他有很多的标签可供使用,我们可以参考thymeleaf官网 传送门
在这里插入图片描述
点击doc可以查看文档
在这里插入图片描述
可在线读也可保存到本地在这里插入图片描述
里边有各种解释,当然还是要考验英文水平的哈

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值