外貌相似工具用法的坑

最近时间学vue的for循环用法,与前一段时间学过的JSTL中的foreach循环 混淆的很厉害,搞不清楚了,所以专门把学过的几种工具再分开详细比较一下

一.EL表达式、JSTL标签库 和 vue的关系

1.EL表达式:

(1). EL表达式是在jsp中显示结果的语言,
(2). 设置属性:pageContext.setAttribute(“名称”, Object); // 把内容起一个名字放入作用域,之后就可以通过EL表达式 ${pageScope.名称}获取属性的值。
(3).注意:el表达式通过 ${对象.属性名}这里的属性名,依据是对象的get方法,而不是私有属性名,把get方法中get去掉(或把is方法的is去掉),剩余的单词首字母小写,作为对象的属性名
(4).
1)语法结构
${expression}
2)[].运算符
EL 提供.[]两种运算符来存取数据。
当要存取的属性名称中包含一些特殊字符,如.?等并非字母或数字的符号,就一定要使用 []。
例如:
${user.name}应当改为${user["name"] }
如果要动态取值时,就可以用[]来做,而.无法做到动态取值。例如:
${sessionScope.user[data]}中data 是一个变量
3)变量
EL存取变量数据的方法很简单,例如:${username}。它的意思是取出某一范围中名称为username的变量。
因为我们并没有指定哪一个范围的username,所以它会依序从Page、Request、Session、Application范围查找。
假如途中找到username,就直接回传,不再继续找下去,但是假如全部的范围都没有找到时,就回传null。

     属性范围在EL中的名称
         Page         PageScope
         Request         RequestScope
         Session         SessionScope
         Application     ApplicationScope

4) ①EL表达式用${}表示,可用在所有的HTML和JSP标签中作用是代替JSP页面中复杂的JAVA代码.
②EL表达式可操作常量, 变量隐式对象. 最常用的 隐式对象有${param}${paramValues}.
${param}:表示返回请求参数中单个字符串的值.
${paramValues}:表示返回请求参数的一组
值.pageScope:表示页面范围的变量.
requestScope:表示请求对象的变量.
sessionScope:表示会话范围内的变量.
applicationScope:表示应用范围的变量.
<%@ page isELIgnored="true"%> 表示是否禁用EL语言,TRUE表示禁止.FALSE表示不禁
止.JSP2.0中默认的启用EL语言.
④ EL语言可显示 逻辑表达式如${true and false}结果是false
关系表达式如${5>6} 结果是fals
算术表达式如 ${5+5}结果是10
⑤EL中的变量搜索范围是:page, request, session, application 点运算符(.)"[ ]"都是
表示获取变量的值.区别是:[ ]可以显示非词类的变量

(5)EL隐含对象
1)与范围有关的隐含对象
与范围有关的EL 隐含对象包含以下四个:pageScoperequestScopesessionScopeapplicationScope
它们基本上就和JSP的pageContextrequestsessionapplication一样;
在EL中,这四个隐含对象只能用来取得范围属性值,即getAttribute(String name),却不能取得其他相关信息。
例如:我们要取得session中储存一个属性username的值,可以利用下列方法:
session.getAttribute("username") 取得username的值,
在EL中则使用下列方法
${sessionScope.username}
2)与输入有关的隐含对象
与输入有关的隐含对象有两个:param和paramValues,它们是EL中比较特别的隐含对象。
例如我们要取得用户的请求参数时,可以利用下列方法:
request.getParameter(String name)
request.getParameterValues(String name)
在EL中则可以使用param和paramValues两者来取得数据。
${param.name}
${paramValues.name}

3.其他隐含对象
1)cookie
JSTL并没有提供设定cookie的动作,
例:要取得cookie中有一个设定名称为userCountry的值,可以使用${cookie.userCountry}
取得它。
2)headerheaderValues
header 储存用户浏览器和服务端用来沟通的数据
例:要取得用户浏览器的版本,可以使用${header[“User-Agent”]}。
另外在鲜少机会下,有可能同一标头名称拥有不同的值,此时必须改为使用headerValues 来取得
这些值。
3)initParam
initParam取得设定web站点的环境参数(Context)
例:一般的方法String userid = (String)application.getInitParameter("userid");
可以使用 ${initParam.userid}来取得名称为userid
4)pageContext
pageContext取得其他有关用户要求或页面的详细信息。

${pageContext.request.queryString}         取得请求的参数字符串
${pageContext.request.requestURL}         取得请求的URL,但不包括请求之参数字符串
${pageContext.request.contextPath}         服务的web application 的名称
${pageContext.request.method}           取得HTTP 的方法(GET、POST)
${pageContext.request.protocol}         取得使用的协议(HTTP/1.1、HTTP/1.0)
${pageContext.request.remoteUser}         取得用户名称
${pageContext.request.remoteAddr }         取得用户的IP 地址
${pageContext.session.new}             判断session 是否为新的
${pageContext.session.id}               取得session 的ID
${pageContext.servletContext.serverInfo}   取得主机端的服务信息

4) 条件标签>
1.算术运算符有五个:+、-、*或$、/或div、%或mod
2.关系运算符有六个:==或eq、!=或ne、<或lt、>或gt、<=或le、>=或ge
3.逻辑运算符有三个:&&或and、||或or、!或not
4.其它运算符有三个:Empty运算符、条件运算符、()运算符
例:${empty param.name}${A?B:C}${A*(B+C)}
5) EL函数(functions)
语法:ns:function( arg1, arg2, arg3 …. argN)
其中ns为前置名称(prefix),它必须和taglib 指令的前置名称一置
6) 补充:

<%@taglib prefix="c"http://java.sun.com/jstl/core_rt">http://java.sun.com/jstl/core_rt" %>
FOREACH:
forEach items="${messages}"
var="item"
begin="0"
end="9"
step="1"
varStatus="var">
……
forEach>
OUT:
"/${logininfo.username}"/>

c:out>将value 中的内容输出到当前位置,这里也就是把logininfo 对象的
username属性值输出到页面当前位置。
${……}是JSP2.0 中的Expression Language(EL)的语法。它定义了一个表达式,
其中的表达式可以是一个常量(如上),也可以是一个具体的表达语句(如forEach循环体中
的情况)。典型案例如下:
${logininfo.username}
这表明引用logininfo 对象的username 属性。我们可以通过“.”操作符引
用对象的属性,也可以用“[]”引用对象属性,如${logininfo[username]}
${logininfo.username}达到了同样的效果。
**“[]”引用方式的意义在于,如果属性名中出现了特殊字符,如“.”或者“-”,
此时就必须使用“[]”获取属性值以避免语法上的冲突(系统开发时应尽量避免这一现象的出现)。**
与之等同的JSP Script大致如下:

LoginInfo logininfo =
(LoginInfo)session.getAttribute(“logininfo”);
String username = logininfo.getUsername();

可以看到,EL大大节省了编码量。
这里引出的另外一个问题就是,EL 将从哪里找到logininfo 对象,对于
${logininfo.username}这样的表达式而言,首先会从当前页面中寻找之前是否定义了变量logininfo,如果没有找到则依次到RequestSession
Application 范围内寻找,直到找到为止。如果直到最后依然没有找到匹配的
变量,则返回null.
如果我们需要指定变量的寻找范围,可以在EL表达式中指定搜寻范围:

${pageScope.logininfo.username}
${requestScope.logininfo.username}
${sessionScope.logininfo.username}
${applicationScope.logininfo.username}

在Spring 中,所有逻辑处理单元返回的结果数据,都将作为Attribute 被放
置到HttpServletRequest 对象中返回(具体实现可参见Spring 源码中
org.springframework.web.servlet.view.InternalResourceView.
exposeModelAsRequestAttributes方法的实现代码),也就是说Spring
MVC 中,结果数据对象默认都是requestScope。因此,在Spring MVC 中,
以下寻址方法应慎用:

${sessionScope.logininfo.username}
${applicationScope.logininfo.username}
? ${1+2}
结果为表达式计算结果,即整数值3。
? ${i>1}
如果变量值i>1的话,将返回bool类型true。与上例比较,可以发现EL会自
动根据表达式计算结果返回不同的数据类型。
表达式的写法与java代码中的表达式编写方式大致相同。
IF / CHOOSE:
<c:if test="${var.index % 2 == 0}">
*
c:if>
判定条件一般为一个EL表达式。
<c:if>并没有提供else子句,使用的时候可能有些不便,此时我们可以通过<c:choose>
tag来达到类似的目的:
<c:choose>
<c:when test="${var.index % 2 == 0}">
*
c:when>
<c:otherwise>
!
c:otherwise>
c:choose>
类似Java 中的switch 语句,<c:choose>提供了复杂判定条件下的简化处理手法。其
中<c:when>子句类似case子句,可以出现多次。上面的代码,在奇数行时输出“*”号,
而偶数行时输出“!”。
经验:1、如果EL表达式无法解析:– <%@ page isELIgnored="false" %>

2.JSTL标签库

1.导入jstl.jar包

2.配合EL表达式,完成复杂jsp页面的编

循环标签主要实现迭代操作。主要包含两个标签:和标签,接下来将详细介绍这两个标签的用法。
(1)、标签:该标签根据循环条件遍历集合(Collection)中的元素。

<c:forEach var=”name” items=”Collection” varStatus=”StatusName” begin=”begin” end=”end” step=”step”>  
    所有内容  
c:forEach>  

说明:

        1)items:是集合,用EL表达式;
       2)var:变量名,存放items
       3)varStatus: 显示循环状态的变量
                    ①index:从0开始;
                     ②count:元素位置,从1开始;
                     ③first:如果是第一个元素则显示true;
                     ④last:如果是最后一个元素则显示true;
       4)begin:循环的初始值(整型);
       5)end: 循环结束 ;
       6)step:步长,循环间隔的数值;

(2)、标签:该标签用于浏览字符串,并根据指定的字符将字符串截取。

【参数说明】
I、items指定被迭代的字符串。
II、delims指定使用的分隔符。
III、var指定用来存放遍历到的成员。
IV、begin指定遍历的开始位置(int型从取值0开始)。
V、end指定遍历结束的位置(int型,默认集合中最后一个元素)。
VI、step遍历的步长(大于0的整型)。
VII、varStatus存放遍历到的成员的状态信息。

可参考EL和JSTL的原文:详细地址

3.vue:

vue是js的开发框架,
vue中的循环整理:
(1).列表渲染
v-for可以把数据中的一个数组对应为一组元素
v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名。

  • for="item in items">{{item.text}}
  • data:{ items:[ {text:"第一组"}, {text:"第二组"}, {text:"第三组"}, ] }

    输出HTML

    第一组
    第二组
    第三组
    b.第二个参数为当前的索引


  • {{ index }} - {{ item.text }}

  • (2).一个对象的 v-for
    v-for 通过一个对象的属性来迭代。

  • for="item of items"> {{item}}
  • data:{ items:{ text1:"第一组", text2:"第二组", text3:"第三组", } }

    第二个的参数为键名:

    <li v-for="(item,key) of items">
        {{key}} : {{item}}
    li>
    输出HTML
    
    text1 : 第一组
    text2 : 第二组
    text3 : 第三组

    (3)Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。
    这些方法如下:

    push()
    pop()
    shift()
    unshift()
    splice()
    sort()
    reverse()

    (4).一段取值范围的 v-for

    <div>
        <span v-for="n in 10">{{ n }} span>
    div>

    输出HTML
    1 2 3 4 5 6 7 8 9 10

    你可能感兴趣的:(Java)