北邮信息网络应用基础第2次实验.docx

北邮信息网络应用基础第2次实验.docx

《北邮信息网络应用基础第2次实验.docx》由会员分享，可在线阅读，更多相关《北邮信息网络应用基础第2次实验.docx（29页珍藏版）》请在冰点文库上搜索。

北邮信息网络应用基础第2次实验

《信息网络应用基础》第2次实验：

动态页面制作

作业提交说明:

1、第2次实验提交截止日期定为12月20日，过期补交的没有第二次实验成绩；

2、严格按实验要求制作动态页面，并在“实现功能介绍”标题下，按实验要求描述完成情况，尽可能体现个性；

3、雷同代码or网上代码没有实验成绩；

4、在“源代码及显示效果”标题下，按不同文件名粘贴源代码及显示效果（浏览器效果截图），页面和显示效果对应，如范例所示（贴页面内容时请删去范例）；

5、仅提交本文档；

6、文件命名格式严格按照模板提供的方式补齐，邮件标题和文件名一致。

1实验要求：

1.主题：

设计网上商店或个人网站的主页（任选一）；

2.使用基本JSP元素和内置对象设计动态页面；

3.主页面命名使用mypage.jsp/html，以便检查；

4.使用request、response对象完成登录处理功能：

能提取表单信息、登录有误能实现重定向，选作：

页面刷新功能；

5.使用session对象完成在多个页面中的数据转发功能；

6.尽量完成使用Cookie实现访客计数或显示上次浏览时间的功能；

7.选作：

使用include指令标识/动作元素、使用

forward>动作元素

8.如果遇到问题记录到文档中（包括解决方法）。

2实现功能介绍

2.1功能描述

全部功能完成，包括选作功能。

陈述所用语句及功能如下。

1）使用了page指令的text/html;charset=GB2312的方法实现了可以显示标准汉语的功能。

2）使用了page指令的language的属性实现了Java语句的编译。

3）使用了page指令的import属性用java.util.*实现了时间的显示。

4）使用了page指令的contentType属性实现页面响应字符编码可以显示标准汉语的功能。

5）使用了page指令的session属性设置使用内置session对象。

6）使用了的动作元素实现了在当前页面显示其他页面内容。

7）使用了的动作元素实现了跳转到当前页的顶部及页面间的跳转。

8）使用了内置对象request的getParameter（）方法获取登录表单的用户名和密码。

9）使用了内置对象application的setAttribute（String,Objectobj）方法将用户名设为全局变量便于其他页面获取。

10）使用了内置对象response的sendRedirect（“”）方法实现了重定向和登录成功的跳转。

11）使用了内置对象session的getAttribute（"name"）方法实现了页面之间的数据传输。

12）使用了内置对象response的setHeader（“refresh”,”1”）;的方法实现了页面刷新。

13）使用了内置对象out的print（）的方法实现了时间的输出。

14）使用了内置对象request的getParameterValues（）方法得到了勾选内容的表单值。

15）使用了内置对象out的println（）方法实现了内容的换行输出。

16）使用了内置对象Cookie实现了访客量和上次登录时间的记录。

17）使用了内置对象request的getCookies方法获取客户端本身已有Cookie。

18）使用了内置对象response的addCookies方法创建新的Cookie。

2.2操作流程

1）登录界面，这是主页也就是mypage.jsp页通过右方的User和Code进行登录（使用Submit按键将User和Code信息送往Cheakname.jsp页面.

2）Cheakname.jsp页面通过request.getParameter（）获取来自mypage.jsp的User和Code判断如果登录密码错误，会跳转（使用response.sendRedirect（"resign.jsp"））到resign.jsp页面首先会报错（使用了alert（"errorpassword"））。

3）然后点击确定会跳转到重登录界面，这是另外的界面只是页面内容相同（resign.jsp）

4）输入正确密码又跳转到Cheakname页面判断若正确，即可进入到登录成功界面（使用了response.sendRedirect（"successful.jsp"））。

标题处的Welcome后既是你的用户名通过application.setAttribute（"user",user）得到全局变量。

此页面有三个按钮一个是checktime用来查看现在时间（使用<%response.setHeader（"refresh","1"）），一个是logoff用来注销登录（使用jsp.forward完成操作），页面最下方有个选择购买勾选框。

右侧你的上次登陆时间是通过jsp.include从另一网页包含进来且使用Cookie来记录上次登录时间。

5）点击Checktime进入如下时间查看界面，时间可以实时跳转。

（通过页面刷新完成）Dear后面为你的用户名使用session从登录成功界面传送过来。

此页的BacktoLastPage和LogOff均采用jsp.forward完成。

6）点击完logoff跳转回登录界面，注意地址栏可知此为jsp.forward转换的。

7）最后一页，接收来自上一页的勾选信息显示在第一行（通过request.getParameterValues得到）。

第二行用户名同样通过session传输过来，第三行和第四行通过Cookie记录上次购买时间和购买次数通过out.println显示。

此页同样有logoff和backtolastpage选项。

8）下图为自制关系图，方便老师分清页面关系。

^_^

3源代码及显示效果

mypage.jsp：

<%@pagelanguage="java"contentType="text/html;charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%>此处可更改为GB2312即可显示标准汉语

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http:

//www.w3.org/TR/html4/loose.dtd">

#DAB280">

absolute;left:

467px;top:

7px;">

KobeShoseStore

**************"method="get">修改了上次的发邮件可直接打开网易闪电邮