SpringBoot集成thymeleaf在项目中的一些使用方法

1.添加jar包

2.添加配置

#为了后续给app项目配置热部署,若不需要使用热部署可不设置;

spring.thymeleaf.cache=false

spring.thymeleaf.encoding=UTF-8

3.项目结构

static放静态资源,如css,js;templates里面放html页面

4.html页面中的使用:

    1.使用相对路径

@{/}是Context相关的相对路径,在渲染时会自动添加上当前Web应用的Context名字,假设context名字为app,那么结果应该是/app/避免正式部署到服务器的路径问题。页面中直接使用如下:

假设url中有动态的数据,则可通过下面方式书写:

<a href="details.html" th:href="@{/order/{orderId}/details(orderId=${o.id})}">view</a>

    2.在js中使用

首先加上th:inline="javascript",其次使用[[]],在[[]]中可以使用${}el表达式,或者#{},*{}等,在这里我是请求url。注意[[]]解析后默认外层有"",所以不能写成"[[]]"

    3.接收后端传过来的请求域中参数

    4.满足条件就在下拉框中选择某一项

    5.满足一定条件选择单选按钮

以上是本人在项目中遇到较常用的,其他的使用后续补充。

猜你喜欢

转载自blog.csdn.net/weixin_38312502/article/details/81030469
今日推荐