信息网络应用基础.docx
《信息网络应用基础.docx》由会员分享，可在线阅读，更多相关《信息网络应用基础.docx（41页珍藏版）》请在冰豆网上搜索。
信息网络应用基础
《信息网络应用基础》第2次实验：
动态页面制作
专业姓名班级学号班内序号
作业提交说明:
1、严格按实验要求制作动态页面，并在“实现功能介绍”标题下，按实验要求描述完成情况，尽可能体现个性；
2、雷同代码or网上代码没有实验成绩；
3、在“源代码及显示效果”标题下，按不同文件名粘贴源代码及显示效果（浏览器效果截图），页面和显示效果对应，如范例所示（贴页面内容时请删去范例）；
4、仅提交本文档；
5、文件命名格式严格按照模板提供的方式补齐，邮件标题和文件名一致。
1实验要求：
1.主题：
设计网上商店或个人网站的主页（任选一）；
2.使用基本JSP元素和内置对象设计动态页面；
3.主页面命名使用mypage.jsp/html，以便检查；
4.使用request、response对象完成登录处理功能：
能提取表单信息、登录有误能实现重定向，选作：
页面刷新功能；
5.使用session对象完成在多个页面中的数据转发功能；
6.尽量完成使用Cookie实现访客计数或显示上次浏览时间的功能，选作：
使用application对象实现网站计数功能；
7.选作：
使用include指令标识/动作元素、使用forward>动作元素
8.如果遇到问题记录到文档中（包括解决方法）。
2实现功能介绍
2.1功能描述
1.使用了request、response对象完成登录处理功能：
能提取表单信息、登录有误能实现重定向。
Request对象的getParameter（）以及getParameterValue（）方法，可以用来获取用户提交的数据。
使用了sendRedirect（）实现登录错误时重定向。
2.使用了response对象的setHeader（）方法设置HTTP头中的值，程序用到了日期的方法，用page指令导入java.util.*类，实现了页面刷新功能，并显示当前时间。
3.使用了session对象完成了在多个页面中的数据转发功能，这里session内置对象使用setAttribute（）和getAttribute（）方法创建及获取客户的用户名信息。
实现了用户名在多个页面转发功能。
4.使用Cookie实现了访客计数。
2.2操作流程
如有多个页面，请简要描述它们的关系。
Mypage.jsp主页面，若只输入密码，则登录页面重置，还是返回到主页面。
主页面显示第几次访问该网站。
输入用户名和密码登录，跳转到veri.jsp欢迎页面。
点击products进入产品介绍页面
在products页面里可以选择想买的商品，点击提交会跳转到购物车页面。
点击abouts可以跳转到花语大全页面哦。
Abouts.jsp页面可以显示当前时间。
3源代码及显示效果
<%@pagelanguage="java"contentType="text/html;charset=GB18030"
pageEncoding="GB18030"%>
<%@pageimport="java.util.*"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
mylittleshop
*{
padding:
0px;
margin:
0px;
}
div#header{
width:
"100%"
}
#k{
width:
80%;
height:
200px;
background-image:
url（images/header.jpg）;
background-repeat:
no-repeat;
margin-left:
auto;
margin-right:
auto;
}
div#templatemo_main{
width:
100%;
height:
900px;
text-align:
center;
/*margin-top:
210px;*/
background-color:
pink;
position:
relative;
}
div#templatemo_menu{
width:
100%;
text-align:
center;padding-top:
0px;background-image:
url（images/templatemo_menu.png）;
background-size:
100%70px;
}
#menuul{
list-style-type:
none;
width:
100%;
}
#menuul>li{
display:
inline-block;
width:
20%;
height:
40px;
line-height:
40px;
}
div#login{
/*margin-top:
"auto";*/
width:
"230px";
height:
"190px";
padding-top:
"0px";
/*float:
left;*/
/*绝对定位浮在父元素之上，用leftrighttopbottom定位*/
position:
absolute;
right:
80px;
top:
90px;
}
/*定位到h1那行字*/
#templatemo_main>h1{
/*vertical-align:
sub;*/
margin-top:
50px;
margin-bottom:
30px;
width:
100%;
font-size:
50px;
font-style:
italic;
}