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

实验时间

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: LPDate: 2024/5/9Time: 21:14To 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对象的名称为Cookie2019userId = 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: LPDate: 2024/5/9Time: 21:14To 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; //表示是否创建Cookieif(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: LPDate: 2024/5/9Time: 21:14To 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: LPDate: 2024/5/9Time: 21:15To 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: LPDate: 2024/5/9Time: 21:15To 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: LPDate: 2024/5/9Time: 21:15To 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运行有了新的了解

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3029416.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

Python数据科学 | ​Python 离群点检测算法 -- GMM

本文来源公众号“Python数据科学”&#xff0c;仅用于学术分享&#xff0c;侵权删&#xff0c;干货满满。 原文链接&#xff1a;​Python 离群点检测算法 -- GMM 星星在天空中聚集或分散&#xff0c;呈现出自然的分布。在统计学中&#xff0c;K-均值法是一种著名的聚类技术&a…

Aapache Tomcat AJP 文件包含漏洞(CVE-2020-1938)

1 漏洞描述 CVE-2020-1938 是 Apache Tomcat 中的一个严重安全漏洞&#xff0c;该漏洞涉及到 Tomcat 的 AJP&#xff08;Apache JServ Protocol&#xff09;连接器。由于 AJP 协议在处理请求时存在缺陷&#xff0c;攻击者可以利用此漏洞读取服务器上的任意文件&#xff0c;甚至…

keil5软件安装教程(MDKv5.39)

keil5软件安装分为三部分&#xff1a; 目录 1.安装mdk 2.激活mdk 3.安装STM32芯片包 1.安装mdk 安装包链接&#xff1a;链接&#xff1a;https://pan.baidu.com/s/1PZoGhzI5Y19ROv7xe9QJKA?pwdgt3s 提取码&#xff1a;gt3s 1、下载keil5的压缩包并解压&#xff0c;鼠…

通俗的理解网关的概念的用途(三):你的数据包是如何到达下一层的

其实&#xff0c;这一章我写不好&#xff0c;因为这其中会涉及到一些计算和一些广播等概念&#xff0c;本人不善于此项。在此略述&#xff0c;可以参考。 每台设备的不同连接在获得有效的IP地址后&#xff0c;会根据IP地址的规则和掩码的规则&#xff0c;在操作系统和交换机&a…

【C++】继承 — 继承的引入、赋值切片详细讲解

前言 我们知道C语言是一门面向对象编程的语言&#xff0c;而面向对象编程有三大特性&#xff0c;它们分别是&#xff1a; 封装继承多态 目录 1. 继承的概念及定义1.1继承的概念1.2继承的定义格式1.3 继承的使用 2 基类和派生类对象赋值转换3 继承中的作用域3.1 派生类对象的存…

基于springboot+vue+Mysql的体质测试数据分析及可视化设计

开发语言&#xff1a;Java框架&#xff1a;springbootJDK版本&#xff1a;JDK1.8服务器&#xff1a;tomcat7数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09;数据库工具&#xff1a;Navicat11开发软件&#xff1a;eclipse/myeclipse/ideaMaven包&#xff1a;…

Windows11提示升级,我要点确定吗?

Windows 11自2021年10月推出以来&#xff0c;一直保持着缓慢而稳定的增长&#xff0c;相对来说在游戏PC上的影响力较大&#xff0c; 而Windows 10也即将于2025年10月结束支持。 截至2024年&#xff0c;Windows 11的主要版本包括24H2、 23H2、22H2和21H2。 24H2&#xff1a;20…

5月白银现货最新行情走势

美联储5月的议息会议举行在即&#xff0c;但从联邦公开市场委员会&#xff08;FOMC&#xff09;近期透露的信息来看&#xff0c;降息似乎并没有迫切性。——美联储理事鲍曼认为通胀存在"上行风险"&#xff0c;明尼阿波利斯联邦储备银行行长卡什卡利提出了今年不降息的…

数学:人工智能领域的基石与灵魂

在科技日新月异的今天&#xff0c;人工智能&#xff08;AI&#xff09;已经渗透到了我们生活的方方面面&#xff0c;从智能家居、智能医疗到自动驾驶、智能客服&#xff0c;AI无处不在。然而&#xff0c;当我们赞叹于AI的神奇时&#xff0c;却往往忽视了其背后的推动力——数学…

5月游戏市场迎来新的体验,网易两款游戏重磅出炉

易采游戏网5月9日消息&#xff0c;随着科技的飞速发展&#xff0c;手机游戏已经成为人们休闲娱乐的重要方式。在这个领域&#xff0c;网易作为国内领先的游戏开发商&#xff0c;一直致力于为玩家带来高品质的游戏体验。近日&#xff0c;网易携手国际大厂Square Enix&#xff0c…

列表、字典推导式介绍和用法|lambda的介绍和用法

列表、字典推导式介绍和用法|lambda的介绍和用法 列表推导式示例应用与传统写法代码行数直观比较 字典推导式示例应用 lambda示例应用 列表推导式、字典推导式、lambda使用简洁语法进行代码的编写 列表推导式 用于快速创建新的列表&#xff0c;通过对现有列表进行迭代和筛选。…

技术速递|Python in Visual Studio Code 2024年5月发布

排版&#xff1a;Alan Wang 我们很高兴地宣布 Visual Studio Code 的 Python 和 Jupyter 扩展将于 2024 年 5 月发布&#xff01; 此版本包括以下公告&#xff1a; “Implement all inherited abstract classes”代码操作新的自动缩进设置Debugpy 从 Python 扩展中删除&#…

vivado新版本兼容老版本,vitis classic兼容sdk教程

new version: vivado版本2023.2 和vitisv classic 2023.2 old version: vivado 2018.3以及之前的版本 打开工程 自动升级到当前版本&#xff0c;选择OK 点击Yes,合并当前的目录架构 点击OK 点击Report IP status 勾选要升级的IP核&#xff0c;点击升级 在项目工程文件夹…

Java医院绩效考核系统源码maven+Visual Studio Code一体化人力资源saas平台系统源码

Java医院绩效考核系统源码mavenVisual Studio Code一体化人力资源saas平台系统源码 医院绩效解决方案包括医院绩效管理&#xff08;BSC&#xff09;、综合奖金核算&#xff08;RBRVS&#xff09;&#xff0c;涵盖从绩效方案的咨询与定制、数据采集、绩效考核及反馈、绩效奖金核…

Hadoop | 数据清洗

# 数据清洗概念 通常情况下&#xff0c;大数据平台获得原始数据文件中&#xff0c;存在大量无效数据和缺失数据&#xff0c;需要再第一时间&#xff0c;对数据进行清洗&#xff0c;获得符合后续处理需求的数据内容和格式 # 需求 对手机流量原始数据&#xff0c;将其中的手机号…

《Decoupled Contrastive Learning for Long-Tailed Recognition》阅读笔记

论文标题 《Decoupled Contrastive Learning for Long-Tailed Recognition》 针对长尾识别的解耦对比学习 作者 Shiyu Xuan 和 Shiliang Zhang 来自北京大学计算机学院多媒体信息处理国家重点实验室 初读 摘要 监督对比损失&#xff08;Supervised Contrastive Loss, SC…

使用GitLab自带的CI/CD功能在远程服务器部署项目(三)

前置内容&#xff1a; 通过Docker Compose部署GitLab和GitLab Runner&#xff08;一&#xff09; 使用GitLab自带的CI/CD功能在本地部署项目&#xff08;二&#xff09; 目录 一、在GitLab服务器上生成私钥与公钥 二、将公钥拷贝到应用服务器上 三、将私钥给到Docker Exec…

论文阅读:The Unreasonable Ineffectiveness of the Deeper Layers 层剪枝与模型嫁接的“双生花”

作者实证研究了针对流行的开放式预训练 LLM 系列的简单层修剪策略&#xff0c;发现在不同的 QA 基准上&#xff0c;直到去掉一大部分&#xff08;最多一半&#xff09;层&#xff08;Transformer 架构&#xff09;后&#xff0c;性能的下降才会降到最低。为了修剪这些模型&…

车载电子电器架构 —— 应用软件开发(上)

车载电子电器架构 —— 应用软件开发(上) 我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何消耗你的人和事,多看一眼都是你的不对。非必要不费力证明…

OAuth 2.0 和 OAuth 2.1

OAuth 2.0 和 OAuth 2.1比较&#xff1a; OAuth 2.0 和 OAuth 2.1 是授权框架的不同版本&#xff0c;它们用于允许应用程序安全地访问用户在另一个服务上的数据。以下是它们之间的一些主要区别&#xff1a; 安全性增强&#xff1a;OAuth 2.1 旨在提高安全性&#xff0c;它整合…