中北大学软件学院javaweb实验二JSP应用开发实验报告

于 2024-05-10 21:30:44 发布
阅读量1.1k 收藏 17
点赞数 22
分类专栏： javaweb实验报告 文章标签： servlet javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_73240285/article/details/138637150
版权

实验时间

2024年4月 25 日17时至 22 时

学时数

4

1.实验名称

   实验2：JSP应用开发(2学时)

2.实验目的

（1）学会编写和运行简单的JSP页面，理解其运行原理；

（2）学会使用JSP的声明、表达式、脚本和注释；

（3）理解JSP页面（page）指令和动作的语法格式，并熟练使用；

（4）理解JSP中常用的内置对象，并熟练使用。

3.实验内容

（1）编程实现在JSP页面中输出由星号“*”组成的菱形；

（2）编程实现一个实现页面计数的计数器，要求当刷新页面时不增加计数；

（3）[贯穿项目]用户登录验证（无数据库实现）。

4.实验原理或流程图

JSP有三个指令元素：page、include和taglib。这些指令元素是针对JSP引擎的，并不会产生任何看得见的输出。它们都包含在<%@和%>标签内。本实验主要学习page指令。

<%@ page %>指令作用于整个JSP页面，包括静态包含的页面，但不包括动态包含的页面。可以在一个页面中包含多个<%@ page %>指令，但其属性除import外只能在整个页面中出现一次。

<%@ page %>指令可以放在页面的任何位置，但为了JSP程序的可读性，一般将<%@ page %>指令放在页面的前面。

包含指令：静态包含：<@ include file=””>

          动态包含：<jsp:include page=””/>无参数传递

                    <jsp:include page=””>

                      <jsp:param: name=”” value=””>

                    </jsp:include/>

跳转指令：<jsp:forward page=””>

              <jsp:param: name=”” value=””>

          </jsp:forward/>

内置对象的使用

5.实验过程或源代码

（一）编程实现在JSP页面中输出由星号“*”组成的菱形；

<%

StringBuffer sb3 = new StringBuffer();

int n=10;

//前10行.上半部分

for(int i=1;i<=n;i++)//控制行数

{

    for(int k=n;k>=i;k--)//打印空格

    {

        sb3.append("&nbsp");

    }

    for(int j=1;j<=i;j++)//打印*

    {

        sb3.append("*");

    }

    sb3.append("<br>");

}

//后9行,下半部分

for(int i=n-1;i>=1;i--)

{

    for(int k=i;k<=n;k++)

    {

        sb3.append("&nbsp");

    }

    for(int j=1;j<=i;j++)

    {

        sb3.append("*");

    }

    sb3.append("<br>");

}

%>

<%=sb3.toString() %>

（二）输入并执行下面JSP页面（文件名为counter.jsp），然后回答有关问题。

（1）简单计数器实现

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

<%! int count = 0; %>

<% count++; %>

Welcome! You are visitor number <%= count %>

</body>

</html>

【问题1】该JSP页面包含哪些JSP语法元素。在浏览器中访问该页面，输出结果如何？多次刷新页面，结果如何？

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

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

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

答：

【问题1】该JSP页面包含的JSP语法元素及其作用如下：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>：这是页面指令，用于指定页面的一些属性，如使用的脚本语言是Java，页面的内容类型以及字符编码。

<!DOCTYPE html>：这是文档类型声明，用于告诉浏览器页面是HTML5文档。

<html>、<head>、<meta charset="UTF-8">、<title>、</title>、</head>、<body>、</body>、</html>：这些是HTML标签，用于定义页面的结构。

<%! int count = 0; %>：这是JSP的声明元素，用于声明一个全局变量或方法，这里的count变量会在JSP页面的生命周期内保持其值。

<% count++; %>：这是JSP的脚本元素，用于执行Java代码，这里用于递增count变量的值。

<%= count %>：这是JSP的表达式元素，用于输出变量的值到页面上。

在浏览器中访问该页面，输出结果为：“Welcome! You are visitor number [count的当前值]”。由于count是一个全局变量，当页面第一次被访问时，count的值会从0开始，所以输出将是“Welcome! You are visitor number 1”。多次刷新页面，count的值会依次增加，因此每次刷新后，输出的数字都会比前一次多1。

【问题2】JSP页面在服务器上运行时会被转换成一个Java源文件，然后编译成Java类文件。转换后的源文件counter_jsp.java通常位于Web应用的work目录下，具体路径可能因服务器的实现和配置而异。对应的类文件会在编译后生成在work目录下的某个子目录中，文件名通常是_<%=变量名%>，但具体的文件名和路径依赖于服务器的实现。笔者的类文件名放在了C:\Users\LP\AppData\Local\JetBrains\IntelliJIdea2023.2\tomcat\98aa258a-8f8d-410e-90c5-649853011e67

\work\Catalina\localhost\javaweb2_Web_exploded\org\apache\jsp目录下，文件名index_java.java

笔者在这里介绍一个简单的方法，下载Everything,在搜索框输入【文件名】_jsp.class就可以找到，这里笔者继承（一）文件名不再创新jsp文件示例：

【问题3】在提供的代码中，count变量是在JSP的声明元素<%! int count = 0; %>中声明的。这个声明在JSP页面转换后的Java源文件中，会成为类的一个成员变量。

【问题4】如果将<%! int count = 0; %>改为<% int count = 0; %>，那么count变量将不再是一个全局变量，而是一个局部变量，它在每次页面请求时都会被重新初始化为0。这意味着每次页面被访问或刷新时，count的值都会重置为0，而不是递增。因此，页面将始终显示“Welcome! You are visitor number 1”，而不会随着刷新次数增加。这样的修改将导致页面无法正确计数访问者的数量。

图 5-1经检验count始终为1

（2）使用session实现的计数器

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

<%!

    static int num = 1;

%>

<%

    if(session.isNew())

num++;

%>

<%="欢迎光临! 您是第 " + num + " 位访问者！" %>

</body>

</html>

（3）使用application实现的计数器

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

<%

int n;

if(application.getAttribute("num") == null)

n = 1;

else

   n = Integer.valueOf(application.getAttribute("num").toString());

    if(session.isNew())

    n++;

application.setAttribute("num", n);

    out.println("欢迎光临! 您是第 " + application.getAttribute("num") + " 位访问者！");

%>

</body>

</html>

（三）编程实现用户的登录（无数据库实现）。

（1）新建项目。项目名称采用如下命名格式：proj_****www_exp2（注：用自己的学号后4位代替****，用自己姓名的汉语全拼代替其中的www）。

（2）为项目配置构建路径，添加Apache Tomcat Server（例如：Apache Tomcat 7.0或8.5）。

（3）确认项目根目录下的子目录WEB-INF中包含web.xml（如果没有该文件，可从Tomcat安装目录中复制）。

（4）编写如下页面，以实现用户登录及退出登录功能。其中用到的知识点包括：包含指令；跳转指令；request、response、session对象；cookie。

    login.jsp: 用户登录表单页面

login_check.jsp：用户登录验证页面，输入规定的ID和密码则登录成功，否则失败，要求记住用户的登录状态，下次登录时等自动填写登录ID信息。至少提供三组登录成功的ID和密码。如（changyh，123），（shiqj，456），（wangzhe，789）

 login_success.jsp: 登录成功页面

   login_failure.jsp: 登录失败页面

 logout.jsp: 退出登录页面

   header.jsp:头部文件，被包含到login.jsp页面中，自己定义效果（该案例为“登录操作”）。

    function1、function2、function3自己定义。

实现效果如图3.1~图3.5所示。

（5）实现“记住我”功能和保存登录状态功能。

1.Login.jsp

<%--
  Created by IntelliJ IDEA.
  User: LP
  Date: 2024/5/9
  Time: 21:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>登录程序之表单页面</title>
</head>
<body>
<%
    String userId = "";
    String password = "";
    Cookie[] cookies = request.getCookies();
    if(cookies != null){
        for(int i=0; i<cookies.length; i++){
            if (cookies[i].getName().equals("Cookie2019")) {
                //如果cookie对象的名称为Cookie2019
                userId = cookies[i].getValue().split("#")[0];  //获取用户名
                password = cookies[i].getValue().split("#")[1];  //获取登录时间
            }
        }
    }
%>
<center>
    <h1>登录操作</h1>
    <hr>
    <form action="login_check.jsp" method="post">
        <table border="1">
            <tr>
                <td colspan="2">用户登录</td>
            </tr>
            <tr>
                <td>登录ID：</td>
                <td><input type="text" name="id" value="<%=userId %>"></td>
            </tr>
            <tr>
                <td>登录密码：</td>
                <td><input type="password" name="password" value="<%=password %>"></td>
            </tr>
            <tr>
                <td colspan="2">
                    &nbsp;&nbsp;<input type="submit" value="登录">&nbsp;&nbsp;
                    <input type="reset" value="重置">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="remenber" checked>记住我
                </td>
            </tr>
        </table>
    </form>
</center>
</body>
<html>

2.login_check.jsp

<%--
  Created by IntelliJ IDEA.
  User: LP
  Date: 2024/5/9
  Time: 21:14
  To change this template use File | Settings | File Templates.
--%>
<%@page contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>登录程序之验证页面</title>
</head>
<body>
<%!
    public static String[] userids={"liping","xqiang","xming"};
    public static String[] usernames={"李萍","小强","小明"};
    public static String[] userpws={"123","456","789"};
    String check(String userid, String userpw){
        int i;
        for(i=0;i<userids.length; i++){
            if(userids[i].equals(userid)){
                break;
            }
        }
        if(i<userids.length){
            if(userpws[i].equals(userpw)){
                return usernames[i];
            }else{
                return "";
            }
        }else{
            return "";
        }
    }
%>
<%
    request.setCharacterEncoding("UTF-8");
    String id = request.getParameter("id");
    String password = request.getParameter("password");
    String remenber = request.getParameter("remenber");
    String name;
    Cookie[] cookies;
    if((!(name=check(id,password)).equals(""))){
        cookies = request.getCookies();
        int i;
        boolean cookies_flag = false; //表示是否创建Cookie
        if(cookies != null){
            for(i=0; i<cookies.length; i++){
                if("Cookie2019".equals(cookies[i].getName())){
                    break;
                }
            }
            if(i<cookies.length){
                cookies_flag = false;
            }else{
                cookies_flag = true;
            }
        }else{
            cookies_flag = true;
        }

        Cookie cookie;

        if(remenber != null){
            if(cookies_flag){
                cookie = new Cookie("Cookie2019", id+"#"+password);
                cookie.setMaxAge(45);
                response.addCookie(cookie);
            }
        }else{
            if(!cookies_flag){
                cookie = new Cookie("Cookie2019", id+"#"+password);
                cookie.setMaxAge(0);
                response.addCookie(cookie);
            }
        }

        session.setAttribute("username", name);
        session.setMaxInactiveInterval(60);
        response.sendRedirect("login_success.jsp");

    }else{              //登录失败，跳转到失败页
        response.sendRedirect("login_failure.jsp");
    }
%>
</body>

3.login_success.jsp

<%--
  Created by IntelliJ IDEA.
  User: LP
  Date: 2024/5/9
  Time: 21:14
  To change this template use File | Settings | File Templates.
--%>
<%
    if(session.getAttribute("username") == null)
    {
        response.sendRedirect("login.jsp");
    }
%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<center>
<h2>欢迎[<%=session.getAttribute("username")%>]</h2>
<br>
<body>
<table>
    <tr>
        <th>新闻管理系统</th>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td align="center"><a href="function1.jsp">功能1</a></td>
    </tr>
    <tr>
        <td align="center"><a href="function2.jsp">功能2</a></td>
    </tr>
    <tr>
        <td align="center"><a href="function3.jsp">功能3</a></td>
    </tr>
</table>
<hr>
<table width="200">
    <tr>
        <td align="left">&nbsp;</td>
        <td align="right"><a href="logout.jsp">登出</a></td>
    </tr>
</table>
</center>
</body>
</html>

4.login_failure.jsp

<%--
  Created by IntelliJ IDEA.
  User: LP
  Date: 2024/5/9
  Time: 21:15
  To change this template use File | Settings | File Templates.
--%>
<%@ 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>
<center>用户名或密码错误，请重新<a href=login.jsp>登录</a></center>
</body>
</html>

5.logout.jsp

<%--
  Created by IntelliJ IDEA.
  User: LP
  Date: 2024/5/9
  Time: 21:15
  To change this template use File | Settings | File Templates.
--%>
<%@ 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(); %>
<jsp:forward page="login.jsp"/>
</body>
</html>

6.header.jsp

<%--
  Created by IntelliJ IDEA.
  User: LP
  Date: 2024/5/9
  Time: 21:15
  To change this template use File | Settings | File Templates.
--%>
<%@ 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>
<center><h1>登录操作</h1></center></body>
<hr>
</html>
图 5-2login.jsp
图 5-3login_success.jsp
图 5-4login_failure.jsp

6.实验结论及心得

对JSP运行有了新的了解

成长93
关注
  • 22
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《JSP程序设计》报告
levilevilevi的博客
12-23 2048
《JSP程序设计》报告 一．需求分析 1.1开发设计思想 在数字化管理的大环境下，计算机的使用变得越来越频繁，现在的许多学校通过数据库进行管理信息，在这种趋势下，我在参考老师的课件的同时，选择制作一个“学生成绩信息管理系统”。 该系统主要是对学生成绩的基本信息进行统一管理，同时拥有后台管理页面和专门为用户设计的登陆页面和添加信息页面，并连接后方的数据库，使繁琐的学生信息信息录入过程通过信息储存和修改变得操作简单，使得学生成绩的增加、删除、修改、查询变得更加可视化。 1.2具体需求方面的实现 所设计的系统必须
JavaWeb（第一实验）---通过Eclipse建立简单登录界面，将jsp技术和html技术结合！（附具体代码）(1)
2401_84415652的博客
04-18 1005
Java架构进阶面试及知识点文档笔记这份文档共498页，其中包括Java集合，并发编程，JVM，Dubbo,Redis，Spring全家桶，MySQL，Kafka等面试解析及知识点整理Java分布式高级面试问题解析文档其中都是包括分布式的面试问题解析，内容有分布式消息队列，Redis缓存，分库分表，微服务架构，分布式高可用，读写分离等等！互联网Java程序员面试必备问题解析及文档学习笔记Java架构进阶视频解析合集《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》
JavaWeb实验 JSP基本语法
Jiangxia13的博客
03-07 747
实验内容 【1】按照实验1配置Eclipse+Tomcat的环境，然后实现下图的JSP页面，每次刷新时，能够对访问次数进行记录，并显示“你是本网页第x个访问者访问ip是”。 【2】利用JSP嵌入Java代码段的方法，绘制斐波那契数列，底色和字体样式要一致。
javaweb实验：JSP+JDBC综合实训__数据库记录的修改、删除
m0_72471315的博客
05-22 4192
本实验的目的是让学生掌握使用JSP和JDBC技术对数据库中的记录进行修改和删除的方法。创建一个数据库表，存储学生的基本信息，如姓名、id、性别、e-mail等。编写一个JSP页面，显示数据库表中的所有记录，并提供修改和删除的链接。编写一个JSP页面，接收修改或删除的请求，并根据请求参数执行相应的SQL语句。编写一个JSP页面，显示操作结果，并提供返回链接。通过本实验，学生可以了解JSP和JDBC的基本原理和用法，以及如何利用它们实现对数据库的增删改查操作。
Web前端技术基础实验报告一之Web前端开发环境配置与HTML基础
Lucky的博客
04-16 8324
Web前端技术基础实验报告一之Web前端开发环境配置与HTML基础
Java Web程序设计 - 实验1
xizhou202的博客
03-24 324
Java Web程序设计
中北大学软件学院javaweb实验三JSP+JDBC综合实训（一）-数据库记录的增加、查询
最新发布
05-14
在本实验中，我们主要探讨的是Java Web开发中的JSP（JavaServer Pages）与JDBC（Java Database Connectivity）技术的综合应用，特别是针对数据库记录的增加和查询操作。这是一个典型的前后端交互场景，通常在开发...
JavaWeb应用开发实验报告(共12个).rar
03-04
这份"JavaWeb应用开发实验报告(共12个).rar"包含了一系列的实验报告，旨在帮助学习者深入理解并实践JavaWeb开发的核心概念和技术。 首先，我们来探讨JavaWeb应用开发的基础知识。JavaWeb开发基于Java Servlet和Java...
JavaWeb实验报告.pdf
06-25
一整学年所有的javaweb程序，有详细的实验原理、系统设计、分析、步骤、具体源码、总结以及遇到的问题。几乎包含了网上常见的javaweb编程题目。整个文档共270页，264703个字符数.
jsp课程设计报告
12-14
课程设计报告......................................................................................................................................................................
jsp火车票订购系统课程设计报告.doc
09-16
jsp火车票订购系统课程设计报告
JSP课程设计报告模板
01-03
这是我们期末考试的课程设计作业，要写课程设计报告，这份是报告模板，相信会给你们带来点帮助。
jsp课程设计学生信息管理系统
01-04
jsp课程设计 jsp+javabean+ access 有报告和论文 很好的资料
课程设计jsp学习心得
04-11
学习心得，更好的明白课上你所能了解的知识，很好的把握学习方向
高校企业实训系统(JSP+java+springmvc+mysql+MyBatis)
回明毕设项目
11-15 39
随着社会的发展和经济的进步，高校毕业生的就业压力越来越大。然而，传统的企业实训方式存在很多问题，如时间和场地的限制、实训资源的匮乏等。系统可以提供全方位的实训服务，包括实践课程安排、实习机会推荐、职业规划指导等，帮助学生更好地了解职场需求和自身定位，提高就业竞争力和实际工作能力。其他版本理论上也可以。用户发送请求：用户通过浏览器或其他客户端向系统发送请求，请求访问特定的页面或执行特定的操作。前端展示结果：前端接收到后端返回的数据，根据需要进行展示。后端程序接收到请求后，根据请求的类型和参数进行相应的处理。
JavaWeb实验报告
爱吃Java的羊的博客
01-07 676
总之，学习和应用MVC需要我们深入理解其基本原理和核心概念，通过实践和积累经验，充分利用MVC框架和工具，持续学习和关注MVC的最新动态。通过不断地学习和实践，我们可以更好地运用和应用MVC，提高软件开发的效率和质量。而动态交互网页能实现这些功能，新闻发布及管理系统就是一个能够在网上实现新闻的发布及管理，让人们更好的获取更新的新闻资讯。没有明确的定义、不适合小、中型应用程序、增加系统结构和实现的复杂性、视图对模型数据的低效率访问。低耦合、重用性高、生命周期成本低、部署快、可维护性高、有利软件工程化管理。
JavaWeb（第一实验）---通过Eclipse建立简单登录界面，mysql详细教程
2401_84002271的博客
04-09 2524
这份面试题几乎包含了他在一年内遇到的所有面试题以及答案，甚至包括面试中的细节对话以及语录，可谓是细节到极致，甚至简历优化和怎么投简历更容易得到面试机会也包括在内！也包括教你怎么去获得一些大厂，比如阿里，腾讯的内推名额！某位名人说过成功是靠99%的汗水和1%的机遇得到的，而你想获得那1%的机遇你首先就得付出99%的汗水！你只有朝着你的目标一步一步坚持不懈的走下去你才能有机会获得成功！成功只会留给那些有准备的人！一个人可以走的很快，但一群人才能走的更远。
javaweb简单的图方案管理系统.docx
11-01
本次实验是关于Web应用开发的综合训练，学生需使用Java JSP Servlet技术，并选用EL、JSTL、Struts、Hibernate、myBatis、jQuery等技术，来开发一个基本的Web应用程序。实验的目的是让学生掌握Web应用开发的基本原理...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值