网络应用程序设计（idea版）——实验二：JSP技术及应用

蔚落 2023-09-30 22:17 137阅读 0赞

**目录**

实验预习报告

一、实验目的

二、实验原理

三、实验预习内容

实验报告

一、实验目的

二、实验要求

三、实验内容与步骤

四、思考题

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

## 实验预习报告 ##

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

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>

##  ##

## 实验报告 ##

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

1. 熟练掌握JSP的声明、表达式、小脚本和注释的使用；

2. 理解JSP页面指令和动作的语法格式；

3. 理解JSP页面的生命周期；

4. 熟练掌握page指令的常用属性：import、session、errorPage、isErrorPage、contentType、pageEncoding；

5. 熟练掌握JSP的内置对象及用法；

6. 熟练掌握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>

.jsp文件在【webapp】目录下建，注意别建错位置。

![dd5e82be88c54c6e93c9ea2db9af8454.png][]

【步骤1】在浏览器中访问该页面，输出结果如何？多次刷新页面，结果如何？

输出结果：

![22547ed13e7448dfa9beec62aada5f3e.png][]

![e838128406534eee884e504ec48cba9a.png][]

![bba4c4a611d7424387d033efced2327d.png][]

【步骤2】打开counter.jsp转换后的源文件counter\_jsp.java，对应的类文件在哪里？文件名是什么？

对应的类文件放在了Tomcat目录中的work文件夹下。

文件名：counter\_jsp.class

![ee49b00358bd4f7dae26548d5dbcc313.png][]

【步骤3】查看count变量是在哪里声明的？

![1c29465e72d144e7a81782c865455cbd.png][]

![1a0cf69cc25544de83dd042e0a3810a4.png][]

【步骤4】将上面JSP页面中的<%! int count = 0; %>一行改为<% int count = 0; %>，页面能否正常执行，它与上面页面有什么区别？

能执行，但是count不会递增。

![f5f342ef76fc4e9ba4a061b70ed51576.png][]

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

【步骤1】创建hello.jsp页面，从请求中读取名为 “name”的请求参数值，如果值为null，则抛出一个运行时异常，异常描述信息为"没有指定name 属性"，指定错误处理页面为errorHandler.jsp；如果请求参数不为空，则输出“Hello”+name。

hello.jsp：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ page errorPage="errorHandler.jsp" %>
    <html>
    <head>
        <title>获取名字</title>
    </head>
    <body>
        <%
            String name=request.getParameter("name");
            if(name == null){
                throw new RuntimeException("没有指定name属性");
            }
        %>
        Hello <%=name%>
    </body>
    </html>

【步骤2】创建errorHandler.jsp错误处理页面，显示异常提示信息。

errorHandler.jsp：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ page isErrorPage="true" %>
    <html>
    <head>
        <title>处理错误</title>
    </head>
    <body>
    请求不能被处理：<%=exception.getMessage()%><br>
    请重试！
    </body>
    </html>

【步骤3】用下面两种URL访问hello.jsp页面，给出最终显示的运行结果，并分析原因。

http://localhost:8080/ch07/hello.jsp

http://localhost:8080/ch07/hello.jsp?name=欧阳清风

http://localhost:8080/ch07/hello.jsp：

![3440174cc535418984ccae01c1a29c47.png][]

http://localhost:8080/ch07/hello.jsp?name=欧阳清风：

![aaa7fd562268488f8214e4678c1fe35a.png][]

如果提供了name参数，则从请求中读取名为name的参数，如果没有提供name参数，hello.jsp页面抛出RuntimeException异常，调用了处理错误页面errorHandler.jsp。

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

【步骤1】创建login.jsp文件，添加用于收集用户登录信息的表单及表单元素。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>用户登录信息</title>
    </head>
    <body>
    <form action="deal.jsp" name="form1" method="post">
        用户名: <input name="username" type="text" id="name" style="width:120px"><br>
        密   码: <input name="pwd" type="password" id="pwd" style="width:120px"><br>
        <br>
        <input type="submit" name="Submit" value="登录"/>
    </form>
    </body>
    </html>

【步骤2】编写deal.jsp文件，在该文件中模拟用户登录（这里将用户信息保存到一个二维数组中），如果登录成功，将用户名username保存到session范围内的变量中，并将页面重定向到main.jsp页面；否则，将页面重定向到login.jsp页面，重新登录。

deal.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ page import="java.util.*" %>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    <%
        String[][] userList={
       {"生菜虾","12345"},{"帕恰狗","678910"}};//保存用户列表
        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);//保存用户名 到session范围的变量中
            response.sendRedirect("main.jsp");//跳转到主页
        }else{
            response.sendRedirect("login.jsp");//跳转到登录页面
        }
    %>
    </body>
    </html>

【步骤3】编写main.jsp文件，在该文件中，首先获取并显示保存到session范围内的变量username，并显示用户名和欢迎信息，然后添加一个退出超链接，链接至exit.jsp页面。

main.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    <%String username=(String)session.getAttribute("username"); %>
    您好！[<%=username %>],欢迎访问！<br>
    <a href="exit.jsp">[退出]</a>
    </body>
    </html>

【步骤4】编写exit.jsp文件，在该文件中销毁session，并重定向页面至login.jsp页面。

exit.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    <%
        session.invalidate();//销毁session
        response.sendRedirect("login.jsp");//重定向页面
    %>
    </body>
    </html>

![5278590fb94a45768f074367c330ac1b.png][]

![f292f93b44d04b028e639762c56f5860.png][]

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

创建一个页面app\_counter.jsp,当用户访问该页面时，程序会自动将网站的访问次数加1，实现代码中可以使用synchronized(application)\{…\}的方法使多用户同步共享application对象。当被共享的对象正在被使用时，其它用户只能等待，直到上一个用户对其操作结束。

app\_counter.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <meta charset="GB18030">
        <title>页面访问次数计数器</title>
    </head>
    <body>
    <%
        int i = 0;
        synchronized (application) {
            if (application.getAttribute("times") == null) {
                i = 1;
            } else {
                i = Integer.parseInt((String) application.getAttribute("times"));
            }
            application.setAttribute("time", Integer.toString(i));
        }
    %>
    <table>
        <tr>
            <td align="center" style="color: #6495ed">欢迎访问</td>
        </tr>
        <tr>
            <td>您是第 <font color="red"><%=i %></font> 位访问本网站的游客</td>
    
        </tr>
    </table>
    </body>
    </html>

![00a33133d1124c668eafaa8277a744a5.png][]

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

staytime.jsp :

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>统计停留时间</title>
    </head>
    <body>
    <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>

![cfbc5b8bafe5482e98e3e0015cc5843b.png][]

![ffb6d57ef9c0458497680aa8fe027e32.png][]

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

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

<jsp-file>/RealPage.jsp</jsp-file>

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

<table> 
 <tbody> 
  <tr> 
   <td style="border-color:#000000;vertical-align:top;width:78.5pt;"> <p style="margin-left:0;text-align:justify;">作用域对象</p> </td> 
   <td style="border-color:#000000;vertical-align:top;width:104.1pt;"> <p style="margin-left:0;text-align:justify;">对应的Servlet类</p> </td> 
   <td style="border-color:#000000;vertical-align:top;width:138.05pt;"> <p style="margin-left:0;text-align:justify;">作用</p> </td> 
   <td style="border-color:#000000;vertical-align:top;width:105.45pt;"> <p style="margin-left:0;text-align:justify;">范围</p> </td> 
  </tr> 
  <tr> 
   <td style="border-color:#000000;vertical-align:top;width:78.5pt;"> <p style="margin-left:0;text-align:justify;">页面作用域（page）</p> </td> 
   <td style="vertical-align:top;width:104.1pt;"> <p style="margin-left:0;text-align:justify;">PageContext</p> </td> 
   <td style="vertical-align:top;width:138.05pt;"> <p style="margin-left:0;text-align:justify;">在实际应用中，Page对象很少在JSP中使用。</p> </td> 
   <td style="vertical-align:top;width:105.45pt;"> <p style="margin-left:0;text-align:justify;">当前页面转换单元</p> </td> 
  </tr> 
  <tr> 
   <td style="border-color:#000000;vertical-align:top;width:78.5pt;"> <p style="margin-left:0;text-align:justify;">请求作用域（request）</p> </td> 
   <td style="vertical-align:top;width:104.1pt;"> <p style="margin-left:0;text-align:justify;">HttpServletRequest</p> </td> 
   <td style="vertical-align:top;width:138.05pt;"> <p style="margin-left:0;text-align:justify;">常用于服务器间同一请求不同页面之间的参数chuan’di1，常应用于表单的控件值传递。</p> </td> 
   <td style="vertical-align:top;width:105.45pt;"> <p style="margin-left:0;text-align:justify;">请求和请求转发</p> </td> 
  </tr> 
  <tr> 
   <td style="border-color:#000000;vertical-align:top;width:78.5pt;"> <p style="margin-left:0;text-align:justify;">会话作用域（session）</p> </td> 
   <td style="vertical-align:top;width:104.1pt;"> <p style="margin-left:0;text-align:justify;">HttpSession</p> </td> 
   <td style="vertical-align:top;width:138.05pt;"> <p style="margin-left:0;text-align:justify;">常用于Web开发中的登录验证界面（当用户登录成功后浏览器分配其一个session键值对）。</p> </td> 
   <td style="vertical-align:top;width:105.45pt;"> <p style="margin-left:0;text-align:justify;">一个用户会话范围</p> </td> 
  </tr> 
  <tr> 
   <td style="border-color:#000000;vertical-align:top;width:78.5pt;"> <p style="margin-left:0;text-align:justify;">应用作用域（application）</p> </td> 
   <td style="vertical-align:top;width:104.1pt;"> <p style="margin-left:0;text-align:justify;">ServletContext</p> </td> 
   <td style="vertical-align:top;width:138.05pt;"> <p style="margin-left:0;text-align:justify;">一般用于在多个客户端间共享数据时使用。</p> </td> 
   <td style="vertical-align:top;width:105.45pt;"> <p style="margin-left:0;text-align:justify;">整个web应用程序</p> <p style="margin-left:0;text-align:justify;"></p> </td> 
  </tr> 
 </tbody> 
</table>

如有建议或想法，欢迎一起讨论学习~

[dd5e82be88c54c6e93c9ea2db9af8454.png]: https://img-blog.csdnimg.cn/dd5e82be88c54c6e93c9ea2db9af8454.png
[22547ed13e7448dfa9beec62aada5f3e.png]: https://img-blog.csdnimg.cn/22547ed13e7448dfa9beec62aada5f3e.png
[e838128406534eee884e504ec48cba9a.png]: https://img-blog.csdnimg.cn/e838128406534eee884e504ec48cba9a.png
[bba4c4a611d7424387d033efced2327d.png]: https://img-blog.csdnimg.cn/bba4c4a611d7424387d033efced2327d.png
[ee49b00358bd4f7dae26548d5dbcc313.png]: https://img-blog.csdnimg.cn/ee49b00358bd4f7dae26548d5dbcc313.png
[1c29465e72d144e7a81782c865455cbd.png]: https://img-blog.csdnimg.cn/1c29465e72d144e7a81782c865455cbd.png
[1a0cf69cc25544de83dd042e0a3810a4.png]: https://img-blog.csdnimg.cn/1a0cf69cc25544de83dd042e0a3810a4.png
[f5f342ef76fc4e9ba4a061b70ed51576.png]: https://img-blog.csdnimg.cn/f5f342ef76fc4e9ba4a061b70ed51576.png
[3440174cc535418984ccae01c1a29c47.png]: https://img-blog.csdnimg.cn/3440174cc535418984ccae01c1a29c47.png
[aaa7fd562268488f8214e4678c1fe35a.png]: https://img-blog.csdnimg.cn/aaa7fd562268488f8214e4678c1fe35a.png
[5278590fb94a45768f074367c330ac1b.png]: https://img-blog.csdnimg.cn/5278590fb94a45768f074367c330ac1b.png
[f292f93b44d04b028e639762c56f5860.png]: https://img-blog.csdnimg.cn/f292f93b44d04b028e639762c56f5860.png
[00a33133d1124c668eafaa8277a744a5.png]: https://img-blog.csdnimg.cn/00a33133d1124c668eafaa8277a744a5.png
[cfbc5b8bafe5482e98e3e0015cc5843b.png]: https://img-blog.csdnimg.cn/cfbc5b8bafe5482e98e3e0015cc5843b.png
[ffb6d57ef9c0458497680aa8fe027e32.png]: https://img-blog.csdnimg.cn/ffb6d57ef9c0458497680aa8fe027e32.png