《遇见狂神说》Javaweb之jsp技术

Posted 2021-07-07 生命是有光的

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了《遇见狂神说》Javaweb之jsp技术相关的知识，希望对你有一定的参考价值。

1、JSP

什么是JSP？
- Java Server Pages ： Java服务器端页面，也和Servlet一样，用于动态Web技术！
- 可以理解为：一个特殊的页面，其中既可以指定定义html标签，又可以定义java代码
JSP与HTML的区别
- HTML只给用户提供静态的数据
- JSP页面中可以嵌入JAVA代码，为用户提供动态数据
JSP与Servlet的区别
- servlet 很难对数据进行排版
- JSP容易对数据进行排版

1.1、JSP原理

JSP本质上就是一个Servlet
当我们第一次访问Jsp的时候，Jsp 引擎都会将这个Jsp翻译成一个Servlet,这个文件存放在tomcat (源码目录)中的work目录中。
在JSP页面中，只要是 JAVA代码就会原封不动的输出，如果是HTML代码，就会被转换为
```
out.write("<html>\\r\\n");
```
这样的格式，输出到前端！

1.2、JSP的脚本

JSP的脚本就是JSP定义Java代码的方式
JSP 作为java技术的一种应用，它拥有一些自己扩充的语法，但是Java所有语法都支持！

1.2.1、java脚本段

第一种：java脚本段，可以定义局部变量、编写语句
- 格式：<% %>

<%-- jsp脚本片段 --%>
<%
int sum = 0;
for (int i = 1; i <=100 ; i++) {
  sum+=i;
}
out.println("<h1>Sum="+sum+"</h1>");
%>

1.2.2、jsp声明

第二种：jsp声明，可以定义全局变量、方法、类
- 格式：<%! %>

<%!
static {
  System.out.println("Loading Servlet!");
}

private int Var = 0;

public void kuang(){
  System.out.println("进入了方法Kuang！");
}
%>

1.2.3、jsp表达式

第三种：jsp表达式，用来将程序的输出，输出到客户端(浏览器)
- 格式：<%= 变量或者表达式 %>

<%= new java.util.Date()%>

在这里插入图片描述

1.3、JSP指令

使用包含操作，可以将一些重复的代码包含进来继续使用，从正常的页面组成来看，有时可能分为几个区域。而其中的一些区域可能是一直不需要改变的，改变的就其中的一个具体内容区域。现在有两种方法可以实现上述功能。

方法一:在每个JSP页面(HTML)都包含工具栏、头部信息、尾部信息、具体内容
方法二:将工具栏、头部信息、尾部信息都分成各个独立的文件,使用的时候直接导入
很明显，第二种方法比第一种更好，第一种会存在很多重复的代码，并且修改很不方便
在JSP中如果要想实现包含的操作，有两种做法:静态包含、动态包含，静态包含使用include指令即可，动态包含则需要使用include动作标签。

1.3.1、include静态包含

格式：

<%@ include file="要包含的文件路径"%>

静态包含就是将内容进行了直接的替换,就好比程序中定义的变量一样，是在 servlet 引擎转译时，就把此文件内容包含了进去,所以只生成了一个 servlet，所以两个页面不能有同名的变量。

<%--@include会将两个页面合二为一--%>
<%@include file="common/header.jsp"%>
<h1>网页主体</h1>
<%@include file="common/footer.jsp"%>

1.3.2、include动态包含

格式：

<jsp:include page="要包含的文件路径" />

动态包含在代码的编译阶段，包含和被包含部分是两个独立的部分，只有当运行时，才会动态包含进来，好比方法的调用。

<%--jsp:include：拼接页面，本质还是三个--%>
<jsp:include page="/common/header.jsp" />
<h1>网页主体</h1>
<jsp:include page="/common/footer.jsp" />

1.4、JSP注释

在JSP中支持两种注释的语法操作

一种是显示注释，这种注释是允许客户端(浏览器)看见的；
- 显示注释语法：从HTML风格继承而来
另一种是隐式注释，此种注释是客户端无法看见的
- 隐式注释语法：从JAVA风格继承，JSP自己的注释

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

1.5、定制错误页面

我们可以自己定制错误页面，并在web.xml中进行配置，例如

jsp2.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
  <%-- 手动制造错误 --%>  
  int x = 1/0;
%>
</body>
</html>

测试启动

在这里插入图片描述

此时弹出500的错误页面，我们可以自己写错误页面，让其发生错误时跳转到一个更美观的错误页面
我们新建一个error包,新建500.jsp

500.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>自定义500错误的界面</title>
</head>
<body>
<h1>自定义500错误的界面</h1>
<img src="../img/500.png" alt="500">
</body>
</html>

我们在web.xml中进行错误页面的配置

<error-page>
    <error-code>500</error-code>
    <location>/error/500.jsp</location>
</error-page>

访问测试

在这里插入图片描述

此时发生错误就会跳转到我们自己写的500.jsp页面了

1.6、定制404页面

同理，我们也可以自己定制404页面，只需要在web.xml中再次配置404页面路径即可

404.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>404</title>
</head>
<body>
    <img src="../img/404.png" alt="404" >
</body>
</html>

web.xml中配置

<error-page>
    <error-code>404</error-code>
    <location>/error/404.jsp</location>
</error-page>

测试访问

在这里插入图片描述

1.7、内置对象

内置对象：在jsp页面中不需要创建，直接使用的对象

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

pageContextDemo01.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--内置对象--%>
<%
    pageContext.setAttribute("name1","1号"); 
    request.setAttribute("name2","2号");     
    session.setAttribute("name3","3号");    
    application.setAttribute("name4","4号");
%>

我们在pageContextDemo01.jsp存入四个数据，我们去其他jsp页面去取

pageDemo02.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
  // 从pageContext取出,通过寻找的方式来
  // 从底层到高层(作用域):page->request->session->application
  String name1 = (String) pageContext.findAttribute("name1");
  String name2 = (String) pageContext.findAttribute("name2");
  String name3 = (String) pageContext.findAttribute("name3");
  String name4 = (String) pageContext.findAttribute("name4");
  String name5 = (String) pageContext.findAttribute("name5");

%>
<%--使用EL表达式输出 ${} --%>
<h1>取出的值为:</h1>
<h3>${name1}</h3>
<h3>${name2}</h3>
<h3>${name3}</h3>
<h3>${name4}</h3>
<%--使用jsp表达式输出--%>    
<h3><%=name5%></h3>
<%--使用EL表达式输出--%>
<h3>${name5}</h3>
</body>
</html>

注意此时的name5数据不存在，但是我们用jsp表达式和EL表达式分别去取，会发生什么呢？
我们先访问/pageContextDemo01.jsp去存入数据，再访问/pageDemo02.jsp去取数据

在这里插入图片描述

只取到了3、4号数据，那么这就是域对象的问题了

对象	作用域
pageContext.setAttribute	保存的数据只在一个页面中有效
request.setAttribute	保存的数据只在一次请求中有效，请求转发会携带这个数据
session.setAttribute	保存的数据只在一次会话中有效，从打开浏览器到关闭浏览器
application.setAttribute	保存的数据只在服务器中有效，从打开服务器到关闭服务器

pageContext.setAttribute("name1","1号"); //保存的数据只在一个页面中有效
request.setAttribute("name2","2号");     //保存的数据只在一次请求中有效，请求转发会携带这个数据
session.setAttribute("name3","3号");     //保存的数据只在一次会话中有效，从打开浏览器到关闭浏览器
application.setAttribute("name4","4号"); // 保存的数据只在服务器中有效，从打开服务器到关闭服务器

所以一般这几个对象都会有如下使用场景
- request：客户端向服务器发送请求，产生的数据，用户看完就没用了，比如：新闻，用户看完没用的！
- session：客户端向服务器发送请求，产生的数据，用户用完一会还有用，比如：购物车；
- application：客户端向服务器发送请求，产生的数据，一个用户用完了，其他用户还可能使用，比如：聊天数据；

1.8、EL表达式

概念：Expression Language 表达式语言
作用：替换和简化jsp页面中java代码的编写
语法：${表达式}
使用之前要进行配置依赖

<!-- JSTL表达式的依赖 -->
<dependency>
    <groupId>javax.servlet.jsp.jstl</groupId>
    <artifactId>jstl-api</artifactId>
    <version>1.2</version>
</dependency>
<!-- standard标签库 -->
<dependency>
    <groupId>taglibs</groupId>
    <artifactId>standard</artifactId>
    <version>1.1.2</version>
</dependency>

1.8.1、JSP标签

在使用include动态包含的时候我们可以传递参数,例如：

jsptag.jsp

我们在此jsp中放入参数，这样我们访问：http://localhost:8080/jsptag.jsp 就相当于http://localhost:8080/jsptag.jsp?name=kuangshen&age=12

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>1</h1>
<%-- http://localhost:8080/jsptag.jsp?name=kuangshen&age=12 --%>
<jsp:forward page="/jsptag2.jsp">
    <jsp:param name="name" value="kuangshen"/>
    <jsp:param name="age" value="12"/>
</jsp:forward>>

</body>
</html>

jsptag2.jsp

我们在另一个页面获取参数

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>2</h1>
<%--取出参数--%>

名字:<%=request.getParameter("name")%>
年龄:<%=request.getParameter("age")%>


</body>
</html>

访问测试

在这里插入图片描述

1.8.2、JSTL表达式

JSTL标签库的使用就是为了弥补HTML标签的不足，它自定义许多标签，可以供我们使用，标签的功能和java代码是一样的，我们只需看核心标签库里面的几个常用标签即可！

1.8.3、if

if：相当于java代码的if语句

属性：

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

注意：

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

1.8.4、c:out

用于在JSP中显示数据，就像<%= >

coreis.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--引入JSTL核心标签库，这样我们才能使用JSTL标签--%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h4>if测试</h4>
<hr>
<form action="coreif.jsp" method="get">
<%--
    EL表达式获取表单中的数据
    ${param.参数名}
--%>
    <input type="text" name="username" value="${param.username}">
    <input type="submit" value="登录">
</form>
    
    
<%--提交到本页面,我们进行获取判断如果提交的用户名是管理员，则登录成功--%>
<c:if test="${param.username=='admin'}" var="isAdmin">
    <c:out value="管理员欢迎你！" />
</c:if>
<c:out value="${isAdmin}" />

</body>
</html>

form表单提交到本页面
如果表单中输入的值为admin，则返回true，并将true赋给isAdmin，如果表单中输入的值不是admin，则返回false，并将false赋给isAdmin
如果表单中输入的值为admin，则在网页中打印：管理员欢迎你！
否则在网页中打印isAdmin的值，也就是false

在这里插入图片描述

1.8.5、c:choose

choose:相当于java代码的switch语句
- 使用choose标签声明相当于switch声明
- 使用when标签做判断相当于case
- 使用otherwise标签做其他情况的声明相当于default

1.8.6、c:set

用于保存数据

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--定义一个变量score,值为85--%>
<c:set var="score" value="85" />
<c:choose>
    <c:when test="${score>=90}">
        你的成绩为优秀
    </c:when>
    <c:when test="${score>=80}">
        你的成绩为一般
    </c:when>
    <c:when test="${score>=70}">
        你的成绩为良好
    </c:when>
    <c:when test="${score>=60}">
        你的成绩为不好
    </c:when>
</c:choose>
</body>
</html>

在这里插入图片描述

1.8.5、foreach

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

coreforeach.jsp

<html>
<head>
    <title>Title</title>
</head>
<body>
<%
  ArrayList<String> people = new ArrayList<>();
  people.add(0,"张三");
  people.add(1,"李四");
  people.add(2,"王五");
  people.add(3,"赵六");
  people.add(4,"田六");
  request.setAttribute("list",people);

%>
<%--
var ,每一次遍历出来的变量
items,要遍历的对象
begin 哪里开始
end 哪里结束
step 步长
--%>
<c:forEach var="people" items="${list}">
  <c:out value="${people}" /> <br>
</c:forEach>
<hr>

<c:forEach var="people" items="${list}" begin="1" end="3" step="1">
  <c:out value="${people}" />
</c:forEach>
</body>
</html>

在这里插入图片描述

1.9、在IDEA中修改jsp模板

可以在IDEA中修改jsp模板

在这里插入图片描述

以上是关于《遇见狂神说》Javaweb之jsp技术的主要内容，如果未能解决你的问题，请参考以下文章

《遇见狂神说》Javaweb之cookie和session

遇见狂神说---JavaWeb部分笔记

遇见狂神说 --- [ 文件上传,邮件发送实现 ]

《遇见狂神说》全套JDBC技术总结

狂神说 javaweb

遇见狂神说JAVA笔记 --- Mybatis 学习