码匠社区笔记

Thymeleaf 知识点

静态资源

• 在IDEA中将css.js放在resource/static下,直接拖到html中即可完成快速添加
• 样式不显式:因为是采用相对路径来引用资源的
• 如:在/publish.html的l引用资源路径是("/")根,没问题
• 但当是二级路径/publish/index.html.此时的引用路径依旧是("/")根,但是需要的是"/publish/"
• 解决:动态引用 th:href="@{/css/oostatrap.css}"
• 兼顾查看静态页面无样式:< link th:href="@{/css/oostatrap.css}" href="…/static/css/bootstrap.css" />
• Bootstrap要先引用Jquery,后引用bootstrap.min.js

数据回显

 model.addAttribute("title","这是标题");

//文本回显
<input th:value="${title}">
<textarea th:text="${title}">

//片段
<div th:fragment="foot" class="tooter"></div>
//使用
<div th:insert="~{footer::foot}"></div>

//java中设置数据request.getServletContext().setAttribute("redirectUri", redirectUri);

//获取内置数据
<a th:href="@{https://github.com/login/oauth/authorize(client_id='',redirect_uri=${#httpServletRequest.getServletContext().getAttribute('redirectUri')},scope='user',state=1)}">登录</a>

//拼接
<a th:href="${'#'+selectCategory.categoryName} />
//结果 href="#开发语言" 


//循环
th:each="tag : ${question.tag.split(',')}"
//if 配合session
<li th:if="${session.user != null}" />
//设置class(会覆盖)
 th:class="${sort == 'new' || sort == '' ? 'active':''}" 
//设置src
 th:src="${question.user.avatarUrl}"
 
//设置href
th:href="@{'/publish/'+${question.id}}" 
th:href="@{/(sort='new')}"