关于thymeleaf判断对象是否为空的相关逻辑处理

2024-11-28 14:35:39

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>

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

springboot中thymeleaf模板使用详解

这篇文章将更加全面详细的介绍thymeleaf的使用.thymeleaf 是新一代的模板引擎,在spring4.0中推荐使用thymeleaf来做前端模版引擎. thymeleaf介绍简单说, Thymeleaf 是一个跟 Velocity.FreeMarker 类似的模板引擎,它可以完全替代 JSP .相较与其他的模板引擎,它有如下三个极吸引人的特点: 1.Thymeleaf 在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页
IPSec VPN与SSL VPN技术对比

本文就IPSec VPN与SSL VPN技术进行详细的比较,以便各界用户能够更好的了解VPN的技术,选择合适的VPN产品. 有别于传统VPN的另外一种VPN实现技术是采用基于SSL的VPN.这种基于SSL的VPN提供了与IPSec VPN近似的安全性.由于讨论IPSec VPN的文章比较多,所以笔者在此就不再赘述,只是阐述SSL VPN的工作原理和两种技术的对比. SSL VPN如何工作 SSL VPN一般的实现方式是在企业的防火墙后面放置一个SSL代理服务器.如果用户希望安全地连接到公司网络上
Java基础总结之Thymeleaf详解

一.Thymeleaf语法标签在HTML页面上使用Thymeleaf标签,Thymeleaf 标签能够动态地替换掉静态内容,使页面动态展示.为了大家更直观的认识Thymeleaf,下面展示一个在HTML文件中嵌入了Thymeleaf的页面文件,示例代码如下: <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta
关于thymeleaf判断对象是否为空的相关逻辑处理

目录 thymeleaf 判断对象是否为空有关逻辑场景一场景二 Thymeleaf基础语法一.引用命名空间二.常用th标签三.Thymeleaf中的URL写法四.用Thymeleaf进行条件求值五.Switch 六.Thymeleaf中的字符串替换七.Thymeleaf的运算符八.Thymeleaf公用对象 thymeleaf 判断对象是否为空有关逻辑场景一在项目中,有时会遇到下面场景: 添加页面和编辑页面共用一个页面,而通过后台传来的对象来判断提示用户是编辑页面还是添加页
jquery判断对象是否为空并遍历对象的简单实例

javascript : if(document.getElementById("target_obj_id")){ } else { } jquery: 因为 $("#target_obj_id") 不管对象是否存在都会返回 object ,所以以上方法不行 1. var target_obj = jQuery('#target_obj_id'); if (target_obj.length > 0) { //如果大于0 标识 id 为target_obj_
freemarker判断对象是否为空的方法

FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP.它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等. freemarker中显示某对象使用${name}. 但如果name为null,freemarker就会报错.如果需要判断对象是否为空: <#if name??> -- </#if> 当然也可以通过设置默认值${name!''}来避免对象为空的错误.如果name为空,就以默认值("!"后的字
Java中判断对象是否为空的方法的详解

首先来看一下工具StringUtils的判断方法: 一种是org.apache.commons.lang3包下的: 另一种是org.springframework.util包下的.这两种StringUtils工具类判断对象是否为空是有差距的: StringUtils.isEmpty(CharSequence cs); //org.apache.commons.lang3包下的StringUtils类,判断是否为空的方法参数是字符序列类,也就是String类型 StringUtils.isEmpt
Java判断对象是否为空(包括null ,"")的方法

本文实例为大家分享了Java判断对象是否为空的具体代码,供大家参考,具体内容如下 package com.gj5u.publics.util; import java.util.List; /** * 判断对象是否为空 * * @author Rex * */ public class EmptyUtil { /** * 判断对象为空 * * @param obj * 对象名 * @return 是否为空 */ @SuppressWarnings("rawtypes") public
JS实现判断对象是否为空对象的5种方法

1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{}"); alert(b);//true 2.for in 循环判断 var obj = {}; var b = function() { for(var key in obj) { return false; } return true; } alert(b());//true 3.jquery的
Vue中如何判断对象是否为空

目录 Vue判断对象是否为空方法一方法二 Vue判断对象为空|cannot read property ‘xx‘ of undefined 结构体如下解决方法 v-for中的key理解 Vue判断对象是否为空方法一将对象转JSON,如果为空集合{} ,那么就是空对象 JSON.stringify(object)=='{}' 方法二判断对象的长度,如果为零,那就是空对象 Object.keys(object).length==0 Vue判断对象为空|cannot read proper
JavaScript中如何判断对象是否为空的方法

目录 Object.keys() 示例为什么需要额外判断对象的构造函数呢? 另一种边界情况总结在自己的日常开发中,一般使用Object.keys()来判断对象是否为空: const obj = {}; Object.keys(obj).length === 0 // true 则为空对象而在一篇文章中却是如此判断: const obj = {}; Object.keys(obj).length === 0 && obj.constructor === Object 为什么还要额外判
js中判断对象是否为空的三种实现方法

在写js脚本的时候经常遇到对象为空或者不是对象的情况,出现这种情况我们可以用if去判断它,然后去执行相应的处理方法,具体判断他们的方法有以下几种: 1.if (typeOf(x) == "undefined") 2.if (typeOf(x) != "object") 3.if(!x) 其中第三种是最简单的方法,但是第三种就不能用if(x)这种互斥的方法去判断,只能在对象前面加! java里面!x为true的时候x肯定为false了,但是这里
Javascript中判断对象是否为空

发现了一个巧妙的实现: 需要检查一个对象(Object)是否为空,即不包含任何元素.Javascript 中的对象就是一个字典,其中包含了一系列的键值对(Key Value Pair).检查一个对象是否为空,等价于检查对象中有没有键值对.写成代码,形如: if (isEmptyObject(obj)) { // obj is empty } else { // not empty } 至于 isEmptyObject 的实现,jQuery 中有一个很有想法的方式,请看代码: function i