国开电大 JavaScript程序设计 实训六：设计简单的购物车.pdf

国开电大JavaScript程序设计实训六：

设计简单的购物车

Designasimpleshoppingcart.

Thepurposeofthisprojectisto(1)mastertheuseofJSON。

(2)masterthedynamicnmethodofdatalists。(3)mastertheuse

ofWebStorage。and(4)beabletodesignsimplensusingthe

knowledgelearned.

ThecontentofthisprojectistodesignaproductbrowsingThecontentofthisprojectistodesignaproductbrowsing

productstotheshoppingcartanddisplaytheshoppingcart。Users

canalsoperformadd。subtract。ordeletensontheproductsin

theshoppingcart.

Therequirementsareto(1)designaproductlistforaspecific

n。(2)dynamicallygeneratetheproductandshoppingcartdata

list。and(3)storetheshoppingcartdatainWebStorage.

Hereisanexampleofthecode:

publicbooleanaddGoodsInCart(Itemsitem。intnumber){

if(XXX(item)){

goods.put(item。goods.get(item)+number);

else{

goods.put(item。number);

calTotalPrice()。//Recalculatethetotalpriceoftheshopping

cart

returntrue;

publicbooleanremoveGoodsFromCart(Itemsitem){

goods.remove(item);

calTotalPrice()。//Recalculatethetotalpriceoftheshopping

cart

returntrue;

publicdoublecalTotalPrice(){

doublesum=0.0;

SetXXX()。//Getthekeyset

XXXit=keys.iterator()。//Gettheiteratorobject

while(it.hasNext()){

Itemsi=it.next();

sum+=i.getPrice()*goods.get(i);

this.setTotalPrice(sum)。//Setthetotalpriceoftheshopping

cart

returnthis.getTotalPrice();

Tostart。createtwoproductobjects.createtwoproductobjects.

沃特篮球鞋沃特篮球鞋。。温州温州。。。

运动鞋运动鞋。。广州广州。。。

沃特篮球鞋沃特篮球鞋。。温州温州。。

XXX();

c.addGoodsInCart(i1.1);

c.addGoodsIn