七、JavaWeb基础(JSP、EL表达式、JSTL标签库详解)

最新推荐文章于 2022-05-05 10:13:10 发布

kejizhentan

最新推荐文章于 2022-05-05 10:13:10 发布

阅读量220

点赞数

文章标签： jstl jsp

本文链接：https://blog.csdn.net/kejizhentan/article/details/120598149

版权

一、 JSP：

1. 指令

⑴ 作用：

用于配置JSP页面，导入资源文件

⑵格式：

<%@ 指令名称属性名1=属性值1 属性名2=属性值2 ... %>

⑶ 分类：

① page ：配置JSP页面的

contentType：等同于response.setContentType()
1. 设置响应体的mime类型以及字符集
2. 设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）
import：导包
errorPage：当前页面发生异常后，会自动跳转到指定的错误页面
isErrorPage：标识当前页面是否是错误页面。
* true：是，可以使用内置对象exception
* false：否。默认值。不可以使用内置对象exception

例如：
异常页面500.jsp

<%@ page contentType="text/html;charset=UTF-8"  isErrorPage="true" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <h1>服务器出异常了...</h1>
    <%
        String message = exception.getMessage();
        out.print(message);
    %>
</body>
</html>

主页面index.jsp

<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8"  errorPage="500.jsp"  pageEncoding="utf-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
    <% 
      List<String> lists = null;
      out.write(lists.size());
    %>
  </body>
</html>

效果如下
在这里插入图片描述

② include ：页面包含的。

导入页面的资源文件
<%@include file="top.jsp"%>

例如：
公共资源页面top.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>公共页面</title>
</head>
<body>
    <h1>版权属于《柯基侦探微信公众号》</h1>
</body>
</html>

主页页面index.jsp

<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java" %>
<%@ include file="top.jsp"%>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
    <h1>欢迎访问柯基官网</h1>
  </body>
</html>

效果如下：
在这里插入图片描述

③ taglib ：导入资源(一般用于导入标签库)

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
prefix：前缀，自定义的

该部分内容先不讲解，后面会重点介绍

2.注释:

html注释：
:只能注释html代码片段
jsp注释：推荐使用
<%-- --%>：可以注释所有

3. 内置对象

在jsp页面中不需要创建，直接使用的对象一共有9个：

变量名	真实类型	作用
pageContext	PageContext	当前页面共享数据，还可以获取其他八个内置对象
request	HttpServletRequest	一次请求访问的多个资源(转发)
session	HttpSession	一次会话的多个请求间
application	ServletContext	所有用户间共享数据
response	HttpServletResponse	响应对象
page	Object	当前页面(Servlet)的对象 this
out	JspWriter	输出对象，数据输出到页面上
config	ServletConfig	Servlet的配置对象
exception	Throwable	异常对象

二、MVC

1.jsp演变历史

早期只有servlet，只能使用response输出标签数据，非常麻烦
后来有jsp，简化了Servlet的开发，如果过度使用jsp，在jsp中既写大量的java代码，又写html，造成难于维护，难于分工协作
再后来，java的web开发，借鉴mvc开发模式，使得程序的设计更加合理性

2. javaWeb中的MVC：

1. M：Model，模型。JavaBean
完成具体的业务操作，如：查询数据库，封装对象
2. V：View，视图。JSP
展示数据
3. C：Controller，控制器。Servlet

获取用户的输入
调用模型
将数据交给视图进行展示

如图
在这里插入图片描述

3.优缺点：

⑴ 优点：

耦合性低，方便维护，可以利于分工协作
重用性高

⑵. 缺点：

使得项目架构变得复杂，对开发人员要求高

三、 EL表达式

1.概念：

Expression Language 表达式语言

2. 作用：

替换和简化jsp页面中java代码的编写

3. 语法：

${表达式}

例如：

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java" %>
<html>
  <head>
    <title>EL表达式</title>
  </head>
  <body>
    ${4 > 1 }
  </body>
</html>

结果如下：
在这里插入图片描述

4 注意：

jsp默认支持el表达式的。如果要忽略el表达式
1. 设置jsp中page指令中：isELIgnored="true"忽略当前jsp页面中所有的el表达式
例如：

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java" isELIgnored="true" %>
<html>
  <head>
    <title>EL表达式</title>
  </head>
  <body>
    ${4 > 1 }
  </body>
</html>

结果如下：
在这里插入图片描述
2. \${表达式}：忽略当前这个el表达式
例如：

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<html>
  <head>
    <title>EL表达式</title>
  </head>
  <body>
    ${4 > 1 }
    <hr>
    \${4>1}
  </body>
</html>

结果如下：
在这里插入图片描述

5 使用场景：

⑴ 运算：

① 运算符：

算数运算符：+ - * /(div) %(mod)
比较运算符： > < >= <= == !=
逻辑运算符：&&(and) ||(or) !(not)
空运算符： empty
* 功能：用于判断字符串、集合、数组对象是否为null或者长度是否为0
* ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0
* ${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且长度>0

例如：

<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<html>
  <head>
    <title>EL表达式</title>
  </head>
  <body>
    <h3>算数运算符</h3>
    ${3 + 4}<br>
    ${3 / 4}<br>
    ${3 div 4}<br>
    ${3 % 4}<br>
    ${3 mod 4}<br>
    <h3>比较运算符</h3>
    ${3 == 4}<br>

    <h3>逻辑运算符</h3>
    ${3 > 4  && 3 < 4}<br>
    ${3 > 4  and 3 < 4}<br>
    <h4>empty运算符</h4>
    <%
      String str = "";
      request.setAttribute("str",str);
      List list = new ArrayList();
      request.setAttribute("list",list);
    %>
    ${not empty str}
    ${empty list}
  </body>
</html>

结果如下：
在这里插入图片描述

⑵. 获取值

I. el表达式只能从域对象中获取值

II .语法：

① `${域名称.键名}`：从指定域中获取指定键的值

域名称：(作用域从小到大)

pageScope --> pageContext
requestScope --> request
sessionScope --> session
applicationScope --> application（ServletContext）

② `${键名}`：表示依次从最小的域中查找是否有该键对应的值，直到找到为止。

例如：

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<html>
  <head>
    <title>el获取域中的数据</title>
  </head>
  <body>
    <%
      //在域中存储数据
      session.setAttribute("name","李四");
      request.setAttribute("name","张三");
      session.setAttribute("age","23");
      request.setAttribute("str","");
    %>
    <h3>el获取值</h3>
    ${requestScope.name}
    ${sessionScope.age}
    <%--  如果获取的值不存在则为null，并且不显示在页面上--%>
    ${sessionScope.haha}
    ${name}
    ${sessionScope.name}
  </body>
</html>

结果如下：
在这里插入图片描述

③ 获取对象、List集合、Map集合的值

1. 对象：${域名称.键名.属性名}
本质上会去调用对象的getter方法

例如：
User.java类

public class User {
    private String name;
    private int age;
    private Date birthday;
    public User(String name, int age, Date birthday) {
        this.name = name;
        this.age = age;
        this.birthday = birthday;
    }
    public User() {
    }
    /**
     * 逻辑视图
     * @return
     */
    public String getBirStr(){
        if(birthday != null){
            //1.格式化日期对象
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            //2.返回字符串即可
            return sdf.format(birthday);
        }else{
            return "";
        }
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getAge() {
        return age;
    }
    public void setAge(int age) {
        this.age = age;
    }
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}

index.jsp页面

<%@ page import="com.kejizhentan.bean.User" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<html>
  <head>
    <title>el获取域中的数据</title>
  </head>
  <body>
    <%
      User user = new User();
      user.setName("张三");
      user.setAge(23);
      user.setBirthday(new Date());
      request.setAttribute("u",user);
    %>
    <h3>el获取对象中的值</h3>
    ${requestScope.u}<br>
    <%--
        * 通过的是对象的属性来获取
            * setter或getter方法，去掉set或get，在将剩余部分，首字母变为小写。
            * setName --> Name --> name
    --%>
    ${requestScope.u.name}<br>
    ${u.age}<br>
    ${u.birthday}<br>
    <%-- Date对象中的month是从零开始的--%>
    ${u.birthday.month}<br>
    ${u.birStr}<br>
  </body>
</html>

结果如下：
在这里插入图片描述

2. List集合：${域名称.键名[索引]}
例如：
User.java类

public class User {
    private String name;
    private int age;
    private Date birthday;
    public User(String name, int age, Date birthday) {
        this.name = name;
        this.age = age;
        this.birthday = birthday;
    }
    public User() {
    }
    /**
     * 逻辑视图
     * @return
     */
    public String getBirStr(){
        if(birthday != null){
            //1.格式化日期对象
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            //2.返回字符串即可
            return sdf.format(birthday);
        }else{
            return "";
        }
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getAge() {
        return age;
    }
    public void setAge(int age) {
        this.age = age;
    }
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}

index.jsp页面

<%@ page import="com.kejizhentan.bean.User" %>
<%@ page import="java.util.Date" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<html>
  <head>
    <title>el获取域中的数据</title>
  </head>
  <body>
  <%
    User user = new User();
    user.setName("张三");
    user.setAge(23);
    user.setBirthday(new Date());

    List list = new ArrayList();
    list.add("aaa");
    list.add("bbb");
    list.add(user);
    request.setAttribute("list",list);
  %>

  <h3>el获取List值</h3>
  ${list}<br>
  ${list[0]}<br>
  ${list[1]}<br>
  ${list[10]}<br>
  ${list[2].name}

  </body>
</html>

结果如下：
在这里插入图片描述

3. Map集合：

${域名称.键名.key名称}
${域名称.键名["key名称"]}

例如：
User.java类

public class User {
    private String name;
    private int age;
    private Date birthday;
    public User(String name, int age, Date birthday) {
        this.name = name;
        this.age = age;
        this.birthday = birthday;
    }
    public User() {
    }
    /**
     * 逻辑视图
     * @return
     */
    public String getBirStr(){
        if(birthday != null){
            //1.格式化日期对象
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            //2.返回字符串即可
            return sdf.format(birthday);
        }else{
            return "";
        }
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getAge() {
        return age;
    }
    public void setAge(int age) {
        this.age = age;
    }
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}

index.jsp页面

<%@ page import="com.kejizhentan.bean.User" %>
<%@ page import="java.util.*" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<html>
  <head>
    <title>el获取域中的数据</title>
  </head>
  <body>
  <%
    User user = new User();
    user.setName("张三");
    user.setAge(23);
    user.setBirthday(new Date());

    Map map = new HashMap();
    map.put("sname","李四");
    map.put("gender","男");
    map.put("student",user);

    request.setAttribute("map",map);
  %>

  <h3>el获取Map值</h3>
  ${map.gender}<br>
  ${map["gender"]}<br>
  ${map.student.name}
  </body>
</html>

结果如下：
在这里插入图片描述

6 隐式对象：

el表达式中有11个隐式对象
在这里插入图片描述

pageContext用的最多：
作用：
1.获取jsp其他八个内置对象
2${pageContext.request.contextPath}：动态获取虚拟目录

例如：

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<html>
  <head>
    <title>el获取域中的数据</title>
  </head>
  <body>
    <%-- 获取jsp其他八个内置对象--%>
    ${pageContext.request}<br>
    <%--获取虚拟路径--%>
    ${pageContext.request.contextPath}
  </body>
</html>

结果如下：
在这里插入图片描述

四、 JSTL标签库

1.概念：JavaServer Pages Tag Library JSP标准标签库

是由Apache组织提供的开源的免费的jsp标签 <标签>

2. 作用：

用于简化和替换jsp页面上的java代码

3. 使用步骤：

导入jstl相关jar包
点击下载jstl需要的jar包
引入标签库：taglib指令： <%@ taglib %>
使用标签

4. 常用的JSTL标签

⑴ if:相当于java代码的if语句

1. 属性：

test 必须属性，接受boolean表达式
* 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
* 一般情况下，test属性值会结合el表达式一起使用

注意：
c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签

例如：
项目结构：
在这里插入图片描述
index.jsp页面

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<html>
  <head>
    <title>jstl标签库演示</title>
  </head>
  <body>
    <%--

    c:if标签
        1. 属性：
            * test 必须属性，接受boolean表达式
                * 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
                * 一般情况下，test属性值会结合el表达式一起使用
        2. 注意：c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签
    --%>
    <c:if test="true">
      <h1>我是真...</h1>
    </c:if>
    <br>
    <%
      //判断request域中的一个list集合是否为空，如果不为null则显示遍历集合
      List list = new ArrayList();
      list.add("aaaa");
      request.setAttribute("list",list);
      request.setAttribute("number",4);
    %>

    <c:if test="${not empty list}">
      遍历集合...
    </c:if>
    <br>
    <c:if test="${number % 2 != 0}">
      ${number}为奇数
    </c:if>
    <c:if test="${number % 2 == 0}">
      ${number}为偶数
    </c:if>
  </body>
</html>

结果如下：
在这里插入图片描述

⑵ choose:相当于java代码的switch语句

使用choose标签声明 相当于switch声明
使用when标签做判断 相当于case
使用otherwise标签做其他情况的声明 相当于default

例如：
项目结构：
在这里插入图片描述
index.jsp页面

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<html>
  <head>
    <title>jstl标签库演示</title>
  </head>
  <body>
    <%--
       完成数字编号对应星期几案例
           1.域中存储一数字
           2.使用choose标签取出数字         相当于switch声明
           3.使用when标签做数字判断         相当于case
           4.otherwise标签做其他情况的声明  相当于default
   --%>
  
    <%
      request.setAttribute("number",51);
    %>
    <c:choose>
      <c:when test="${number == 1}">星期一</c:when>
      <c:when test="${number == 2}">星期二</c:when>
      <c:when test="${number == 3}">星期三</c:when>
      <c:when test="${number == 4}">星期四</c:when>
      <c:when test="${number == 5}">星期五</c:when>
      <c:when test="${number == 6}">星期六</c:when>
      <c:when test="${number == 7}">星期天</c:when>
      <c:otherwise>数字输入有误</c:otherwise>
    </c:choose>
  </body>
</html>

效果如下：
在这里插入图片描述

⑶ foreach:相当于java代码的for语句

例如：
项目结构：
在这里插入图片描述
index.jsp页面

<%@ page import="java.lang.reflect.Array" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<html>
  <head>
    <title>jstl标签库演示</title>
  </head>
  <body>
    <%--

        foreach:相当于java代码的for语句
            1. 完成重复的操作
                for(int i = 0; i < 10; i ++){

                }
                * 属性：
                    begin：开始值
                    end：结束值
                    var：临时变量
                    step：步长
                    varStatus:循环状态对象
                        index:容器中元素的索引，从0开始
                        count:循环次数，从1开始
            2. 遍历容器
                List<User> list;
                for(User user : list){

                }

                * 属性：
                    items:容器对象
                    var:容器中元素的临时变量
                    varStatus:循环状态对象
                        index:容器中元素的索引，从0开始
                        count:循环次数，从1开始


    --%>
  <c:forEach begin="1" end="10" var="i" step="2" varStatus="s" >
    临时变量的值：${i},容器中元素的索引：${s.index},循环次数：${s.count}<br>
  </c:forEach>
  <hr>
  <%
    ArrayList<String> lists = new ArrayList<>();
    lists.add("aaaa");
    lists.add("bbbb");
    lists.add("cccc");
    request.setAttribute("lists",lists);
  %>
  <c:forEach items="${lists}" var="str" varStatus="s">
    集合中的元素：${str} , 元素的索引：${s.index},集合循环次数：${s.count}<br>
  </c:forEach>
  </body>
</html>

结果如下：
在这里插入图片描述

⑷ jstl标签库的综合练习：

需求：在request域中有一个存有User对象的List集合。需要使用jstl+el将list集合数据展示到jsp页面的表格table中

项目结构如下：
在这里插入图片描述
User.java实体类

public class User {
    private String name;
    private int age;
    private Date birthday;
    public User(String name, int age, Date birthday) {
        this.name = name;
        this.age = age;
        this.birthday = birthday;
    }
    public User() {
    }
    /**
     * 逻辑视图
     * @return
     */
    public String getBirStr(){
        if(birthday != null){
            //1.格式化日期对象
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            //2.返回字符串即可
            return sdf.format(birthday);
        }else{
            return "";
        }
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getAge() {
        return age;
    }
    public void setAge(int age) {
        this.age = age;
    }
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}

index.jsp页面

<%@ page import="java.util.ArrayList" %>
<%@ page import="com.kejizhentan.bean.User" %>
<%@ page import="java.util.Date" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java"  %>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<html>
  <head>
    <title>jstl标签库演示</title>
  </head>
  <body>
    <%
       List<User> list = new ArrayList<>();
       list.add(new User("zhangsan",21,new Date()));
       list.add(new User("lisi",22,new Date()));
       list.add(new User("wangwu",23,new Date()));
       request.setAttribute("lists",list);
    %>
    <table border="1" width="500" align="center">
        <tr>
            <th>编号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>出生日期</th>
        </tr>
        <c:forEach items="${lists}" varStatus="s" var="user">
            <c:if test="${s.count % 2 == 0}">
                <tr bgcolor="red">
                    <td>${s.count}</td>
                    <td>${user.name}</td>
                    <td>${user.age}</td>
                    <td>${user.birStr}</td>
                </tr>
            </c:if>
            <c:if test="${s.count % 2 != 0}">
                <tr bgcolor="green">
                    <td>${s.count}</td>
                    <td>${user.name}</td>
                    <td>${user.age}</td>
                    <td>${user.birStr}</td>
                </tr>
            </c:if>
        </c:forEach>
    </table>
  </body>
</html>

结果如下：
在这里插入图片描述

kejizhentan

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
七、JavaWeb基础(JSP、EL表达式、JSTL标签库详解)

一、 JSP：1. 指令⑴ 作用：用于配置JSP页面，导入资源文件⑵格式：<%@ 指令名称属性名1=属性值1 属性名2=属性值2 ... %>⑶ 分类：① page ：配置JSP页面的contentType：等同于response.setContentType()1. 设置响应体的mime类型以及字符集2. 设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）import：导包err
复制链接

扫一扫