黑马程序员技术交流社区

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

---

作者: 谷粒姐姐    时间: 2018-9-29 14:19
标题: 【郑州校区】Java之品优购课程讲义_day12（7）

商品详情页-读取 SKU 信息

需求：当我们选择规格后，应该在页面上更新商品名称为 SKU 的商品标题，价格也应该为

SKU 的商品价格。

4.1 页面生成 SKU列表变量

4.1.1 后端服务层

修改 pinyougou-page-service 的 ItemPageServiceImpl.java

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

@Autowired





private  TbItemMapper  itemMapper;









@Override





public  boolean  genItemHtml(Long  goodsId){





try {





Configuration  configuration  =  freeMarkerConfig.getConfiguration(); Template  template  =  configuration.getTemplate("item.ftl");

Map  dataModel=new  HashMap<>();



//1.加载商品表数据



//2.加载商品扩展表数据



//3.商品分类



//4.SKU 列表



TbItemExample  example=new  TbItemExample(); Criteria  criteria  =  example.createCriteria();

criteria.andStatusEqualTo("1");//状态为有效

criteria.andGoodsIdEqualTo(goodsId);//指定 SPU  ID



example.setOrderByClause("is_default desc");//按照状态降序，保证第一个为默

认



List<TbItem>  itemList  =  itemMapper.selectByExample(example); dataModel.put("itemList",  itemList);

Writer  out=new  FileWriter(pagedir+goodsId+".html"); template.process(dataModel,  out);

out.close();





return  true;





}  catch  (Exception  e)  { e.printStackTrace(); return  false;

}





}

4.1.1 模板

修改模板：

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

<script>



//SKU 商品列表



var  skuList=[



<#list  itemList  as  item>



{

"id":${item.id?c}, "title":"${item.title!''}",

"price":${item.price?c},



"spec":  ${item.spec}



} ,



</#list>



];



</script>

测试生成，发现页面源代码中生成了变量

---

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

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