信息网络应用基础

1、信息网络应用基础第2次实验：动态页面制作专业 姓名班级学号 班内序号作业提交说明:1、 严格按实验要求制作动态页面，并在“实现功能介绍”标题下，按实验要求描述完成情况，尽可能体现个性；2、 雷同代码 or 网上代码 没有实验成绩；3、 在“源代码及显示效果”标题下，按不同文件名粘贴源代码及显示效果（浏览器效果截图），页面和显示效果对应，如范例所示（贴页面内容时请删去范例）；4、 仅提交本文档；5、 文件命名格式严格按照模板提供的方式补齐，邮件标题和文件名一致。1实验要求：1. 主题：设计网上商店或个人网站的主页（任选一）；2. 使用基本JSP元素和内置对象设计动态页面；3. 主页面命名使用my

2、page.jsp/html，以便检查；4. 使用request、response对象完成登录处理功能：能提取表单信息、登录有误能实现重定向，选作：页面刷新功能；5. 使用session对象完成在多个页面中的数据转发功能；6. 尽量完成使用Cookie实现访客计数或显示上次浏览时间的功能，选作：使用application对象实现网站计数功能；7. 选作：使用include指令标识/动作元素、使用动作元素8. 如果遇到问题记录到文档中（包括解决方法）。2实现功能介绍2.1功能描述1.使用了request、response对象完成登录处理功能：能提取表单信息、登录有误能实现重定向。Request对象

3、的getParameter()以及getParameterValue()方法，可以用来获取用户提交的数据。使用了sendRedirect（）实现登录错误时重定向。2.使用了response对象的setHeader（）方法设置HTTP头中的值，程序用到了日期的方法，用page指令导入java.util.*类，实现了页面刷新功能，并显示当前时间。3.使用了session对象完成了在多个页面中的数据转发功能，这里session内置对象使用setAttribute()和getAttribute()方法创建及获取客户的用户名信息。实现了用户名在多个页面转发功能。4. 使用Cookie实现了访客计数。2.

4、2操作流程如有多个页面，请简要描述它们的关系。Mypage.jsp主页面，若只输入密码，则登录页面重置，还是返回到主页面。主页面显示第几次访问该网站。输入用户名和密码登录，跳转到veri.jsp欢迎页面。点击products进入产品介绍页面在products页面里可以选择想买的商品，点击提交会跳转到购物车页面。点击abouts可以跳转到花语大全页面哦。Abouts.jsp页面可以显示当前时间。3源代码及显示效果my little shop* padding: 0px; margin: 0px;div#header width:100%#k width: 80%; height: 200px;

5、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

6、:0px;background-image: url(images/templatemo_menu.png); background-size: 100% 70px;#menuul list-style-type: none; width: 100%;#menuulli display: inline-block; width: 20%; height: 40px; line-height: 40px;div#login /*margin-top: auto;*/ width: 230px; height:190px; padding-top: 0px; /*float: left;*/ /*

7、绝对定位浮在父元素之上，用left right top bottom定位*/ position: absolute; right: 80px; top:90px;/*定位到h1那行字*/#templatemo_mainh1 /*vertical-align:sub;*/ margin-top: 50px; margin-bottom: 30px; width:100%; font-size:50px; font-style: italic; Home Products About Carts !- - 用户名： 密  码: /*登录成功后跳转到Verification.js

8、p*/ 浪漫花语 红玫瑰：  爱情    热恋 白玫瑰：  天真    纯洁 蓝玫瑰：  妖娆    神秘 红蔷薇：  高贵    美丽 蓝蔷薇：  梦幻    温柔 百合：   清新    脱俗 郁金香：  

9、表白    祝福 康乃馨：  母爱    真情 石竹花：  才能    大胆 welcome to my shop! %response.setContentType(text/html;charset=UTF-8);/PrintWriter out = response.getWriter();Cookie cookies = request.getCookies(); /*使用cookie完成了访客计数*/if (cookies!=

10、null) out.write(您上次访问的时间是：); for (int i = 0; i 你的倩影 就好似一道美丽晨曦 一生有你 可知一生有你我都陪在你身边 灿烂笑容 谢谢你灿烂的笑容 不变的承诺 你像那沾满露珠的花瓣 爱的最高点 如果你是美丽海岸 恋恋花语 你是我最特别的存在 朝朝暮暮 我把誓言一生一世戴在你手指 一生的期盼 喜欢你是淡淡的爱 天使的祝福 愿你每天都快乐幸福 Verification.jsp my little shop* padding: 0px; margin: 0px;div#header width:100%#k width: 80%; height: 200px

11、; 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-t

12、op:0px;background-image: url(images/templatemo_menu.png); background-size: 100% 70px;#menuul list-style-type: none; width: 100%;#menuulli display: inline-block; width: 20%; height: 40px; line-height: 40px;div#login /*margin-top: auto;*/ width: 230px; height:190px; padding-top: 0px; /*float: left;*/

13、/*绝对定位浮在父元素之上，用left right top bottom定位*/ position: absolute; right: 80px; top:90px;/*定位到h1那行字*/#templatemo_mainh1 /*vertical-align:sub;*/ margin-top: 40px; margin-bottom: 20px; width:100%; font-size:50px; font-style: italic; Home Products About Carts !- - 您好，亲爱的，欢迎来到我的小店！ 浪漫花语 红玫瑰：  爱情&nbs

14、p;   热恋 白玫瑰：  天真    纯洁 蓝玫瑰：  妖娆    神秘 红蔷薇：  高贵    美丽 蓝蔷薇：  梦幻    温柔 百合：   清新    脱俗 郁金香：  表白    祝福 康乃馨：  母爱    真情 石竹花：  才能    大胆 welcome to my shop! 你的倩影 就好似一道美丽晨曦 一生有你 可知一生有你我都陪在你身边 灿烂笑容 谢谢你灿烂的笑容 不变的承诺 你像那沾满露珠的花瓣 爱的最高点 如果你是美丽海岸 恋恋花语 你是我最特别的存在 朝朝暮暮 我把誓言一生一世戴在你手指 一生的期盼 喜欢你是