【网络应用开发】实验2--JSP技术及应用（HTTP状态400错误的请求的解决方法）

た入场券 2024-03-24 14:36 11阅读 0赞

**目录**

JSP技术及应用预习报告

一、实验目的

二、实验原理

三、实验预习内容

JSP技术及应用实验报告

一、实验目的

二、实验要求

三、实验内容与步骤

1. 创建一个名为exp02的Web项目，创建并执行下面JSP页面，文件名为counter. jsp

2. errorPage属性和isErrorPage属性的使用。

高亮重点

3. 应用session对象实现用户登录。

4.通过application对象实现页面访问计数器功能。

5.编写一个页面文件staytime.jsp, 统计用户在该页面停留的时间。运行本示例，将会显示用户的登录时间，并且每过10秒刷新一次页面显示用户在该页面的停留时间。

四、思考题

1. 如何给JSP页面设置初始化参数并访问这些初始化参数？

2. JSP的四大作用域对象pageContext, request, session、application对应的Servlet类、作用及范围各是什么？

--------------------

## JSP技术及应用预习报告 ##

### **一、实验目的** ###

> 1. 熟练掌握JSP的声明、表达式、小脚本和注释的使用；
> 
> 2. 理解JSP页面指令和动作的语法格式；
> 
> 3. 理解JSP页面的生命周期；
> 
> 4. 熟练掌握page指令的常用属性：import、session、errorPage、isErrorPage、contentType、pageEncoding；
> 
> 5. 熟练掌握JSP的内置对象及用法；
> 
> 6. 熟练掌握JSP作用域对象及用法。

### **二、实验原理** ###

> JSP有三个指令元素：page、include和taglib。这些指令元素是针对JSP引擎的，并不会产生任何看得见的输出。它们都包含在<%@和%>标签内。本实验主要学习page指令。
> 
> <%@ page %>指令作用于整个JSP页面，包括静态包含的页面，但不包括动态包含的页面。可以在一个页面中包含多个<%@ page %>指令，但其属性除import外只能在整个页面中出现一次。
> 
> <%@ page %>指令可以放在页面的任何位置，但为了JSP程序的可读性，一般将<%@ page %>指令放在页面的前面。
> 
> JSP中一共预先定义了九大内置对象，分别为：request、response、session、application、out、pageContext、config、page、exception。
> 
> JSP中有四大作用域对象：pageContext, request, session，application。

### **三、实验预习内容** ###

> 1. JSP语法元素有哪些？使用时应注意什么问题？
> 
> JSP脚本元素、JSP指令、JSP动作、JSP注释、表达式语言。首先我们在访问外部资源之前，要做的第一件事就是检查这个资源(比如说：数据库)是否可以进行操作又或者是正常连接；接着在访问外部资源的时候，假如进行了连接的话，那么就必须要进行关闭的操作，另外仅仅只进行一次关闭的操作。但是我们要注意一点，那就是要尽量在同一个操作中共享外部资源，以减少这个操作对于资源的消费，从而提高程序的执行效率。
> 
> 2.JSP页面的生命周期包括哪几个阶段？
> 
> 页面转换、页面编译、加载和创建实例、调用jspInit()、调用\_jspService()、调用jspDestroy().
> 
> 3.JSP指令和动作有哪些？有什么区别？
> 
> JSP动作：是页面发给容器的命令，它指示容器在页面执行期间完成某种任务，动作有三种：JSP标准动作、标准标签库中的动作和用户自定义动作。
> 
> 区别：指令在编译时加入,所谓静态,就是在编译的时候将a.jsp的代码加入进来再编译,之后运行.而动作在运行时加入,所谓动态,就是单独编译,在运行时候加入进来,之后显示,这种include,可以传递参数.
> 
> 4.page指令有哪些常用的属性，这些属性的功能是什么？
> 
> <table> 
>  <tbody> 
>   <tr> 
>    <td style="border-color:#000000;vertical-align:top;width:115.2pt;"> <p style="margin-left:0;text-align:center;">属性名</p> </td> 
>    <td style="border-color:#000000;vertical-align:top;width:310.9pt;"> <p style="margin-left:0;text-align:center;">功能</p> </td> 
>   </tr> 
>   <tr> 
>    <td style="border-color:#000000;vertical-align:top;width:115.2pt;"> <p style="margin-left:0;text-align:center;">import</p> </td> 
>    <td style="vertical-align:top;width:310.9pt;"> <p style="margin-left:0;text-align:center;">导入在JSP页面中使用的Java类和接口</p> </td> 
>   </tr> 
>   <tr> 
>    <td style="border-color:#000000;vertical-align:top;width:115.2pt;"> <p style="margin-left:0;text-align:center;">contentype</p> </td> 
>    <td style="vertical-align:top;width:310.9pt;"> <p style="margin-left:0;text-align:center;">指定输出的内容类型和字符集</p> </td> 
>   </tr> 
>   <tr> 
>    <td style="border-color:#000000;vertical-align:top;width:115.2pt;"> <p style="margin-left:0;text-align:center;">session</p> </td> 
>    <td style="vertical-align:top;width:310.9pt;"> <p style="margin-left:0;text-align:center;">用布尔值指定JSP页面是否参加HTTP会话</p> </td> 
>   </tr> 
>   <tr> 
>    <td style="border-color:#000000;vertical-align:top;width:115.2pt;"> <p style="margin-left:0;text-align:center;">errorPage</p> </td> 
>    <td style="vertical-align:top;width:310.9pt;"> <p style="margin-left:0;text-align:center;">用相对URL指定另一个JSP页面用来处理当前页面的错误</p> </td> 
>   </tr> 
>   <tr> 
>    <td style="border-color:#000000;vertical-align:top;width:115.2pt;"> <p style="margin-left:0;text-align:center;">isErrorPage</p> </td> 
>    <td style="vertical-align:top;width:310.9pt;"> <p style="margin-left:0;text-align:center;">用一个布尔值指定当前JSP页面是否用来处理错误</p> </td> 
>   </tr> 
>   <tr> 
>    <td style="border-color:#000000;vertical-align:top;width:115.2pt;"> <p style="margin-left:0;text-align:center;">pageEncoding</p> </td> 
>    <td style="vertical-align:top;width:310.9pt;"> <p style="margin-left:0;text-align:center;">指定JSP文件的字符编码</p> </td> 
>   </tr> 
>  </tbody> 
> </table>

## JSP技术及应用实验报告 ##

### **一、实验目的** ###

### **二、实验要求** ###

> 1. 实验前进行预习，完成实验预习报告；
> 
> 2．按照每一项实验内容进行上机实践与编程，将程序源代码和运行结果图附在实验报告中实验内容对应的部分。
> 
> 3. 实验预习报告和实验报告打印装订在一起。
> 
> 4. 将每一次实验的源代码按目录组织保存并压缩，按照老师指定的要求进行提交。代码保存方式如：exp02表示实验二Web项目的名称，其下保存各项实验内容的源文件及相关资源，将整个exp02文件夹进行压缩后命名为班级-姓名-实验2，如：计181-张三-实验2。

### **三、实验内容与步骤** ###

> #### 1. 创建一个名为exp02的Web项目，创建并执行下面JSP页面，文件名为counter. jsp ####
> 
>     <html><body>
>     <%@ page language="java" %>
>     <%! int count = 0; %>
>     <% count++; %>
>     Welcome! You are visitor number
>     <%= count %>
>     </body></html>
> 
> 【步骤1】在浏览器中访问该页面，输出结果如何？多次刷新页面，结果如何？
> 
> ![d2b47261b9ef4cdca321aa9478e6e6e9.png][]
> 
> ![0743737fe16e45a483a6a6ff3f8c57a7.png][]
> 
> 【步骤2】打开counter.jsp转换后的源文件counter\_jsp.java，对应的类文件在哪里？文件名是什么？
> 
> C:\\Users\\Lenovo\\eclipse-workspace\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp0\\work\\Catalina\\localhost\\exp02\\org\\apache\\jsp
> 
> ![328257087f3645658583eafb230b4bf1.png][]
> 
> 【步骤3】查看count变量是在哪里声明的？
> 
> ![74221790e0d34813b6c6a46bd0311bef.png][]
> 
> 【步骤4】将上面JSP页面中的<%! int count = 0; %>一行改为<% int count = 0; %>，页面能否正常执行，它与上面页面有什么区别？
> 
> 可以正常执行，但是刷新后数字不再进行增加。
> 
> 区别：<%! %> 里声明的变量和方法都是作为类的属性和方法存在的全局变量，而 <% %> 里声明的变量则是作为局部变量。
> 
> #### 2. errorPage属性和isErrorPage属性的使用。 ####
> 
> 【步骤1】创建hello.jsp页面，从请求中读取名为 “name”的请求参数值，如果值为null，则抛出一个运行时异常，异常描述信息为"没有指定name 属性"，指定错误处理页面为errorHandler.jsp；如果请求参数不为空，则输出“Hello”+name。
> 
>     <%@ page contentType="text/html;charset=UTF-8" language="java" %>
>     <%@ page errorPage="errorHandler.jsp" %>
>     <html>
>     <head>
>         <title>获取名字</title>
>     </head>
>     <body>
>         <%
>             String name=request.getParameter("name");
>        	 	java.net.URLDecoder.decode(name,"utf-8");
>             if(name==null) {
>                 throw new RuntimeException("没有指定name参数");
>             }
>         %>
>         Hello,<%=name%>
>     </body>
>     </html>
> 
> 【步骤2】创建errorHandler.jsp错误处理页面，显示异常提示信息。
> 
>     <%@ page language="java" contentType="text/html; charset=UTF-8"
>         pageEncoding="UTF-8"%>
>     <%@ page isErrorPage="true" %>
>     <!DOCTYPE html>
>     <html>
>     <head>
>     <meta charset="UTF-8">
>     <title>错误提示页面</title>
>     </head>
>     <body>
>     <%
>     response.setStatus(200);
>     %>
>     请求有误：<%=exception.getMessage() %><br/>
>     请重试！
>     </body>
>     </html>
> 
> 【步骤3】用下面两种URL访问hello.jsp页面，给出最终显示的运行结果，并分析原因。
> 
> http://localhost:8080/exp02/hello.jsp
> 
> ![15a943e1ea5c440182d18f54ce8d970c.png][]
> 
> ## **高亮重点**  ##
> 
> **一般人只要输入http://localhost:8080/exp02/hello.jspname=欧阳清风就可以出现界面了，但是可能大家还会遇到一种情况就是****出现400错误**
> 
> ![c66be5a138314d5eb29bd0668d5bfc47.png][]
> 
> 此时有一个解决办法，去进行url编码转换  
> [url在线转码工具-在线url网址编码解码工具-UrlEncode编码-UrlDecode解码在线工具][url_-_url_-UrlEncode_-UrlDecode]
> 
> 点此工具，输入你需要转换的字符。
> 
> ![0a1f251c1d1b444fb3563ca1888cdb34.png][]
> 
> http://localhost:8080/exp02/hello.jspname=%E6%AC%A7%E9%98%B3%E6%B8%85%E9%A3%8E
> 
> ![ee861f12eba741aaa22c1e509cc4e5ec.png][]
> 
> #### 3. 应用session对象实现用户登录。 ####
> 
> 【步骤1】创建login.jsp文件，添加用于收集用户登录信息的表单及表单元素。
> 
>     <%@ page language="java" contentType="text/html; charset=UTF-8"
>         pageEncoding="UTF-8"%>
>     <!DOCTYPE html>
>     <html>
>     <head>
>     <meta charset="UTF-8">
>     <title>收集用户登录信息</title>
>     </head>
>     <body>
>     <form action="deal.jsp" name="form" method="post">
>     	用户名：<input name="username" type="text" id="name" style="widtn:120px"><br/>
>     	<br/>
>     	密   码：<input name="pwd" type="password" id="pwd" style="width:140px"><br/>
>      	<br/>
>      	<input type="submit" name="Submit" value="登录"/>
>     </form>
>     </body>
>     </html>
> 
> 【步骤2】编写deal.jsp文件，在该文件中模拟用户登录（这里将用户信息保存到一个二维数组中），如果登录成功，将用户名username保存到session范围内的变量中，并将页面重定向到main.jsp页面；否则，将页面重定向到login.jsp页面，重新登录。
> 
>     <%@ page language="java" contentType="text/html; charset=UTF-8"
>         pageEncoding="UTF-8"%>
>     <%@page import="java.util.*"%>
>     <!DOCTYPE html>
>     <html>
>     <head>
>     <meta charset="UTF-8">
>     <title>Insert title here</title>
>     </head>
>     <body>
>     <%
>         String[][] userList={
>         {"小熊爱做实验吖","123456"}};
>         boolean flag=false;
>         request.setCharacterEncoding("utf-8");
>         String username = request.getParameter("username");
>         String pwd=request.getParameter("pwd");
>         for(int i=0;i<userList.length;i++){
>             if(userList[i][0].equals(username)){
>                 if(userList[i][1].equals(pwd)){
>                     flag=true;
>                     break;
>                 }
>             }
>         }
>         if(flag){
>             session.setAttribute("username", username);
>             response.sendRedirect("main.jsp");
>         }else{
>             response.sendRedirect("login.jsp");
>         }
>     %>
>     </body>
>     </html>
> 
> 【步骤3】编写main.jsp文件，在该文件中，首先获取并显示保存到session范围内的变量username，并显示用户名和欢迎信息，然后添加一个退出超链接，链接至exit.jsp页面。
> 
>     <%@ page language="java" contentType="text/html; charset=UTF-8"
>         pageEncoding="UTF-8"%>
>     <!DOCTYPE html>
>     <html>
>     <head>
>     <meta charset="UTF-8">
>     <title>Insert title here</title>
>     </head>
>     <body>
>     <% String username=(String)session.getAttribute("username"); %>
>     <%=username %>登录成功！<br/>
>     <br/>
>     <a href="exit.jsp">[点此退出]</a>
>     </body>
>     </html>
> 
> 【步骤4】编写exit.jsp文件，在该文件中销毁session，并重定向页面至login.jsp页面。
> 
>     <%@ page language="java" contentType="text/html; charset=UTF-8"
>         pageEncoding="UTF-8"%>
>     <!DOCTYPE html>
>     <html>
>     <head>
>     <meta charset="UTF-8">
>     <title>Insert title here</title>
>     </head>
>     <body>
>     <%
>         session.invalidate();
>         response.sendRedirect("login.jsp");
>     %>
>     </body>
>     </html>
> 
> 输入用户名和密码
> 
> ![b6d7d5da42794b5dbff3293f33e277be.png][]
> 
> 正确输入用户名和密码
> 
> ![d3d3e6b241854daf89d81b70b4b076ce.png][]
> 
> 点此退出后：
> 
> ![570ab6f526fe420497d02aed8bc1b466.png][]
> 
> #### 4.通过application对象实现页面访问计数器功能。 ####
> 
> 创建一个页面app\_counter.jsp,当用户访问该页面时，程序会自动将网站的访问次数加1，实现代码中可以使用synchronized(application)\{…\}的方法使多用户同步共享application对象。当被共享的对象正在被使用时，其它用户只能等待，直到上一个用户对其操作结束。
> 
>     <%@ page language="java" contentType="text/html; charset=UTF-8"
>         pageEncoding="UTF-8"%>
>     <%
>     String path = request.getContextPath();
>     String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
>     %>
>     <!DOCTYPE html>
>     <html>
>     <head>
>     <meta charset="UTF-8">
>     <title>小熊爱做实验吖</title>
>     </head>
>     <body>
>     <body>
>       <%
>       synchronized (application) {
>     	  if(application.getAttribute("counter")==null)
>           {
>              application.setAttribute("counter", "1");
>           }
>           else
>           {
>              String strnum=null;
>              strnum =(String)application.getAttribute("counter");
>              int count=0;
>              count=Integer.valueOf(strnum).intValue();
>              count++;
>              application.setAttribute("counter",Integer.toString(count));
>           }
>       }
>         %>
>     welcome to 小熊爱做实验吖(*╹▽╹*)的网页，您是尊敬的第<%=application.getAttribute("counter") %>位访问者！
>     </body>
>     </html>
> 
> ![2188105bbb95459caaf073b10aa21482.png][]
> 
> #### 5.编写一个页面文件staytime.jsp, 统计用户在该页面停留的时间。运行本示例，将会显示用户的登录时间，并且每过10秒刷新一次页面显示用户在该页面的停留时间。 ####
> 
>     <%@ page language="java" contentType="text/html; charset=UTF-8"
>         pageEncoding="UTF-8"%>
>     <!DOCTYPE html>
>     <html>
>     <head>
>     <meta charset="UTF-8">
>     <title>Insert title here</title>
>     </head>
>     <body>
>     <%
>     java.util.Date now=new java.util.Date();
>     response.setHeader("refresh", "10");
>     
>     %>
>     登录时间:<%=now %>
>     
>     <form name="form1" method="post" action="">
>         <center>
>             <p><font size="5" color="#0000FF">停留在此页面的时间：</font></p>
>             <p>
>                 <input name="textarea" type="text" value="">
>             </p>
>         </center>
>         <script language="javascript">
>             var second=0;
>             var minute=0;
>             var hour=0;
>             window.setTimeout("interval();",1000);
>             function interval()
>             {
>                 second++;
>                 if(second==60)
>                 {
>                     second=0;minute+=1;
>                 }
>                 if(minute==60)
>                 {
>                     minute=0;hour+=1;
>                 }
>                 document.form1.textarea.value = hour+"时"+minute+"分"+second+"秒";
>                 window.setTimeout("interval();",1000);
>     
>             }
>     
>         </script>
>     </form>
>     </body>
>     </html>
> 
> ![87fea1bf1c9b4288a948832266600325.png][]

### **四、思考题** ###

> #### 1. 如何给JSP页面设置初始化参数并访问这些初始化参数？ ####
> 
> 使用JSP对应的Servlet初始化参数 给JSP页面提供初始化参数在三个方面不同于给servlet提供初始化参数。
> 
> （1）InitParamter访问方法
> 
> 使用应用范围内的初始化参数。一般，对单个地servlet或JSP页面分配初始化参数。指定的servlet或JSP页面利用ServletConfig的getInitParameter方法读取这些参数。
> 
> 但是，在某些情形下，希望设置可由任意servlet或JSP页面借助ServletContext的getInitParameter方法读取的系统范围内的初始化参数。可利用context-param元素声明这些系统范围内的初始化值。
> 
> （2）使用内置的application对象访问方法
> 
> String value = application.getInitParameter(“参数名”);//---- 得到结果: appParaValue。
> 
> #### 2. JSP的四大作用域对象pageContext, request, session、application对应的Servlet类、作用及范围各是什么？ ####
> 
> （1）pageContext
> 
> 对应的Servlet类：PageContext
> 
> 对应的JSP对象：pageContext
> 
> page对象即this，代表JSP本身，更准确的说它代表JSP被翻译后的Servlet，因此他可以调用Servlet类所定义的方法。page对象的类型为javax.servlet.jsp.HttpJspPage。
> 
> 作用及范围 : 在实际应用中，page对象很少在JSP中使用
> 
> （2）request
> 
> 对应的Servlet类：ServletRequest
> 
> 对应的JSP对象：request
> 
> request是表示一个请求，只要发出一个请求就会创建一个request，它的作用域：仅在当前请求中有效。
> 
> 作用及范围: 常用于服务器间同一请求不同页面之间的参数传递，常应用于表单的控件值传递。
> 
> （3）session
> 
> 对应的Servlet类：HttpSession
> 
> 对应的JSP对象：session
> 
> 服务器会为每个会话创建一个session对象，所以session中的数据可供当前会话中所有servlet共享。
> 
> 作用及范围 : 常用于web开发中的登陆验证界面（当用户登录成功后浏览器分配其一个session键值对）。
> 
> （4）application
> 
> 对应的Servlet类：ServletContext
> 
> 对应的JSP对象：application
> 
> application在服务器启动时创建，在服务器关闭时销毁。
> 
> 所有的用户都可以取得此信息，此信息在整个服务器上被保留。Application属性范围值，全局变量,只要设置一次，则所有的网页窗口都可以取得数据。
> 
> 作用及范围 : 一般用于在多个客户端间共享数据时使用。

[d2b47261b9ef4cdca321aa9478e6e6e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/98df12c83338443382640deb8713602e.png
[0743737fe16e45a483a6a6ff3f8c57a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/cb24876a05fa4514b81393245aa50f25.png
[328257087f3645658583eafb230b4bf1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/04c463119a3442cb8a82f588cd658128.png
[74221790e0d34813b6c6a46bd0311bef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2e64eb3702d549deb24fe1c4bb0cba7e.png
[15a943e1ea5c440182d18f54ce8d970c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/aed2cd92ae894e2a8bcb1267cf63c088.png
[c66be5a138314d5eb29bd0668d5bfc47.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2929638f0bb84fdf814dfe8b12fbc6b9.png
[url_-_url_-UrlEncode_-UrlDecode]: http://www.ab173.com/gongju/enc/urlencode.php
[0a1f251c1d1b444fb3563ca1888cdb34.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/bf99f2a938da4555b692a8ca3a40f074.png
[ee861f12eba741aaa22c1e509cc4e5ec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/1067f16b8a4f4f24b9520507e30369c9.png
[b6d7d5da42794b5dbff3293f33e277be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/7f6550ad8f894e599f340de37e99ed92.png
[d3d3e6b241854daf89d81b70b4b076ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/dab85518ba30473f8503d923150c9e0c.png
[570ab6f526fe420497d02aed8bc1b466.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/6616580517aa4cdd905c0973c47d83b2.png
[2188105bbb95459caaf073b10aa21482.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d7c1055e547d4c038570a7aef19edaa0.png
[87fea1bf1c9b4288a948832266600325.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/fdca5d3b6fc84b118066125f8db4f78e.png