30.JSTL与EL表达式

1.初识EL表达式

image.png

1.1 简单认识EL

//Stduent.java
package com.imooc.el;

public class Student {
    public String name;
    public String mobile;
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getMobile() {
        return mobile;
    }
    public void setMobile(String mobile) {
        this.mobile = mobile;
    }
    
    
}
//StduentServlet.java
package com.imooc.el;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class StduentServlet
 */
@WebServlet("/StduentServlet")
public class StduentServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public StduentServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        Student stu = new Student();
        stu.setName("hachiman");
        stu.setMobile(null);
        String grade = "A";
        request.setAttribute("student", stu);
        request.setAttribute("grade", grade);
        request.getRequestDispatcher("/el_info.jsp").forward(request, response);
        
    }

}

用普通的jsp表达式

//info.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="com.imooc.el.Student"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <% 
        Student stu = (Student)request.getAttribute("student");
        String grade = (String)request.getAttribute("grade");
        out.println("<h1>姓名："+stu.getName()+"</h1>");
        out.println("<h2>手机："+stu.getMobile()+"</h2>");
        out.println("<h2>教师评级："+grade+"</h2>");
    %>
</body>
</html>

注意需要导入类import="com.imooc.el.Student"
用el表达式，则无需导入类，而且输出也简化很多

//el_info.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <h1>姓名:${requestScope.student.name}</h1>
    <h2>手机:${requestScope.student.mobile }</h2>
    <h2>评级:${requestScope.grade}</h2>
</body>
</html>

1.2EL作用域对象

image.png
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        Student stu = new Student();
        stu.setName("hachiman");
        stu.setMobile(null);
        String grade = "A";
        HttpSession session = request.getSession();
        session.setAttribute("student", stu);
        session.setAttribute("grade", grade);
        /*在不同的作用域设置同名属性*/
        request.setAttribute("grade", "A");//request作用域
        session.setAttribute("grade", "B");//session作用域
        request.getServletContext().setAttribute("grade", "C");//context全局作用域
        
        //request.setAttribute("student", stu);
        //request.setAttribute("grade", grade);
        request.getRequestDispatcher("/el_info.jsp").forward(request, response);
        
    }
//jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <h1>姓名:${sessionScope.student.name}</h1>
    <h2>手机:${sessionScope.student.mobile }</h2>
    <h2>评级:${sessionScope.grade}</h2>
    
    <h1>姓名:${student.name}</h1>
    <h2>手机:${student.mobile }</h2>
    <h2>评级:${grade}</h2>
</body>
</html>

1.3 EL表达式输出

image.png

image.png

zh

注意：
1.对于直接输出类，本质上是执行类的toString方法，因此重写toString方法可以修改输出内容
2.对于EL输出时，EL人性化将输出为null的对象，输出为空，在页面上就看不到null了

1.4EL输出参数

image.png

http://localhost:8080/ServletProj/StduentServlet?teacher=andy
可以用<h2>讲师:${param.teacher}</h2>直接获取

2.JSTL标签库

2.1简介

JSTL标签库

*JSTL(JSP Standard Tag Library),JSP标准标签库
*JSTL用于简化JSP开发，提高代码的可读性和可维护性

JSTL的标签库种类
JSTL按功能划分为五类标签库
核心标签库 -core
格式化输出标签库 -fmt
SQL操作标签库 -sql
XML操作标签库 -xml
函数标签库 -functions

引用JSTL核心库
核心标签库（Core）是JSTL最重要的标签库 提供了JSTL的基础功能
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
JSTL核心标签库在taglib-standard-impl.jar由META-INF/c.tld定义

image.png

2.2判断标签

image.png

注意：单分支<c:if>是没有else的，多分支就不要写这个

//ServletJstl.java
package com.imooc.jstl;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class ServletJstl
 */
@WebServlet("/jstl")
public class ServletJstl extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ServletJstl() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setAttribute("score",58);
        request.setAttribute("grade", "B");
        request.getRequestDispatcher("/core.jsp").forward(request, response);
    }

}

//core.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>    

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <!-- 单分支 -->
    <h1>${requestScope.score}</h1>
    <c:if test = "${ score >= 60}">
        <h1 style = "color:green">恭喜，通过测试</h1>
    </c:if>
    <c:if test = "${requestScope.score < 60}">
        <h1 style="color:red">抱歉，请再接再厉</h1>
    </c:if>
    
    <!-- 多分支 -->
    <h1>${grade}</h1>
    <c:choose>
        <c:when test = "${grade == 'A' }">
            <h2>你很优秀</h2>
        </c:when>
        <c:when test = "${grade == 'B' }">
            <h2>不错哦</h2>
        </c:when>
        <c:when test = "${grade == 'C' }">
            <h2>水平一般，需要提高</h2>
        </c:when>
        <c:when test = "${grade == 'D'}">
            <h2>需要努力啦，不要气馁</h2>
        </c:when>
        <c:otherwise>
            <h2>一切随缘吧</h2>
        </c:otherwise>
    </c:choose>
    
</body>
</html>

2.3 遍历标签

image.png
//Company.java
package com.imooc.jstl;

public class Company {
    private String cname;
    private String url;
    public Company(String cname,String url) {
        this.cname = cname;
        this.url = url;
    }
    public String getCname() {
        return cname;
    }
    public void setCname(String cname) {
        this.cname = cname;
    }
    public String getUrl() {
        return url;
    }
    public void setUrl(String url) {
        this.url = url;
    }
    
}


//ServletJstl.java
@WebServlet("/jstl")
public class ServletJstl extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ServletJstl() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        List<Company> list = new ArrayList();
        list.add(new Company("腾讯","www.tencent.com"));
        list.add(new Company("百度","www.baidu.com"));
        list.add(new Company("慕课网","www.imooc.com"));
        request.setAttribute("companies", list);
        request.getRequestDispatcher("/core.jsp").forward(request, response);
    }

}

//core.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>    

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

   <!-- 遍历标签 --> 
    <c:forEach items="${requestScope.companies}" var="c" varStatus="idx">
        <h2>${idx.index+1}.${c.cname}-${c.url }</h2>
    </c:forEach>
    
</body>
</html>

2.4 fmt标签

image.png
//fmt.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <%
        request.setAttribute("amt", 19876543.567);
        request.setAttribute("now",new java.util.Date());
        request.setAttribute("html","<a href='index.html'>index</a>");
        request.setAttribute("nothing", null);
    %>
    <h1>${requestScope.now}</h1>
    
    <!-- formatDate pattern 
        yyyy - 四位年
        MM - 两位月
        dd - 两位日
        HH - 24小时制
        hh - 12小时制
        mm - 分钟
        ss - 秒
        SSS - 毫秒
    -->
    <h1>
        <fmt:formatDate value="${requestScope.now }" pattern="yyyy年MM月dd日HH时mm分ss秒SSS毫秒"/>
    </h1>
    
    <h1>${requestScope.amt}</h1>
    <h1>
        <!-- 保留小数点后两位 -->
        <fmt:formatNumber value="${requestScope.amt}" pattern="0.00"></fmt:formatNumber>
    </h1>
    <h1>
        <!-- 增加分割逗号 -->
        ￥<fmt:formatNumber value="${requestScope.amt}" pattern="0,000.00"></fmt:formatNumber>元
    </h1>
    <!-- c:out 与 `uri="http://java.sun.com/jsp/jstl/core" prefix="c" `标签库有关 -->
    <h1>
        <!-- 修改null输出为空的情况，该为自定义 -->
        null默认值：<c:out value="${nothing}" default="无"></c:out>
    </h1>
    <h1>
        <!-- 输出带有特殊字符，选择是否需要进行转译，保证原样输出 -->
        <c:out value="${html}" escapeXml="true"></c:out>
    </h1>
</body>
</html>
image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 213,014评论 6赞 492
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 90,796评论 3赞 386
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 158,484评论 0赞 348
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 56,830评论 1赞 285
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 65,946评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,114评论 1赞 292
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,182评论 3赞 412
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,927评论 0赞 268
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,369评论 1赞 303
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2赞 327
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1赞 341
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,533评论 4赞 335
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,166评论 3赞 317
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1赞 267
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2赞 362
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2赞 351

推荐阅读更多精彩内容