动态页面技术(EL/JSTL)
EL技术
EL 表达式概述
EL(Express Lanuage)表达式可以嵌入在jsp页面内部,减少jsp脚本的编写,EL出现的目的是要替代jsp页面中脚本(java代码)的编写。
EL从域中取出数据(EL最重要的作用)
jsp脚本:<%=request.getAttribute(name)%>
①EL表达式替代上面的脚本:${requestScope.name}
②EL最主要的作用是获得四大域中的数据,格式${EL表达式}
③EL获得pageContext域中的值:${pageScope.key};
④EL获得request域中的值:${requestScope.key};
⑤EL获得session域中的值:${sessionScope.key};
⑥EL获得application域中的值:${applicationScope.key};
EL从四个域中获得某个值${key};
---同样是依次从pageContext域,request域,session域,application域中获取属性,在某个域中获取后将不在向后寻找
1)获得普通字符串
2)获得User对象的值
3)获得List<User>的值
<!-- 模拟域中的数据 --> <% pageContext.setAttribute("name", "pageContxt"); //存储字符串 request.setAttribute("name", "request"); //存储一个对象 Users user=new Users(); user.setId(1); user.setUsername("lisi"); user.setPwd("123"); session.setAttribute("user", user); //存储一个集合 List<Users> list=new ArrayList<Users>(); Users user1=new Users(); user1.setId(1); user1.setUsername("wangwu"); user1.setPwd("123"); list.add(user1); Users user2=new Users(); user2.setId(1); user2.setUsername("zhaoliu"); user2.setPwd("123"); list.add(user2); application.setAttribute("List", list); %> <hr> <!-- 使用脚本取出域中的值 --> <%=request.getAttribute("name") %> <%Users u=(Users)session.getAttribute("user"); out.write(u.getUsername()); %> <hr> <!-- 使用EL表达式取出域中的值 --> ${requestScope.name} ${sessionScope.user.username} ${applicationScope.List[0].pwd} <hr> <!-- 使用el表达式 全域查找(会从最小的找,底层就是findAttribute()) --> ${name } ${user.username} ${List[0].pwd}
EL的内置对象11个
①pageScope,requestScope,sessionScope,applicationScope
---- 获取JSP中域中的数据
②param,paramValues - 接收参数.
相当于request.getParameter() request.getParameterValues()
③header,headerValues - 获取请求头信息
相当于request.getHeader(name)
④initParam - 获取全局初始化参数
相当于this.getServletContext().getInitParameter(name)
⑤cookie - WEB开发中cookie
相当于request.getCookies()---cookie.getName()---cookie.getValue()
Form.html <form action="/WEB02/form.jsp" method="get"> <input type="text" name="username"> <input type="text" name="password"> <input type="submit" value="提交"> </form>
Form.jsp <!-- 获得表单的参数 --> <% request.getParameter("username"); //..... %> <!-- 使用EL获得参数 --> ${param.username } ${header["User-Agent"] } ${cookie.abc.value } <!-- 通过el表达式获得request对象 --> <%--${requestScope } --%> ${pageContext.request }
Cookie.jsp <% Cookie cookie=new Cookie("abc","zhangsan"); response.addCookie(cookie); %>
Index.jsp <form action="${pageContext.request.contextPath }/form.jsp" method="get"> <input type="text" name="username"> <input type="text" name="password"> <input type="submit" value="提交"> </form>
pageContext - WEB开发中的pageContext.
pageContext获得其他八大对象
${pageContext.request.contextPath}
EL执行表达式
例如:
${1+1}
${empty user}
${user==null?true:false}
JSTL技术
JSTL概述
JSTL(JSP Standard Tag Library),JSP标准标签库,可以嵌入在jsp页面中使用标签的形式完成业务逻辑等功能。
jstl出现的目的同el一样也是要代替jsp页面中的脚本代码。JSTL标准标准标签库有5个子库,但随着发展,目前常使用的是他的核心库
JSTL下载与导入
JSTL下载:
从Apache的网站下载JSTL的JAR包。进入“http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/”网址下载 JSTL的安装包。
jakarta-taglibs-standard-1.1.2.zip,然后将下载好的JSTL安装包 进行解压,此时,在lib目录下可以看到两个JAR文件,分别为jstl.jar和standard.jar。
其中,jstl.jar文件包含JSTL规范中定义的接口和相关类,standard.jar文件包含用于 实现JSTL的.class文件以及JSTL中5个标签库描述符文件(TLD)
将两个jar包导入我们工程的lib中
使用jsp的taglib指令导入核心标签库
JSTL核心库的常用标签
1)<c:if test=””>标签
其中test是返回boolean的条件
<%request.setAttribute("count", 10); %> <!--jstl标签经常会和el配合使用 --> <!-- test代表的返回boolean的表达式 --> <c:if test="${count==10 }"> xxxx </c:if>
Index.jsp <!-- 用户没有登陆 --> <c:if test="${empty user }"> <a href="login.jsp">登陆</a> <a href="register.jsp">注册</a> </c:if> <!-- 用户已经登陆 --> <c:if test="${!empty user }"> <span>${user.name }</span> <a href="#">退出</a> </c:if>
Ceshi.jsp <% //模拟用户已经登录成功 User user=new User(); user.setId(100); user.setName("张三"); user.setPwd("123"); session.setAttribute("user", user); %>
2)<c:forEach>标签
使用方式有两种组合形式:
<!-- 模拟增强for productList---List<Product> for(Product product:productList){ System.out.print(product.getName()); } -->
<!-- items:一个集合或数组(从域中选) var:代表集合中的某一个元素 --> <c:forEach items="${productList }" var="pro"> ${pro.name } </c:forEach> <c:forEach items = "${map}" var="entry">
${entry.key }->${entry.value.name }<br>
</c:forEach>
事例:
<!-- 取集合list中的值 -->
<c:forEach items="${userlist}" var="user">
${user.name }...${user.age }<br>
</c:forEach>
<!-- 取集合map中的值 -->
<c:forEach items="${usermap }" var="entry">
${entry.key }...${entry.value }<br>
</c:forEach>
<!-- 嵌套取值 -->
<c:forEach items="${usermap}" var="entry">
${entry.key}...${entry.value}<br>
<c:forEach items="${entry.value}" var="entry1">
${entry1.key}...${entry1.value}<br>
</c:forEach>
</c:forEach>
<!-- 打印三角形 -->
<c:forEach begin="0" end="4" var="i">
<c:forEach begin="0" end="${i }" var="j">
<%System.out.print("*");%>
</c:forEach>
<%System.out.println();%>
</c:forEach>
动态页面技术(EL/JSTL)的更多相关文章
- 动态页面技术----EL技术、JSTL技术,javaEE的开发模式
1 EL技术 1.1 EL 表达式 EL(Express Lanuage)表达式可以嵌入在jsp页面内部,减少jsp脚本的编写, EL出现的目的是要替代jsp页面中脚本的编写,就是简化java代码. ...
- 动态页面技术EL
1.EL概述: EL表达式可以嵌入再JSP页面内部,减少JSP脚本的编写 EL出现的目的是要替代JSP页面中脚本的编写 EL最重要的作用就是从域中取出数据: 引入: JSP中<%=request ...
- 动态页面技术JSP/EL/JSTL
本节内容: jsp脚本和注释 jsp运行原理 jsp指令(3个) jsp内置/隐式对象(9个) jsp标签(动作) EL技术 JSTL技术 JavaEE的开发模式 动态页面技术:就是在html中嵌入j ...
- JavaEE之动态页面技术(JSP/EL/JSTL)
动态页面技术(JSP/EL/JSTL) JSP技术 jsp脚本和注释 jsp脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部 2)<%= ...
- java ->动态页面技术(JSP)
动态页面技术(JSP/EL/JSTL) JSP技术 jsp脚本和注释 jsp脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部 2)<%= ...
- JavaWeb之动态页面技术JSP/EL/JSTL
一.JSP技术 1.jsp脚本和注释 jsp脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部 2)<%=java变量或表达式> - ...
- Java第三阶段学习(十四、JSP动态页面、EL表达式、JSTL标签库)
一.JSP技术 1.jsp脚本和注释 jap脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部,比如写在doget.dopost 内的代码 2) ...
- 动态页面技术----JSP技术
1995年java诞生,没有jsp,只有Servlet, Servlet开发:Servlet上嵌套html代码,非常繁琐. 1998年,出现jsp,方便写html代码,并且可以在html代码中嵌套ja ...
- 动态页面技术(JSP)
JSP技术 jsp脚本和注释 jsp脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部 2)<%=java变量或表达式> ----- ...
随机推荐
- Redis系列(八):发布与订阅
Redis的发布与订阅,有点类似于消息队列,发送者往频道发送消息,频道的订阅者接收消息. 1. 发布与订阅示例 首先,在本机开启第1个Redis客户端,执行如下命令订阅blog.redis频道: SU ...
- day73 bbs项目☞基本功能实现
目录 一.登录功能 二.首页搭建 三.admin后台管理 四.图片防盗链 五.个人站点展示 一.登录功能 views.py 0难度,都是基本操作,要熟悉auth模块的使用 # 登录功能 def log ...
- element-ui 表单校验 Rules 配置 常用黑科技
type 指示type要使用的验证器.可识别的类型值为: string:类型必须为string.type 默认是 string // 校验 string: [ {type: 'string', mes ...
- 阿里云OSS 服务端签名后直传之分片上传(结合element-ui的upload组件)
分片上传(结合element-ui的upload组件实现自定义上传) async uploadFree(content){ let data = await this.getOssToken(); / ...
- (一)pandas的两种对象
将鱼图像数据进行操作,使用numpy知识 import numpy as np import matplotlib.pyplot as plt %matplotlib inline #咱们可以不用sh ...
- 数据可视化之powerBI基础(九)Power BI中的“新表”,你会用吗?
https://zhuanlan.zhihu.com/p/64413703 通常情况下,在PowerBI进行分析的各种数据表都是从外部的各种数据源导入进来的,但并不总是如此,某些情况下在PowerBI ...
- 数据可视化之PowerQuery篇(八)利用PowerQuery,进行更加灵活的数据分列
https://zhuanlan.zhihu.com/p/66540160 常规分列 我们最常见的就是有固定分隔符的规范数据,这种直接就按照分隔符拆分就可以了, 如果没有分割符怎么办?依然是上面的数据 ...
- golang | Go语言入门教程——结构体初始化与继承
本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是golang专题第10篇文章,我们继续来看golang当中的面向对象部分. 在上一篇文章当中我们一起学习了怎么创建一个结构体,以及怎么 ...
- 响应式布局rem、rem方法封装、移动端响应式布局
相信大家在做移动端的时候都会做各个手机的适配这种适配就是响应式布局在之前做网站的响应式从pc到手机用的是媒体查询 @media screen and (max-width: 300px){} 最大宽度 ...
- 邂逅Vue.js
1.简单认识一下Vue.js Vue (读音 /vjuː/,类似于 view),不要读错. Vue是一个渐进式的框架,什么是渐进式的呢? p渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更 ...