JavaWeb(八)——JSP（Java服务器端页面）

其他 2020-03-26 02:07:16 阅读次数: 0

文章目录

1. JSP定义

Java Server Pages ： Java服务器端页面，也和Servlet一样，用于动态Web技术！

最大特点：

  • 写JSP就像在写HTML

  • 区别：

    • HTML只给用户提供静态的数据
    • JSP页面中可以嵌入JAVA代码，为用户提供动态数据；

2. JSP原理

思路：JSP到底怎么执行的！

  • 代码层面没有任何问题
  • 服务器内部工作
    tomcat中有一个work目录；
    IDEA中使用Tomcat的话会在IDEA的tomcat中生产一个work目录
    在这里插入图片描述
    博主电脑的地址如下图：
    在这里插入图片描述
    发现页面转变成了Java程序！

浏览器向服务器发送请求，不管访问什么资源，其实都是在访问Servlet！
JSP最终也会被转换成为一个Java类！
JSP 本质上就是一个Servlet

//初始化
  public void _jspInit() {
      
  }
//销毁
  public void _jspDestroy() {
  }
//服务
  public void _jspService(.HttpServletRequest request,HttpServletResponse response)

jspService：jsp服务有如下内容
（1）判断请求

（2）内置一些对象

final javax.servlet.jsp.PageContext pageContext;  //页面上下文
javax.servlet.http.HttpSession session = null;    //session
final javax.servlet.ServletContext application;   //applicationContext
final javax.servlet.ServletConfig config;         //config
javax.servlet.jsp.JspWriter out = null;           //out
final java.lang.Object page = this;               //page：当前
HttpServletRequest request                        //请求
HttpServletResponse response                      //响应

（3）输出页面前增加的代码

扫描二维码关注公众号，回复： 10173110 查看本文章 
response.setContentType("text/html");       //设置响应的页面类型
pageContext = _jspxFactory.getPageContext(this, request, response,
                                          null, true, 8192, true);
_jspx_page_context = pageContext;
application = pageContext.getServletContext();
config = pageContext.getServletConfig();
session = pageContext.getSession();
out = pageContext.getOut();
_jspx_out = out;

（4）以上的这些个对象我们可以在JSP页面中直接使用！
在这里插入图片描述
在JSP页面中；
只要是 JAVA代码就会原封不动的输出；
如果是HTML代码，就会被转换为：

out.write("<html>\r\n");

这样的格式，输出到前端！

3. JSP基础语法

任何语言都有自己的语法，JAVA中有， JSP 作为java技术的一种应用，它拥有一些自己扩充的语法（了解，知道即可！），Java所有语法都支持！

（1）JSP表达式
作用：用来将程序的输出，输出到客户端
语法： <%= 变量或者表达式%>

<%--JSP表达式--%>
 <%= new java.util.Date()%>
 <hr>

（2）jsp脚本片段

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

（3）脚本片段的再实现

 <%
    int x = 10;
    out.println(x);
  %>
  <p>这是一个JSP文档</p>
  <% 
    int y = 2;
    out.println(y);
  %>

  <hr>

  <%--在代码嵌入HTML元素--%>
  <%--EL表达式--%>
  <% for (int i = 0; i < 5; i++) { %>
    <h1>Hello,World</h1>
  <% } %>

（4）JSP声明

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

   private int globalVar = 0;

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

JSP声明：会被编译到JSP生成Java的类中！其他的就会被生成到_jspService方法中！
总结如下：

<%%>  脚本片段
<%=%> 表达式输出一个值
<%!%> 定义全局

<%--EL表达式：${} 等价于<%= %>--%>

<!--HTML注释-->
<%--JSP注释--%>

注意：JSP的注释，不会在客户端显示，而HTML的注释会在客户端显示！

测试访问结果：
在这里插入图片描述

4. JSP指令

JSP指令用来设置整个JSP页面相关的属性，如网页的编码方式和脚本语言。

JSP中的三种指令标签：

<%@ page … %>	定义网页依赖属性，比如脚本语言、error页面、缓存需求等等
<%@ include … %> 	包含其他文件
<%@ taglib … %>	引入标签库的定义
  • 定制错误页面
    文件夹创建情况
    在这里插入图片描述
    jsp2.jsp 文件的代码如下：
    错误之处：int x = 1/0; （分母不能为0）
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--定制错误页面--%>
<%@ page errorPage="error/500.jsp" %>


<html>
<head>
    <title>Title</title>
</head>
<body>

<%
    int x = 1/0;
%>

</body>
</html>

404.jsp 和500.jsp 中的代码如下：

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

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<img src="../img/500.png" alt="500">

</body>
</html>

测试访问结果：
在这里插入图片描述
除以上的方法外，还可以在web.xml 中定制
web.xml 文件的代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

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

</web-app>

测试访问结果：
随意输入一个不存在的页面
在这里插入图片描述
访问jsp2.jsp页面
在这里插入图片描述

5. 九大内置对象

在JSP页面中不需要创建，可直接使用对象。

  • PageContext：当前页面共享数据，还可以获取其他八个内置对象
  • Request：一次请求访问的多个资源(转发)
  • Response：响应对象
  • Session ：一次会话的多个请求间
  • Application ： 所有用户间共享数据
  • config ：Servlet的配置对象
  • out ： 输出对象，数据输出到页面上
  • page ：不用了解 当前页面(Servlet)的对象 this
  • exception ：异常对象

从底层到高层（作用域）： page->request–>session–>application（从左到右依次增大）
创建文件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号");  //保存的数据只在服务器中有效，从打开服务器到关闭服务器
%>
<%--脚本片段中的代码，会被原封不动生成到.JSP.java
要求：这里面的代码：必须保证Java语法的正确性
--%>
<%
    //从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>
<h3>${name5}</h3>

</body>
</html>

测试访问结果：
在这里插入图片描述
从另一个页面pageContextDemo02.jsp测试取出上述的值：（取值代码与前面一致）发现只取到后两个值
在这里插入图片描述
应用场景：
request：客户端向服务器发送请求，产生的数据，用户看完就没用了，比如：新闻，用户看完没用的！

session：客户端向服务器发送请求，产生的数据，用户用完一会还有用，比如：购物车；

application：客户端向服务器发送请求，产生的数据，一个用户用完了，其他用户还可能使用，比如：聊天数据；

6. JSP标签、JSTL标签、EL表达式

首先pom.xml 中需要导包

  <!-- 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>

EL表达式 ${ } 的三个作用：

  • 获取数据
  • 执行运算
  • 获取web开发的常用对象

JSP标签
创建文件jsptag.jsp，代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<h1>1</h1>

<%--jsp:include--%>


<jsp:forward page="/jsptag2.jsp">
    <jsp:param name="name" value="Dalao"></jsp:param>
    <jsp:param name="age" value="18"></jsp:param>
</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>

测试访问结果：访问jsptag.jsp ，跳转到jsptag2.jsp
在这里插入图片描述

JSTL表达式
JSTL标签库的使用就是为了弥补HTML标签的不足；它自定义许多标签，可以供我们使用，标签的功能和Java代码一样！

核心标签 （掌握部分）
在这里插入图片描述

JSTL标签库使用步骤

  • 引入对应的 taglib

  • 使用其中的方法

  • 在Tomcat 也需要引入 jstl的包，否则会报错：JSTL解析错误

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

（1）c：if

EL表达式获取表单中的数据
${param.参数名}

创建文件coreif.jsp ，代码如下：

<%@ 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>


<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>

测试访问后出现500 错误：
在这里插入图片描述
解决方法：
将External Libraries 中的jstl-api 和standard的jar包复制到Tomcat安装包的lib 文件夹中
在这里插入图片描述
在这里插入图片描述
再次测试访问就成功了！
在这里插入图片描述
（2）c:choose c:when
创建文件corewhen ，代码如下：

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

<%--定义一个变量score，值为85--%>
<c:set var="score" value="98"/>


<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>

测试访问结果：
在这里插入图片描述
（3）c:forEach (重点)
创建文件coreforeach.jsp ，代码如下：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<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}"/> <br>
</c:forEach>

</body>
</html>

测试访问结果：

在这里插入图片描述

Easonnzz
发布了62 篇原创文章 · 获赞 2 · 访问量 2727
私信 关注

猜你喜欢

转载自blog.csdn.net/nzzynl95_/article/details/104238994
今日推荐
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
周排行
curl的POST请求，封装方法
8.1.1. Integer Types
Java基础 Day05(个人复习整理)
Python - Django - 中间件 process_exception
小L的试卷
【Shell编程】 （函数）判断用户是否存在
python(css样式)
spring ant path 匹配原则 - 【笔记】
《JavaScript与JScript从入门到精通》(美)James.Jaworski.中译本.扫描版.pdf
Eclipse运行带参数的java程序
每日归档
更多
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022