北邮信网jsp动态网页实验报告.docx
《北邮信网jsp动态网页实验报告.docx》由会员分享，可在线阅读，更多相关《北邮信网jsp动态网页实验报告.docx（14页珍藏版）》请在冰豆网上搜索。
北邮信网jsp动态网页实验报告
题目:
基于jsp的动态网页制作
姓名
学院
专业
班级
学号
班内序号
一、实验主题
主题及功能：
在这次实验中，我设计的网页延续了上次html实验的主题：
高考。
这是一个面向广大高三考生的网页，是一个购买高考备考书籍的网页。
网页中也提供有时间，希望考生们能够把握好复习节奏。
运行流程：
首先在上一次的网页上成功登陆后，在点击进入超市是链接即可进入这次的网上书店，进入网页时会有提示信息说明是高考书店。
进入书店后，即可看到各种高考备考书籍。
直接点击网页中表格中的“购买”即可将这本书加入购物车，再次点击会添加第二本书。
点击购买后会自动弹出购物车的界面，在购物车界面可以修改购买每本书的数量，可以删除购买了的书籍，可以显示每项的价格和总价格，可以清空购物车和下单确认购买。
功能实现和jsp技术：
购买产品和显示时间运用了jsp内置对象Request和Response技术；显示页面信息运用了jsp的JavaScript技术，存储购物车的信息运用了jsp的Session技术。
二、实验内容运行结果
提示信息：
登陆：
书店界面：
购物车：
直接修改数量：
删除单项：
清空购物车：
当前时间：
程序代码：
ShowProducts.jsp:
<%@pagelanguage="java"import="java.util.*"pageEncoding="GB18030"%>
<%@pageimport="shoppingcar.*"%>
<%
Stringpath=request.getContextPath（）;
StringbasePath=request.getScheme（）+":
//"
+request.getServerName（）+":
"+request.getServerPort（）
+path+"/";
%>
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
MyJSP'ShowProductsJSP.jsp'startingpage
<%
Mapproducts=newHashMap（）;
products.put（"1",newProduct（"1","高考数学万能解题法",
"王一",18.00））;
products.put（"2",newProduct（"2","五年高考三年模拟（高考物理）","王二",
40.00））;
products.put（"3",newProduct（"3","高考满分作文",
"王三",16.00））;
products.put（"4",newProduct（"4","五年高考三年模拟（高考英语）",
"王四",48.00））;
products.put（"5",newProduct（"5","学霸笔记",
"王五",23.00））;
products.put（"6",newProduct（"6","五年高考三年模拟",
"王六",268.00））;
products.put（"7",newProduct（"7","高考作文取胜之道",
"王七",20.00））;
products.put（"8",newProduct（"8","高考作文必备素材",
"武良良",17.00））;
products.put（"9",newProduct（"9","高考必刷题",
"大卫",11.00））;
session.setAttribute（"products",products）;
%>
这里是高考书院！
alert（'这里是高考书店'）
action="http:
//localhost:
8088/JSPlearning/ShopCartJSP.jsp"
method="POST">
序号 |
产品名称 | 作者 | 产品单价（￥） | 图片 | 添加到购物车 | <%
SetproductIdSet=products.keySet（）;
Iteratorit=productIdSet.iterator（）;
intnumber=1;
intn=1;
while（it.hasNext（））{
Stringid=（String）it.next（）;
Productproduct=（Product）products.get（id）;
%>
<%=number++%> | <%=product.getName（）%> | <%=product.getDescription（）%> | <%=product.getPrice（）%> | .jpg"align=left>
| id=<%=product.getId（）%>&action=add"target="cart">购买
|
<%
}
%>