三目(元)运算符的应用,尤其是在前台更是妙用!!!

简单描述:今天看老大提交的代码了,看到页面的时候,有一个地方使我眼前一亮,琢磨了一小下下,觉得真的是很巧妙了,老大NB,^_^,废话不多说了,直接上代码:

代码:

<tr th:each="xxx : ${list}">
<td th:text="${xxx.xxxName}">XX名称</td>
<td th:text="${xxx.xxxCode}">XX编码</td>
<td th:text="${xxx.xxxParentName eq null}? '':${org.xxxParentName} ">父XX名称</td> //这里用三目运算符 来判断从后台的list中取出的父XX是否为null?如果不是就取值
</tr>

<td style="text-align: center !important;">
<i th:class="${res.hide eq '0'}?'fa fa-eye':'fa fa-eye-slash'"
th:title="${res.hide eq '0'}?'显示':'隐藏'">
</i>
</td>

总结一下:讲真的,三目运算符 我好像基本上都没怎么用,用得少的也都是用在了后台,前台这么判断的,真的是给我眼前一亮的感觉,get下来!!!

     后来我去查了一下,为什么在前台来做这些:因为逻辑需要计算资源进行计算,前台可以完成的操作,如果放到后端去执行,则会消耗带宽&内存&cpu等等计算资源,要知道服务端的计算资源是有限的,而如果放到前端,使用的是客户端的计算资源,这样你的服务端负载就会下降(高并发场景)。类似于数据校验这种,前后端都需要做!

     

原文地址:https://www.cnblogs.com/xuchao0506/p/9565304.html