Java之品优购课程讲义_day12（9）

最新推荐文章于 2025-12-08 09:18:56 发布

转载最新推荐文章于 2025-12-08 09:18:56 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/13517854/2295855

文章标签：

#java #运维

本文介绍如何在前端使用AngularJS将商品添加到购物车，并在后台更新商品状态，包括生成静态商品详情页及搜索系统对接流程。

4.2 添加商品到购物车
修改 itemController.js

//添加商品到购物车

$scope.addToCart=function(){ alert('skuid:'+$scope.sku.id);
}

修改模板：

<li><a href="#" target="_blank" class="sui-btn btn-danger addshopcar" ng-click="addToCart()">加入购物车</a></li>
系统模块对接
5.1 运营商后台调用页面生成服务修改 pinyougou-manager-web 的 GoodsController.java

@RequestMapping("/updateStatus")

public  Result  updateStatus(Long[]  ids,String  status){

try {

goodsService.updateStatus(ids,  status);

//按照 SPU ID 查询 SKU 列表(状态为 1)

if(status.equals("1")){//审核通过

List<TbItem>  itemList  = goodsService.findItemListByGoodsIdandStatus(ids,  status);
//调用搜索接口实现数据批量导入

if(itemList.size()>0){
itemSearchService.importList(itemList);

}else{

System.out.println("没有明细数据");

}

//静态页生成

for(Long  goodsId:ids){ itemPageService.genItemHtml(goodsId);
}

}

return  new  Result(true,  "修改状态成功");

}  catch  (Exception  e)  { e.printStackTrace();
return  new  Result(false,  "修改状态失败");

}

}

5.1 创建商品详细页 web工程
创建 war 模块工程 pinyougou-page-web ，将目标目录（d:\item）的文件拷贝到此工程
（生成的页面不用拷贝）
Java之品优购课程讲义_day12（9）
在 pom.xml 中添加 tomcat7 插件，指定端口为 9105
5.1 搜索系统与商品详细页对接
修改 pinyougou-search-web 的 search.html ，修改点击图片的链接为
http://localhost:9105/{{item.id}}.html