美文网首页
jstl el js灵活使用(三种方案处理页面逻辑)

jstl el js灵活使用(三种方案处理页面逻辑)

作者: seemoonup | 来源:发表于2016-11-07 00:11 被阅读628次

场景描述:根据后台传入的值(value是否大于0)决定是否跳转(跳转地址vid-*)
备注:*为后台传入的value


.解决方案:
第一种方案:jstl
使用

<c:choose> <c:when test="${value > 0}"> <a href="vid-${value}" class="photo" target="_blank"> href </a></c:when> <c:otherwise> <a href="javascript:void(0);" class="photo" target="_blank"> href </c:otherwise> </c:choose>

使用jstl表达式来完成


第二种方案:el表达式+三目运算符

很显然使用第一种方式代码很臃肿,代码量太高
所以考虑能否使用el表达式中的三目运算符来解决这个问题
代码如下

<a href="${value > 0 ? 'vid-'+value : ''}; "

发现会报错 原因是三目运算符中不支持字符串的加减,只支持数字间的逻辑运算
这样就比较尴尬了;


第三种方案:将逻辑转移到js文件当中 将videoId传入js中进行处理判断

js代码如下
function redirectUrl(value){ if(value > 0) { window.location.href = "vid-"+value; } }
jsp代码如下
<a href="javascript:redirectUrl(${ value}); "

使用这种方案就解决了第二种方法不能够处理的问题

总结:有时候思路转变一下 就会得到一种比较合理的解决方案

相关文章

  • jstl el js灵活使用(三种方案处理页面逻辑)

    场景描述:根据后台传入的值(value是否大于0)决定是否跳转(跳转地址vid-*)备注:*为后台传入的value...

  • JSTL标签

    JSTL标签 JSTL是JSP的标准标签库,开发者可以使用JSTL实现JSP页面中逻辑处理。如循环、判断等、在JS...

  • 2018-06-25 el和jstl

    el主要是从域中获取数据,在页面输出数据 jstl主要是编写逻辑代码

  • jstl标签库

    一、jstl标签库 jstl是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言。js...

  • 18_EL & jstl

    概述 EL & jstlsh是初学当中比较难的小瓶颈 EL只负责简化取值,jstl只负责对EL的值进行逻辑处理(j...

  • 封装JSTL标签和项目的绝对路径,便于在每个页面使用

    在web页面开发的时候,每个页面或多或少的都会用到el表达式和jstl标签,在使用jstl标签的时候需要引用那个标...

  • JavaWeb之 JSTL

    JSTL jstl的概述 是apache的东西,依赖EL 使用jstl需要导入jstl1.2.jar【JSTL 1...

  • JavaWeb(第十二周)

    day13 一、JSTL标签库 1.什么是JSTL Apache的东西,依赖EL 使用JSTL需要导入jstl1....

  • 前端表达式

    EL与JSTL表达式 EL介绍 什么是EL 表达式语言 EL的功能 替代JSP页面中数据访问时的复杂编码 EL特点...

  • 大连滕泰科技学习笔2020-04-23

    1,El表达式initParam参数的使用 2,EL表达式存在的问题? 3,什么JSTL 3,1 JSTL环境搭建...

网友评论

      本文标题:jstl el js灵活使用(三种方案处理页面逻辑)

      本文链接:https://www.haomeiwen.com/subject/nfinuttx.html