黑马程序员技术交流社区

标题: 【郑州校区】Java之品优购课程讲义_day16（4） [打印本页]

---

作者: 谷粒姐姐    时间: 2018-10-24 11:25
标题: 【郑州校区】Java之品优购课程讲义_day16（4）

3.1 购物车数量增减与移除

3.1.1 前端服务层

pinyougou-cart-web 的 cartService.js

[AppleScript] 纯文本查看 复制代码

//添加商品到购物车



this.addGoodsToCartList=function(itemId,num){









}

3.1.1 前端控制层

pinyougou-cart-web 的 cartController.js

[AppleScript] 纯文本查看 复制代码

//添加商品到购物车



$scope.addGoodsToCartList=function(itemId,num){ cartService.addGoodsToCartList(itemId,num).success(

function(response){ if(response.success){

$scope.findCartList();//刷新列表



}else{



alert(response.message);//弹出错误提示



}





}





);





}

3.1.1 页面

修改 pinyougou-cart-web 的 cart.html        实现数量增减

[AppleScript] 纯文本查看 复制代码

<        li        class="yui3-u-1-8">        



<a  href="javascript:void(0)"  ng-click="addGoodsToCartList(orderItem.itemId,-1)" class="increment  mins">-</a>



<input  autocomplete="off"  type="text"  ng-model="orderItem.num"    minnum="1" class="itxt"  />



<a  href="javascript:void(0)"  ng-click="addGoodsToCartList(orderItem.itemId,1)" class="increment  plus">+</a>    </li>

实现删除功能

[AppleScript] 纯文本查看 复制代码

<a  href="#none"  ng-click="addGoodsToCartList(orderItem.itemId,-orderItem.num)"  >删除

</a><br  />

3.1 合计数

3.1.1 前端服务层

修改 cartService.js

[AppleScript] 纯文本查看 复制代码

//求合计



this.sum=function(cartList){



var  totalValue={totalNum:0,  totalMoney:0.00  };//合计实体



for(var  i=0;i<cartList.length;i++){





var  cart=cartList;





for(var  j=0;j<cart.orderItemList.length;j++){



var  orderItem=cart.orderItemList[j];//购物车明细 totalValue.totalNum+=orderItem.num;

totalValue.totalMoney+=  orderItem.totalFee;





}





}





return  totalValue;





}

3.1.1 前端控制层

修改 cartController.js ，调用服务层方法

[AppleScript] 纯文本查看 复制代码

//查询购物车列表



$scope.findCartList=function(){ cartService.findCartList().success(

function(response){



$scope.cartList=response;



$scope.totalValue=cartService.sum($scope.cartList);//求合计数



}



);



}

3.1.1 页面

[AppleScript] 纯文本查看 复制代码

<div  class="chosed">已选择<span>{{totalValue.totalNum}}</span>件商品</div>



<div  class="sumprice">



<span><em>总价（不含运费） ：



</em><i  class="summoney">¥{{totalValue.totalMoney}}</i></span>



</div>

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2