【郑州校区】品优购电商系统开发 第 6 章 六

5.3 后端代码
（1）在 GoodsServiceImpl 添加属性

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

@Autowired
private TbItemMapper itemMapper;
@Autowired
private TbBrandMapper brandMapper;
@Autowired
private TbItemCatMapper itemCatMapper;
@Autowired
private TbSellerMapper sellerMapper; 

（2）修改 GoodsServiceImpl 的 add 方法，增加代码，实现对 SKU 商品信息的保存

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

 /**
* 增加
*/
@Override
public void add(Goods goods) {
goods.getGoods().setAuditStatus("0");
goodsMapper.insert(goods.getGoods()); //插入商品表
goods.getGoodsDesc().setGoodsId(goods.getGoods().getId());
goodsDescMapper.insert(goods.getGoodsDesc());//插入商品扩展数据
for(TbItem item :goods.getItemList()){
//标题
String title= goods.getGoods().getGoodsName();
Map<String,Object> specMap = JSON.parseObject(item.getSpec());
for(String key:specMap.keySet()){
title+=" "+ specMap.get(key);
}
item.setTitle(title);
item.setGoodsId(goods.getGoods().getId());//商品 SPU 编号
item.setSellerId(goods.getGoods().getSellerId());//商家编号
item.setCategoryid(goods.getGoods().getCategory3Id());//商品分类编号（3 级）
item.setCreateTime(new Date());//创建日期
item.setUpdateTime(new Date());//修改日期
//品牌名称
TbBrand brand =
brandMapper.selectByPrimaryKey(goods.getGoods().getBrandId());
item.setBrand(brand.getName());
//分类名称
TbItemCat itemCat =
itemCatMapper.selectByPrimaryKey(goods.getGoods().getCategory3Id());
item.setCategory(itemCat.getName());
//商家名称
TbSeller seller =
sellerMapper.selectByPrimaryKey(goods.getGoods().getSellerId());
item.setSeller(seller.getNickName());
//图片地址（取 spu 的第一个图片）
List<Map> imageList = JSON.parseArray(goods.getGoodsDesc().getItemImages(),
Map.class) ;
if(imageList.size()>0){
item.setImage ( (String)imageList.get(0).get("url"));
}
itemMapper.insert(item);
}
}

6.商品录入【是否启用规格】
6.1 需求分析
在规格面板添加是否启用规格，当用户没有选择该项，将原来的规格面板和 SKU 列表隐藏，
用户保存商品后只生成一个 SKU


6.2 前端代码
goods_add.html 添加复选框

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

<div class="row data-type">
<div class="col-md-2 title">是否启用规格</div>
<div class="col-md-10 data">
<input type="checkbox" ng-model="entity.goods.isEnableSpec"
ng-true-value="1" ng-false-value="0">
</div>
</div> 

用 if 指令控制规格面板与 SKU 列表的显示与隐藏

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

 <div ng-if="entity.goods.isEnableSpec==1">
......SKU 表格部分
</div>

【郑州校区】品优购电商系统开发 第 6 章 六

5.3 后端代码
（1）在 GoodsServiceImpl 添加属性

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

@Autowired
private TbItemMapper itemMapper;
@Autowired
private TbBrandMapper brandMapper;
@Autowired
private TbItemCatMapper itemCatMapper;
@Autowired
private TbSellerMapper sellerMapper; 

（2）修改 GoodsServiceImpl 的 add 方法，增加代码，实现对 SKU 商品信息的保存

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

 /**
* 增加
*/
@Override
public void add(Goods goods) {
goods.getGoods().setAuditStatus("0");
goodsMapper.insert(goods.getGoods()); //插入商品表
goods.getGoodsDesc().setGoodsId(goods.getGoods().getId());
goodsDescMapper.insert(goods.getGoodsDesc());//插入商品扩展数据
for(TbItem item :goods.getItemList()){
//标题
String title= goods.getGoods().getGoodsName();
Map<String,Object> specMap = JSON.parseObject(item.getSpec());
for(String key:specMap.keySet()){
title+=" "+ specMap.get(key);
}
item.setTitle(title);
item.setGoodsId(goods.getGoods().getId());//商品 SPU 编号
item.setSellerId(goods.getGoods().getSellerId());//商家编号
item.setCategoryid(goods.getGoods().getCategory3Id());//商品分类编号（3 级）
item.setCreateTime(new Date());//创建日期
item.setUpdateTime(new Date());//修改日期
//品牌名称
TbBrand brand =
brandMapper.selectByPrimaryKey(goods.getGoods().getBrandId());
item.setBrand(brand.getName());
//分类名称
TbItemCat itemCat =
itemCatMapper.selectByPrimaryKey(goods.getGoods().getCategory3Id());
item.setCategory(itemCat.getName());
//商家名称
TbSeller seller =
sellerMapper.selectByPrimaryKey(goods.getGoods().getSellerId());
item.setSeller(seller.getNickName());
//图片地址（取 spu 的第一个图片）
List<Map> imageList = JSON.parseArray(goods.getGoodsDesc().getItemImages(),
Map.class) ;
if(imageList.size()>0){
item.setImage ( (String)imageList.get(0).get("url"));
}
itemMapper.insert(item);
}
}

6.商品录入【是否启用规格】
6.1 需求分析
在规格面板添加是否启用规格，当用户没有选择该项，将原来的规格面板和 SKU 列表隐藏，
用户保存商品后只生成一个 SKU


6.2 前端代码
goods_add.html 添加复选框

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

<div class="row data-type">
<div class="col-md-2 title">是否启用规格</div>
<div class="col-md-10 data">
<input type="checkbox" ng-model="entity.goods.isEnableSpec"
ng-true-value="1" ng-false-value="0">
</div>
</div> 

用 if 指令控制规格面板与 SKU 列表的显示与隐藏

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

 <div ng-if="entity.goods.isEnableSpec==1">
......SKU 表格部分
</div>