• JavaWeb开发之JSP&EL&JSTL

    JSP就是Java Server Pages ,即Java服务器端页面。JSP 本质上就是 HTML + Java代码 + JSP自身东西。Servlet技术生成动态网页的时候很麻烦，需要通过response获得输出流，调用print方法进行打印的。这种编程方式很麻烦，而且美工也不容易处理。SUN公司为了简化动态网页开发，推出JSP。JSP在执行时，会被服务器翻译为Servlet编译执行。EL：Expression Language表达式语言，为了使得JSP写起来更简单。JSTL：JSP的标准标签库。EL和JSTL一起使用取代JSP页面中嵌入Java代码写法。

    目录

    1、JSP脚本元素和注释

    2、JSP的指令元素

    3、JSP的内置对象

    3、pageContext对象

     4、JSP的四个作用范围

    5、JSP的动作标签

    6、EL表达式的主要功能

    7、JSTL的常用标签

    8、综合案例

    1、JSP脚本元素和注释

    <%!  %>    :JSP声明 翻译成 Servlet成员部分的内容。声明变量，方法，内部类。

    <%= %>    :表达式翻译out.print(),在service方法内部。

    <%    %>    :小脚本，嵌入Java代码 翻译成service方法内部的代码块。声明变量，内部类。

    <%-- JSP的注释 --%>

    2、JSP的指令元素

    JSP指令元素用于指定JSP的执行步骤和表现行为。

    语法：<%@ 指令名称 属性名称=属性的值 属性名称=属性的值 %>

    JSP的指令元素主要分为三类，分别为page指令，include指令，taglib指令。

    1. page指令：指示JSP的页面设置属性和行为
    2. include指令：指示JSP包含哪些其他页面
    3. taglib指令：指示JSP页面包含哪些标签库

    page指令包含如下属性：

    1. language属性：       声明使用脚本的语言。只能是java。
    2. extends属性：         标明JSP编译成Servlet的时候继承的类。默认值：HttpJspBase。
    3. session属性：          标明JSP中是否可以直接使用session对象。默认值是true。
    4. buffer属性：            标明JSP对客户端输出缓冲区大小。默认值8kb。
    5. autoFlush属性：     如果缓冲区大小溢出，是否自动刷出。默认true。
    6. import属性：          用于导入Java包或类。
    7. contentType属性：标明JSP被浏览器解析和打开的时候采用的默认的字符集。
    8. pageEncoding属性：JSP文件及JSP翻译后的Servlet保存到硬盘上采用字符集。
    9. isErrorPage属性：  处理JSP页面异常。
    10. errorPage属性：     处理JSP页面异常。
    11. isELIgnored属性：  通知JSP是否忽略EL表达式。

    included指令的作用是在JSP页面静态包含一个文件，由该JSP解析包含文件的内容。它的主要属性就是file：

    1. file属性：        指示JSP页面包含页面路径

    taglib指令用于在JSP中引入标签库，它主要包含两个指令：

    1. uri属性：         引入的标签库的路径
    2. prefix属性：   引入标签库的别名

    3、JSP的内置对象

    JSP当中有9大内置对象：

    1. request               ：从客户端向服务器发送的请求对象
    2. response            ：从服务器端向客户端作出响应对象
    3. session                ：服务器为客户端创建会话对象
    4. application         ：代表应用。获得的ServletContext对象。
    5. out                       ：向输出流写入内容的对象。
    6. page                    ：当前的JSP翻译成Servlet后的对象的引用。
    7. pageContext      ：本JSP的页面的上下文对象。
    8. config                  ：本JSP的ServletConfig对象。
    9. exception           ：表示JSP页面运行时产生的异常对象。

    3、pageContext对象

    pageContext对象直接翻译为“页面上下文”对象，代表的是当前页面运行的一些属性。

    它是javax.servlet.jsp.PageContext类的实例对象。

    首先它提供了page页面的数据存取和查找以及移除等方法，如下：

     通过pageContext对象可以直接获取其余8个JSP内置对象：

     4、JSP的四个作用范围

    1. PageScope                  ：页面范围。页面范围指的是在当前的页面内有效，出了这个页面，用pageContext保存的数据就无效了。
    2. RequestScope            ：请求范围。从客户端向服务器发送一次请求，服务器对这次请求作出了响应之后，用request保存的数据就无效了。
    3. SessionScope             ：会话范围。每个浏览器向服务器发送请求（多次请求）。将该会话结束。
    4. ApplicationScope      ：应用范围。在整个应用中任意的地方都可以获取。

    5、JSP的动作标签

    JSP的动作标签用于在JSP页面中提供业务逻辑功能，避免在JSP页面中直接编写Java代码，造成jsp页面难以维护。

    常用的动作标签又如下三个:

    1. ：请求转发。
    2. ：包含（动态包含）。
    3. ：传递参数。

    6、EL表达式的主要功能

    EL表达式的功能有如下几个：语法：${ EL表达式 }

    1. EL获取数据
    2. EL执行运算
    3. EL获取web开发常用的对象
    4. EL调用Java方法

    下面演示EL获取数据，可以指定对象获取，也可以简写，简写默认从最小范围的开始搜索，如果最终搜索不到，就返回空字符串。EL表达式语句在执行的时候，会调用pageContext.findAttribute()方法。分别从page、request、session、application范围查找相应对象，找到就会返回相应对象。

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: nuist__NJUPT
    4.   Date: 2022-08-18
    5.   Time: 19:09
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10.   <head>
    11.     <title>EL表达式获取对象title>
    12.   head>
    13.   <body>
    14. <% pageContext.setAttribute("name","张三");
    15.   request.setAttribute("name","张四");
    16.   session.setAttribute("name","张五");
    17.   application.setAttribute("name","张六");
    18. %>
    19.   <%= pageContext.getAttribute("name")%> - ${pageScope.name}<br/>
    20.   <%= request.getAttribute("name")%> - ${requestScope.name}<br/>
    21.   <%= session.getAttribute("name")%> - ${sessionScope.name}<br/>
    22.   <%= application.getAttribute("name")%> - ${applicationScope.name}<br/>
    24.   ${name}
    25.   body>
    26. html>

    下面演示EL表达式获取数组和集合中的数据，如下：

    1. <%@ page import="java.util.List" %>
    2. <%@ page import="java.util.ArrayList" %>
    3. <%@ page import="java.util.Map" %>
    4. <%@ page import="java.util.HashMap" %><%--
    5.   Created by IntelliJ IDEA.
    6.   User: nuist__NJUPT
    7.   Date: 2022-08-19
    8.   Time: 16:21
    9.   To change this template use File | Settings | File Templates.
    10. --%>
    11. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    12. <html>
    13. <head>
    14.     <title>EL获取数据和集合数据title>
    15. head>
    16. <body>
    17. <h2>EL获取数组和集合数据h2>
    18. <%
    19.     String [] arr = {"xx","yy","zz"} ;
    20.     pageContext.setAttribute("arr",arr);
    21.     List<String> list = new ArrayList<String>() ;
    22.     list.add("java") ;
    23.     list.add("python") ;
    24.     list.add("c++") ;
    25.     pageContext.setAttribute("list",list);
    26.     Map map = new HashMap() ;
    27.     map.put("key1","jsp") ;
    28.     map.put("key2","EL") ;
    29.     pageContext.setAttribute("map",map);
    30.  
    31. %>
    32. ${arr[0]}
    33. ${arr[1]}
    34. ${arr[2]}
    35. ${list[0]}
    36. ${list[1]}
    37. ${list[2]}
    38. ${map.key1}
    39. ${map.key2}
    40.  
    41. body>
    42. html>

    下面演示一下EL表达式执行基本运算，如下：

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: nuist__NJUPT
    4.   Date: 2022-08-19
    5.   Time: 16:21
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10. <head>
    11.     <title>title>
    12. head>
    13. <body>
    14. <h2>EL执行基本运算h2>
    15. <%
    16.  pageContext.setAttribute("s1","10");
    17.  pageContext.setAttribute("s2","20");
    18.  
    19. %>
    20. ${s1+s2}
    21. ${empty s1}
    22. ${s1>s2}
    23.  
    24.  
    25. body>
    26. html>

    另外EL表达式可以用来获取web开发常用对象，具体包括如下对象：

    EL表达式定义了11个web开发常用对象。使用这些对象可以很方便获取web开发冲的一些常见对象，并可以读取这些对象中的数据。

    1. pageContext               ：相当于JSP内置对象中pageContext
    2. pageScope                  ：获取指定域下的名称的数据
    3. requestScope             ：获取指定域下的名称的数据
    4. sessionScope             ：获取指定域下的名称的数据
    5. applicationScope      ：获取指定域下的名称的数据
    6. param                           ：在页面中接收请求参数（接收一个名称对应一个值参数）。
    7. paramValues               ：在页面中接收请求参数（接收一个名称对应多个值参数）。
    8. header                         ：在页面上获取请求头（获取一个key对应一个value 头）
    9. headerValues             ：在页面上获取请求头（获取一个key对应多个value 头）
    10. cookie                          ：访问cookie的名称和值（${cookie.key.name} ${cookie.key.value}）
    11. initParam                     ：获取全局初始化参数的值

    7、JSTL的常用标签

    JSTL：JSP的标准标签库。主要和EL来取代传统页面上直接嵌入Java代码写法。提升程序可读性、维护性和方便性。标签库如下，其中，常用的是核心标签库和EL函数库。

    1. c标签（core标签库）
    2. fmt标签（国际化标签库）
    3. xml标签
    4. sql标签
    5. jstl函数库（EL函数）

    我们在使用的时候需要导入标签库的jar包，然后在页面引入，然后演示core标签库下的if标签的使用，具体入如下：其中if标签有三个属性：

    1. test属性  ：条件
    2. var属性    ：将test中的条件的值赋给一个变量，在var中定义变量
    3. scope属性：作用范围
    1.  
    2. <%--
    3.   Created by IntelliJ IDEA.
    4.   User: nuist__NJUPT
    5.   Date: 2022-08-19
    6.   Time: 16:21
    7.   To change this template use File | Settings | File Templates.
    8. --%>
    9. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    10. <%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
    11. <html>
    12. <head>
    13.     <title>title>
    14. head>
    15. <body>
    16. <h2>JSTL的使用h2>
    17.  
    18. <c:set var="names" value="wang1" scope="page">c:set>
    19. ${names}
    21. <c:set var="n" value="1" scope="page">c:set>
    22. <c:if test="${n>=10}">
    23.     <font color="red">n大于等于10font>
    24. c:if>
    25. <c:if test="${n<10}">
    26.     <font color="blue">n小于10font>
    27. c:if>
    28. body>
    29. html>

    下面演示了JSTL核心库的foreach标签的使用，具体如下：

    1. <%@page import="java.util.*"%>
    2. <%@ page language="java" contentType="text/html; charset=UTF-8"
    3.     pageEncoding="UTF-8"%>
    4. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    5. html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    6. <html>
    7. <head>
    8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    9. <title>Insert title heretitle>
    10. head>
    11. <body>
    12. <h1>JSTL的foreach标签的使用h1>
    13. <h3>遍历数组h3>
    14. <%
    15. 	String[] arrs = {"aa","bb","cc"};
    16. 	pageContext.setAttribute("arrs", arrs);
    17. %>
    18. <c:forEach var="s" items="${ arrs }">
    19. 	${ s }
    20. c:forEach>
    21. <h3>遍历List集合h3>
    22. <%
    23. 	List<String> list = new ArrayList<String>();
    24. 	list.add("11");
    25. 	list.add("22");
    26. 	list.add("33");
    27. 	pageContext.setAttribute("list", list);
    28. %>
    29. <c:forEach var="s" items="${ list }">
    30. 	${ s }
    31. c:forEach>
    32. <h3>遍历Map集合h3>
    33. <%
    34. 	Map map =new HashMap();
    35. 	map.put("aaa",111);
    36. 	map.put("bbb",222);
    37. 	map.put("ccc",333);
    38. 	pageContext.setAttribute("map", map);
    39. %>
    40. <c:forEach var="entry" items="${ map }">
    41. 	${ entry.key }-${ entry.value }
    42. c:forEach>
    43. <h3>遍历从1到10h3>
    44. <c:forEach var="i" begin="1" end="10" step="1" >
    45. 	${ i }
    46. c:forEach>
    47. <h3>遍历100到200 每次加2 到第三个数的时候 将该数字变为蓝色h3>
    48. <c:forEach var="i" begin="100" end="200" step="2" varStatus="status">
    49. 	<c:if test="${ status.count % 3 == 0 }">
    50. 		<font color="blue">${ i }font>
    51. 	c:if>
    52. 	<c:if test="${ status.count % 3 != 0 }">
    53. 		${ i }
    54. 	c:if>
    55. c:forEach>
    56. body>
    57. html>

    8、综合案例

    下面通过一个案例来回顾一下，案例的需求是将从数据库中读取到的学生信息显示到浏览器页面带上 ，具体如下：

    1）环境准备

    创建web项目，导入相关jar包，创建目录结构，并引入工具类。

     然后需要进行数据准备，创建数据库和表，并插入记录，具体如下：

    1. create database if not exists web04_student;
    2. use web04_student;
    3. create table if not exists student(
    4. 	sid int primary key auto_increment,
    5. 	sname varchar(20),
    6. 	sex varchar(10),
    7. 	age int
    8. );
    9. insert into student values (null,'张三','男',20);
    10. insert into student values (null,'李四','女',23);
    11. insert into student values (null,'王五','女',18);
    12. insert into student values (null,'赵六','男',25);
    13. insert into student values (null,'孙七','男',21);

     2）编写代码

    第一，编写获得连接池的工具类，如下：

    1. import com.mchange.v2.c3p0.ComboPooledDataSource;
    2.  
    3. import javax.sql.DataSource;
    4. import java.sql.Connection;
    5. import java.sql.SQLException;
    6.  
    7. public class JDBCUtils {
    8. 	// 创建一个连接池：但是这个连接池只需要创建一次即可。
    9. 	private static final ComboPooledDataSource dataSource = new ComboPooledDataSource();
    10. 	
    11. 	/**
    12. 	 * 获得连接的方法
    13. 	 * @throws SQLException 
    14. 	 */
    15. 	public static Connection getConnection() throws SQLException{
    16. 		return dataSource.getConnection();
    17. 	}
    18. 	
    19. 	/**
    20. 	 * 获得连接池:
    21. 	 */
    22. 	public static DataSource getDataSource(){
    23. 		return dataSource;
    24. 	}
    25. 	
    26. }

    编写学生实体类，具体如下：

    1. public class Student {
    2. 	private Integer sid;
    3. 	private String sname;
    4. 	private String sex;
    5. 	private Integer sage;
    6. 	public Integer getSid() {
    7. 		return sid;
    8. 	}
    9. 	public void setSid(Integer sid) {
    10. 		this.sid = sid;
    11. 	}
    12. 	public String getSname() {
    13. 		return sname;
    14. 	}
    15. 	public void setSname(String sname) {
    16. 		this.sname = sname;
    17. 	}
    18. 	public String getSex() {
    19. 		return sex;
    20. 	}
    21. 	public void setSex(String sex) {
    22. 		this.sex = sex;
    23. 	}
    24. 	public Integer getSage() {
    25. 		return sage;
    26. 	}
    27. 	public void setSage(Integer sage) {
    28. 		this.sage = sage;
    29. 	}
    30. }

    编写模型层，用于查询所有学生信息，并封装成list集合。

    1. import java.sql.SQLException;
    2. import java.util.List;
    3.  
    4. import jsp.domain.Student;
    5. import jsp.utils.JDBCUtils;
    6. import org.apache.commons.dbutils.QueryRunner;
    7. import org.apache.commons.dbutils.handlers.BeanListHandler;
    8.  
    9. public class StudentModel {
    10. 	// 查询所有学生信息的方法：
    11. 	public List findAll() throws SQLException {
    12. 		QueryRunner queryRunner = new QueryRunner(JDBCUtils.getDataSource());
    13. 		List list = queryRunner.query("select * from student", new BeanListHandler(Student.class));
    14. 		return list;
    15. 	}
    16.  
    17. }


    编写控制层sevlet，用于控制模型层处理数据，并跳转到jsp页面。

    1. import jsp.domain.Student;
    2. import jsp.model.StudentModel;
    3.  
    4. import java.io.IOException;
    5. import java.util.List;
    6. import javax.servlet.ServletException;
    7. import javax.servlet.http.HttpServlet;
    8. import javax.servlet.http.HttpServletRequest;
    9. import javax.servlet.http.HttpServletResponse;
    10.  
    11.  
    12. /**
    13.  * 查询学生信息的Servlet
    14.  */
    15. public class StudentServlet extends HttpServlet {
    16.  
    17. 	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    18. 		try{
    19. 			// 1.调用Java类处理数据
    20. 			StudentModel studentModel = new StudentModel();
    21. 			List list = studentModel.findAll();
    22. 			// 2.显示到JSP页面
    23. 			request.setAttribute("list", list);
    24. 			request.getRequestDispatcher("/jsp/list.jsp").forward(request, response);
    25. 		}catch(Exception e){
    26. 			e.printStackTrace();
    27. 		}
    28. 	}
    29.  
    30. 	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
    31. 	{
    32. 		doGet(request, response);
    33. 	}
    34.  
    35. }

    最后编写视图层的list.jsp代码，用于获取和显示学生信息，如下：
     

    1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2.     pageEncoding="UTF-8"%>
    3. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    4. html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    5. <html>
    6. <head>
    7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    8. <title>Insert title heretitle>
    9. head>
    10. <body>
    11. <h1>学生信息显示页面h1>
    12. <table border="1" width="600">
    13. 	<tr>
    14. 		<td>学生编号td>
    15. 		<td>学生姓名td>
    16. 		<td>学生性别td>
    17. 		<td>学生年龄td>
    18. 	tr>
    19. 	<c:forEach var="student" items="${ list }">
    20. 	<tr>
    21. 		<td>${ student.sid }td>
    22. 		<td>${ student.sname }td>
    23. 		<td>${ student.sex }td>
    24. 		<td>${ student.sage }td>
    25. 	tr>
    26. 	c:forEach>
    27. table>
    28. body>
    29. html>

    本次使用c3p0开源开源连接池，故需要配置c3p0-config.xml中配置数据库参数，具体如下：
     

    1. "1.0" encoding="UTF-8"?>
    2. <c3p0-config>
    3. 	<default-config>
    4. 		<property name="driverClass">com.mysql.jdbc.Driverproperty>
    5. 		<property name="jdbcUrl">jdbc:mysql:///web04_studentproperty>
    6. 		<property name="user">rootproperty>
    7. 		<property name="password">123456property>
    8. 		
    9. 		<property name="initialPoolSize">5property>
    10. 		<property name="minPoolSize">5property>
    11. 		<property name="maxPoolSize">20property>
    12. 	default-config> 
    13. c3p0-config>

    最后需要在web.xml中配置本次所用到的servlet对象，如下：

    1. "1.0" encoding="UTF-8"?>
    2. <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    4.          xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
    5.          version="4.0">
    6.  
    7.     <servlet>
    8.         <servlet-name>StudentServletservlet-name>
    9.         <servlet-class>jsp.controller.StudentServletservlet-class>
    10.     servlet>
    11.     <servlet-mapping>
    12.         <servlet-name>StudentServletservlet-name>
    13.         <url-pattern>/StudentServleturl-pattern>
    14.     servlet-mapping>
    15. web-app>

    效果如下：

  • 相关阅读:
    由于apt-get命令不知道为什么使用不了（可能是关闭了某个访问外网的东西），所以手动在ubuntu上安装mongodb
    【数据结构-oj】顺序表和链表的 oj 题（入门）
    二、模型驱动测试设计
    React路由组件传参的三种方式——params、search、state
    SpringBoot项目中使用Swagger2及注解解释（详细）
    学生个人网页设计作品：旅游网页设计与实现——成都旅游网站4个页HTML+CSS web前端网页设计期末课程大作业 学生DW静态网页设计 学生个人网页设计作品
    DC-DC模块升压电源直流隔离低压升高压正负输出变换器
    [GAMES101]透视投影变换矩阵中为什么需要改变z值
    10月21日绿健简报，星期五，农历九月廿六
    项目规划得心应手：Plane 助你打造高效能团队 | 开源日报 No.48
  • 原文地址：https://blog.csdn.net/nuist_NJUPT/article/details/126425588