北邮信网jsp动态网页实验报告

题目:基于jsp的动态网页制作姓名学院专业班级学号班内序号一、实验主题主题及功能：在这次实验中，我设计的网页延续了上次html实验的主题：高考。这是一个面向广大高三考生的网页，是一个购买高考备考书籍的网页。网页中也提供有时间，希望考生们能够把握好复习节奏。运行流程：首先在上一次的网页上成功登陆后，在点击进入超市是链接即可进入这次的网上书店，进入网页时会有提示信息说明是高考书店。进入书店后，即可看到各种高考备考书籍。直接点击网页中表格中的“购买”即可将这本书加入购物车，再次点击会添加第二本书。点击购买后会自动弹出购物车的界面，在购物车界面可以修改购买每本书的数量，可以删除购买了的书籍，可以显示每项的价格和总价格，可以清空购物车和下单确认购买。功能实现和jsp技术：购买产品和显示时间运用了jsp内置对象Request和Response技术；显示页面信息运用了jsp的JavaScript技术，存储购物车的信息运用了jsp的Session技术。二、实验内容运行结果提示信息：登陆：书店界面：购物车：直接修改数量：删除单项：清空购物车：当前时间：程序代码：ShowProducts.jsp:%@pagelanguage=javaimport=java.util.*pageEncoding=GB18030%%@pageimport=shoppingcar.*%%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;%!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhtmlheadtitleMyJSP'ShowProductsJSP.jsp'startingpage/titlemetahttp-equiv=pragmacontent=no-cachemetahttp-equiv=cache-controlcontent=no-cachemetahttp-equiv=expirescontent=0metahttp-equiv=keywordscontent=keyword1,keyword2,keyword3metahttp-equiv=descriptioncontent=Thisismypage/headbodybgcolor=#ffffff%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);%h1align=center这里是高考书院！/h1scriptlanguage=javascriptalert('这里是高考书店')/scriptformname=productFormaction==POSTinputtype=hiddenname=actionvalue=purchasetableborder=1cellspacing=0trbgcolor=#CCCCCCtrbgcolor=#CCCCCCtd序号/tdtd产品名称/tdtd作者/tdtd产品单价（￥）/tdtd图片/tdtd添加到购物车/td/tr%SetproductIdSet=products.keySet();Iteratorit=productIdSet.iterator();intnumber=1;intn=1;while(it.hasNext()){Stringid=(String)it.next();Productproduct=(Product)products.get(id);%trtd%=number++%/tdtd%=product.getName()%/tdtd%=product.getDescription()%/tdtd%=product.getPrice()%/tdtdimgsrc=%=n++%.jpgalign=leftbr/image/tdtdahref=Buy.jsp?id=%=product.getId()%&action=addtarget=cart购买/a/td/tr%}%/tablep/p/form/body/htmlBuy.jsp%@pagelanguage=javaimport=java.util.*pageEncoding=GB18030%%@pageimport=shoppingcar.*%%Cartc=(Cart)session.getAttribute(cart);if(c==null){c=newCart();session.setAttribute(cart,c);}doubletotalPrice=c.getTotalPrice();request.setCharacterEncoding(GBK);Stringaction=request.getParameter(action);Mapproducts=(HashMap)session.getAttribute(products);if(action!=null&&action.trim().equals(add)){Stringid=request.getParameter(id);Productp=(Product)products.get(id);CartItemci=newCartItem();ci.setProduct(p);ci.setCount(1);c.add(ci);}if(action!=null&&action.trim().equals(delete)){Stringid=request.getParameter(id);c.deleteItemById(id);}if(action!=null&&action.trim().equals(update)){for(inti=0;ic.getItems().size();i++){CartItemci=c.getItems().get(i);intcount=Integer.parseInt(request.getParameter(p+ci.getProduct().getId()));ci.setCount(count);}}Stringpath=request.getContextPath();StringbasePath=request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;%%ListCartItemitems=c.getItems();%!DOCTYPEhtmlPUBLIC-//W3C//DTDHTML4.01Transitional//EN=Content-Typecontent=text/html;charset=GB18030title购物车/titlestyletype=text/cssbody{background-image:url(gaokao1.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50%50%;background-size:100%;}/style/headbody!--c的值是：%=(c==null)%items的值是：%=(items==null)%--h1align=center购物车/h1formaction=Buy.jspmethod=getinputtype=hiddenname=actionvalue=update/tablealign=centerborder=0trtd产品ID/tdtd产品名称/tdtd购买数量/tdtd单价/tdtd总价/tdtd处理/td/tr%for(IteratorCartItemit=items.iterator();it.hasNext();){CartItemci=it.next();%trtd%=ci.getProduct().getId()%/tdtd%=ci.getProduct().getName()%/tdtdinputtype=textsize=3name=%=p+ci.getProduct().getId()%value=%=ci.getCount()%onkeypress=if(event.keyCode45||event.keyCode57)event.returnValue=false;onchange=document.forms[0].submit()/tdtd%=ci.getProduct().getPrice()%/tdtd%=ci.getProduct().getPrice()*ci.getCount()%/tdtdahref=Buy.jsp?action=delete&id=%=ci.getProduct().getId()%删除/a/td/tr%}%trtdcolspan=3align=right所有商品总价格为：/tdtdcolspan=3%=c.getTotalPrice()%/td/trtr!--tdcolspan=3ahref=javascript:document.forms[0].submit()修改/a/td--tdcolspan=6align=rightahref=清空购物车/aahref=下单/a/td/tr/table/formptarget=view_window现在时间：%response.setHeader(refresh,60);out.println(newDate().toLocaleString());%/p/body/html三、实验心