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

简单描述：今天看老大提交的代码了，看到页面的时候，有一个地方使我眼前一亮，琢磨了一小下下，觉得真的是很巧妙了，老大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