A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 谷粒姐姐 于 2018-10-24 11:27 编辑

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[i];


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>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马