目录
- thymeleaf 判断对象是否为空有关逻辑
- 场景一
- 场景二
- Thymeleaf基础语法
- 一、引用命名空间
- 二、常用th标签
- 三、Thymeleaf中的URL写法
- 四、用Thymeleaf进行条件求值
- 五、Switch
- 六、Thymeleaf中的字符串替换
- 七、Thymeleaf的运算符
- 八、Thymeleaf公用对象
thymeleaf 判断对象是否为空有关逻辑
场景一
在项目中,有时会遇到下面场景:
添加页面和编辑页面共用一个页面,而通过后台传来的对象来判断提示用户是编辑页面还是添加页面,而编辑页面要使用这个对象的,添加页面用不到。在此记录下自己遇到的问题,看到了别人的博客才解决了
@RequestMapping(path = {"/add", "edit"}, method = {RequestMethod.GET}) public String addOrEdit(Model model, @RequestParam(name = "postId", required = false) Long postId) { if (!StringUtils.isEmpty(postId)) { UserLoginResult userLoginResult = (UserLoginResult) SecurityUtils.getSubject().getPrincipal(); PostVO postVO = postService.findOnePostVO(postId); Assert.isTrue(postVO != null, "该帖子已被删除"); Assert.isTrue(postVO.getUserId().longValue() == userLoginResult.getId().longValue(), "没有权限操作"); model.addAttribute("post", postVO); } List<Category> categoryList = categoryService.findCategoryAllOfName(); model.addAttribute("list", categoryList); return "jie/add"; } }
前后使用了 th:if,th:switch,三目运算符等无法实现,目前来说这样可以实现
<!-- 正确写法可以实现 --> <li class="layui-this" th:text="${post != null?'编辑页面':'添加页面'}"></li> <!-- 无法实现 --> <li class="layui-this" th:text="${post} ne 'null'?'编辑页面':'添加页面'"></li>
场景二
对于上述编辑页面,要使用后台数据进行下拉框的填充。而添加页面无需下拉框数据的填充。由于二者是公用一个页面,解决如下,记录一下
<div class="layui-input-block"> <select lay-verify="required" name="categoryId" lay-filter="column"> <option></option> <!-- 此处遍历 --> <option th:each="category:${categoryList}" th:value="${category.id}" th:text="${category.categoryName}" <!-- 加了这个 ‘?' 用于判断 --> th:selected="${category.id} == ${post?.categoryId}"> </option> </select> </div>
th:selected="${category.id} == ${post?.categoryId}"
当在编辑页面时,下拉框时需要数据填充,并根据条件选中某一项数据
当在添加页面时,是不需要数据的。此时就要下拉框取消选中
这个 ? 就是为了判断对象是否为空,如果为空就不会渲染页面(下拉框选中)
Thymeleaf基础语法
一、引用命名空间
要使用Thymeleaf,则需要先加入依赖,然后在模板文件中引用命名空间如下:
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
二、常用th标签
1. th:text
<div th:text="${name}">name</div>
它用于显示控制器传入的name值
如果name不存在,要显示默认值,则使用一下代码
<span th:text="${name}?:'默认值'"></span>
2. th:object
它用于接收后台传过来的对象,如以下代码:
<th:obejct="${user}">
3. th:action
它用来指定表单提交地址
<form th:action="@{/article}+${article.id}" method="post"></form>
4. th:value
它用对象将id的值替换为value的属性
<input type="text" th:value="${article.id}" name="id" />
5. th:field
它用来绑定后台对象和表单数据。Thymeleaf里的“th:field”等同于“th:name”和“th:value”,其具体使用方法见以下代码
<input type="text" id="title" name="title" th:field="${article.title}" /> <input type="text" id="title" name="title" th:field="*{title}" />
三、Thymeleaf中的URL写法
Thymeleaf是通过语法@{…}来处理URL的,需要使用“th:href”和“th:src”等属性,如以下代码
<a th:href="@{http://eg.com}/" rel="external nofollow" >绝对路径</a> <a th:href="@{/}" rel="external nofollow" >相对路径</a> <a th:href="@{css/bootstrap.min.css}/" rel="external nofollow" >默认访问static下的css文件夹</a>
四、用Thymeleaf进行条件求值
Thymeleaf通过“th:if”和“th:unless”属性进行条件判断。在下面的例子中,<a>标签只有在“th:if”中的条件成立时才显示。
<a th:href="@{/login}" rel="external nofollow" rel="external nofollow" th:if=${session.user == null}>Login</a>
“th:unless”与“th:if”恰好相反——只有当表达式中的条件不成立时才显示其内容。在下方代码中,如果用户session为空,则不显示登录链接
<a th:href="@{/login}" rel="external nofollow" rel="external nofollow" th:unless=${session.user == null}>Login</a>
五、Switch
Thymeleaf支持Switch结构,如以下代码
<div th:switch="${user.role}"> <p th:case="admin">管理员</p> <p th:case="vip">vip会员</p> <p th:case="*">普通会员</p> </div>
上述代码的意思是:如果用户角色(role)是admin,则显示“管理员”;如果用户角色是vip,则显示“vip会员”;如果都不是,则显示“普通会员”,即使用“*”表示默认情况。
六、Thymeleaf中的字符串替换
有时需要对文字中的某一处地方进行替换,可以通过字符串拼接操作完成,如以下代码:
<span th:text="'欢迎您,' + ${name} + '!'"></span>
或,
<span th:text="|欢迎您,${name}!|"></span>
上面的第2种形式限制比较多,|…|中只能包含变量表达式${…},不能包含其它常量、条件表达式等
七、Thymeleaf的运算符
1. 算数运算符
如果要在模板中进行算数运算,则可以用下面的写法。以下代码表示求加和取余运算
<span th:text="1+3">1 + 3</span><br/> <span th:text="9%2">9 % 2</span><br/>
2. 条件运算符th:if
下方代码演示了if判断,表示:如果从控制器传来的role值等于"admin",则显示”欢迎您,管理员“;如果role值等于”vip“,则显示”欢迎您,vip会员“
<div th:if="${role} eq admin"> <span>欢迎您,管理员</span> </div> <div th:if="${role} eq vip"> <span>欢迎您,vip会员</span> </div>
eq是判断表达式,代表等于。其它的判断表达式如下
gt
:大于ge
:大于或等于eq
:等于lt
:小于le
:小于或等于ne
:不等于
3. 判断空值
判断不为空:
<sapn th:if="${name} != null">不为空</span>
判断为空
<sapn th:if="${name} == null">为空</span>
八、Thymeleaf公用对象
Thymeleaf还提供了一系列公用(utility)对象,可以通过”#“直接访问,如以下用法:
格式化时间
<td th:text="${#date.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}">格式化时间</td>
判断是不是空字符串
<span th:if="${#strings.isEmpty(name)}">空的</span>
是否包含(分大小写)
<span th:if="${#strings.contains(name,'long')}">包含long</span>
以上为个人经验,希望能给大家一个参考,也希望大家多多支持自由互联。