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>
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。