JavaWeb| JSTL标签库看这篇文章就够了!（含案例）

2022-03-02 05:06:37

1写在前面的话

今天给大家写一篇Web系列的文章，大部分人可能会觉得Web的东西很基础，如果这方面你很精通了可以忽略，但是我还是想出一系列的文章去帮助刚刚入门的小伙伴。

废话不多说，今天咱们来讲讲JSTL标签库。

2EL表达式

在讲JSTL标签库之前，我首先给大家讲讲EL表达式，这个对于接触过web开发的人并不陌生。EL表达式全名Expression Language，它的主要目的就是简化JSP中的表达式的方法，让JSP中的代码更加的简化，他可以直接写在JSP页面当中，这样可以减少JSP脚本的编写。

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 }

如果你是这么写：$ {key} ，那么它会依次从pageContext域，request域，session域，application域中获取属性，在某个域中获取后将不会再继续向下寻找了。

实例：el.jsp


....
<%        pageContext.setAttribute("name","xiaoming");        
          request.setAttribute("name","小明");        
          User  user  =  new  User();//IDEA导包快捷键Art+enter        user.setName("小花");        user.setSex("女");        session.setAttribute("user",user);
          List  list=new  ArrayList<>();        
          User  user1=new  User();        
          user1.setName("小强");       
          user1.setSex("男");        
          User  user2=new  User();        
          user2.setName("小丽");        
          user2.setSex("女");        
          list.add(user1);        
          list.add(user2);        
          application.setAttribute("list",list); %> 
          <%=request.getAttribute("name")%> 
          <% User  user3=(User)session.getAttribute("user");        
          String  name  =user3.getName();        
          out.write(name); %> 
          <% List  list1=(List)application.getAttribute("list");        
          User  user4=list1.get(0);        
          out.write(user4.getName()); %> 
          ${requestScope.name} 
          ${sessionScope.user.name} 
          ${applicationScope.list[0].name} 
          ${name} 
          ${user.name} 
          ${list[0].name}

输出结果：

3EL的内置对象和执行表达式

EL的内置对象

获取JSP中域中的数据：pageScope，requestScope，sessionScope，applicationScope

接收参数：param，paramValues

相当于request.getParameter() 和 request.getParameterValues()

获取请求头信息：header，headerValues

相当于request.getHeader(name)

获取全局初始化参数：initParam()

相当于this.getServletContext().getInitParameter(name)

web开发中的cookie：cookie

相当于request.getCookies() --> cookie.getName() -->cookie.getValue()

web开发中的pageContext：pageContext

pageContext可获得其他八大对象


<%-    Created  by  IntelliJ  IDEA.    User:  Administrator    Date:  2018/7/14    Time:  15:33    To  change  this  template  use  File  |  Settings  |  File  Templates. --%> 
<%@  page  contentType="text/html;charset=UTF-8"  language="java"  %>
        
<%--    获取参数    --%> 
${param.userName} 
<%--    主机信息？--%> 
${header.host}

2. 执行表达式


${1+1}
${2>1} 
${2  eq  2} 
${2>1  ||  3>2} 
${2>1  ?  ture:false} 
${empty  user}

输出结果：

JavaWeb| JSTL标签库看这篇文章就够了!（含案例）

4JSTL简介

JSTL（JSP Standard Tag Library），JSP标准标签库，可以嵌入在jsp页面当中使用标签的形式完成业务逻辑等功能，JSTL出现的目的和EL是一样的，也是要代替jsp页面中的脚本代码。JSTL标准库有5个子库，但是目前比较常用的还是他的核心库（Core）。

JavaWeb| JSTL标签库看这篇文章就够了!（含案例）

首先，我们需要下载标签库，并且安装在idea当中：

下载地址：

http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/jakarta-taglib s-standard-1.1.2.zip

具体的安装教程，这里就不多说，大家可以自行百度一下，非常的简单。

下面我通过一个案例来给大家演示这些标签：

【案例】实现商品列表展示：

PhoneListServlet.java

import  zyw.bean.Phone;import  javax.servlet.ServletException; import  javax.servlet.annotation.WebServlet; import  javax.servlet.http.HttpServlet; import  javax.servlet.http.HttpServletRequest; import  javax.servlet.http.HttpServletResponse; import  java.io.IOException; import  java.util.ArrayList; import  java.util.List;@WebServlet(name  =  "PhoneListServlet",urlPatterns  =  "/phonelist") public  class  PhoneListServlet  extends  HttpServlet  {              protected  void  doPost(HttpServletRequest  request,  HttpServletResponse  respo nse)  throws  ServletException,  IOException  {        }        protected  void  doGet(HttpServletRequest  request,  HttpServletResponse  respon se)  throws  ServletException,  IOException  {                //通过servlet从数据库中获取数据，我们这里暂时通过手动创建数据                Phone  phone=new  Phone();//鼠标放在Phone上Alt+Enter快捷键建立Phone类                phone.setName("iphone6");                phone.setId(001);                phone.setImage("https://img10.360buyimg.com/n7/jfs/t277/193/1005339798/ 768456/29136988/542d0798N19d42ce3.jpg");                phone.setPrice("3900");                Phone  phone1=new  Phone();                                phone1.setName("坚果pro");                                phone1.setId(002);                                phone1.setPrice("1799");                                phone1.setImage("https://img13.360buyimg.com/n7/jfs/t5377/56/1578379545 /209772/32105f74/5911bcbdN7afa707b.jpg");                Phone  phone2=new  Phone();                                phone2.setName("vivo  x9");                                phone2.setPrice("2345");                                phone2.setId(003);                                phone2.setImage("https://img12.360buyimg.com/n7/jfs/t6067/340/210139037 6/231820/750cc50e/593aa83fN8b0829fc.jpg");                Phone  phone3=new  Phone();                                phone3.setName("oppo  A57");                                phone3.setId(004);                                phone3.setPrice("1399");                                phone3.setImage("https://img10.360buyimg.com/n7/jfs/t4978/185/135948089 /78285/f6a84203/58db6fa4N354322d9.jpg");                Phone  phone4=new  Phone();                                phone4.setName("诺基亚6");                                phone4.setId(005);                                phone4.setPrice("1699");                                phone4.setImage("https://img11.360buyimg.com/n7/jfs/t4930/86/192598423/ 86027/36a57ccf/58dcbfa5N5c41cbfd.jpg");                Phone  phone5=new  Phone();                                phone5.setName("小米MIX");                                phone5.setId(006);                                phone5.setPrice("3999");                                phone5.setImage("https://img13.360buyimg.com/n7/jfs/t4264/215/455518113 /309855/38fe41f1/58b4fc81N1d924112.jpg");                List  list=new  ArrayList<>();                                list.add(phone);                                list.add(phone1);                                list.add(phone2);                                list.add(phone3);                                list.add(phone4);                                list.add(phone5);                request.setAttribute("list",list);                request.getRequestDispatcher("/phone_list.jsp").forward(request,respons e);        } }

Phone.java

public  class  Phone  {               private  int  id;               private    String  name;               private  String  image;               private  String  price;        //Art+Ins快捷键加入get,set方法        public  int  getId()  {                return  id;      }        public  void  setId(int  id)  {                this.id  =  id;        }        public  String  getName()  {                return  name;        }        public  void  setName(String  name)  {                this.name  =  name;        }        public  String  getImage()  {                return  image;        }        public  void  setImage(String  image)  {                this.image  =  image;        }        public  String  getPrice()  {                return  price;        }        public  void  setPrice(String  price)  {                this.price  =  price;        } }

phone_list.jsp


<%--
  Created by IntelliJ IDEA.
  User: invinjun
  Date: 2017/6/16
  Time: 16:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>商品列表</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <!-- 引入自定义css文件 style.css -->


</head>

<body>

<c:forEach items="${list}" var="phone">

    <div class="col-md-2" style="height:250px">
        <img src="${phone.image}" width="170" height="170" style="display: inline-block;">
        </a>
        <p>
            <a href="product_info.html" style='color: green'>${phone.name}</a>
        </p>
        <p>
            <font color="#FF0000">商城价：&yen;${phone.price}</font>
        </p>
    </div>

</c:forEach>

</body>

</html>

效果图：

码农公寓

相关文章