1 课程计划
1、solr服务的搭建(单机版)
2、把商品数据导入到索引库中
3、创建一个taotao-search工程,发布搜索服务。
4、实现搜索服务。SolrJ客户端调用solr服务,实现商品搜素。返回json数据。
今天的内容:
1、在taotao-portal工程中调用taotao-search工程发布的服务。实现商品搜索功能。
2、点击商品的图片,打开商品详情页面
a) 商品基本信息
b) 延迟加载商品详情。延迟一秒加载使用ajax
c) 商品的规格参数。按需加载,当用户点击商品规格参数tab页,加载ajax。
2 商品搜索的实现
2.1 需求分析
用户在首页中输入查询条件,点击查询向taotao-portal发送请求,参数就是查询的条件,页码。Taoto-portal调用taotao-search发布的服务进行搜索,参数应该是查询条件和页码及每页显示的记录数(参数可选)。Taotao-search返回一个json格式的数据(TaotaoResult包装一个SearchResult对象)。Taotao-portal接收json数据需要把json数据转换成java对象。把java对象传递给jsp页面,jsp渲染java对象得到商品查询结果页面。
请求url:http://localhost:8082/search.html?q=查询条件
参数:q:查询条件
返回结果:商品列表页面(jsp)
Query:回显的查询条件
totalPages:总页数
itemList:商品列表
Page:当前页码
翻页处理:
2.2 Dao层
木有
2.3 Service层
接收两个参数1、查询条件2、页码。调用taotao-search的搜索服务。接收返回的json数据,把json转换成java对象返回SearchResult对象。
从taotao-search中复制SearchResult和Item两个pojo类。
@Service public class SearchServiceImpl implements SearchService {
@Value("${SEARCH_BASE_URL}") private String SEARCH_BASE_URL;
@Override public SearchResult search(String queryString, int page) { // 调用taotao-search的服务 //查询参数 Map<String, String> param = new HashMap<>(); param.put("q", queryString); param.put("page", page + ""); try { //调用服务 String json = HttpClientUtil.doGet(SEARCH_BASE_URL, param); //把字符串转换成java对象 TaotaoResult taotaoResult = TaotaoResult.formatToPojo(json, SearchResult.class); if (taotaoResult.getStatus() == 200) { SearchResult result = (SearchResult) taotaoResult.getData(); returnresult; }
} catch (Exception e) { e.printStackTrace(); } returnnull; }
}
|
2.4 Controller层
功能:接收请求的参数查询条件和页码。调用Service查询商品列表得到SearchResult对象。
需要把
Query:回显的查询条件
totalPages:总页数
itemList:商品列表
Page:当前页码
传递到页面。返回一个逻辑视图search字符串。
@Controller public class SearchController {
@Autowired private SearchService searchService;
@RequestMapping("/search") public String search(@RequestParam("q")String queryString, @RequestParam(defaultValue="1")Integer page, Model model) { if (queryString != null) { try { queryString = new String(queryString.getBytes("iso8859-1"), "utf-8"); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } } SearchResult searchResult = searchService.search(queryString, page); //向页面传递参数 model.addAttribute("query", queryString); model.addAttribute("totalPages", searchResult.getPageCount()); model.addAttribute("itemList", searchResult.getItemList()); model.addAttribute("page", page);
return "search";
} } |
2.5 存在的问题
搜索结果中图片展示不出来,image字段中存储的图片是多张,使用逗号分隔。
修改方法:
Pojo:
Jsp中:
3 商品详情页面展示
3.1 需求分析
需要在taotao-portal中调用taotao-rest发布的服务,查询商品详情。
1、商品的基本信息
2、商品的描述
3、商品的规格
当用户请求商品详情页面时,只需要把商品基本信息展示出来,为了快速响应用户。商品的描述可以延迟加载,延迟一秒钟加载。商品的规格参数按需加载,当用户点击商品规格参数的标签页此时加载。
3.2 服务发布
需要在taotao-rest工程中发布服务
1、取商品基本信息的服务
2、取商品描述的服务
3、取商品规格的服务
需要把商品信息添加到缓存中。设置商品的过期时间,过期时间为一天。需要缓存同步。
3.2.1 取商品基本信息
3.2.1.1 Dao层
查询的表tb_item:
3.2.1.2 Service层
接收商品id,根据商品id查询商品基本信息。返回一个商品的pojo,使用taotaoResult包装返回。
@Service public class ItemServiceImpl implements ItemService {
@Autowired private TbItemMapper itemMapper; @Override public TaotaoResult getItemBaseInfo(long itemId) { //根据商品id查询商品信息 TbItem item = itemMapper.selectByPrimaryKey(itemId); //使用TaotaoResult包装一下
return TaotaoResult.ok(item); }
} |
3.2.1.3 Controller层
接收商品id调用Service查询商品信息,返回商品对象,使用TaotaoResult包装。
Url:/rest/item/info/{itemId}
@Controller @RequestMapping("/item") public class ItemController {
@Autowired private ItemService itemService;
@RequestMapping("/info/{itemId}") @ResponseBody public TaotaoResult getItemBaseInfo(@PathVariable Long itemId) { TaotaoResult result = itemService.getItemBaseInfo(itemId); returnresult; }
} |
3.2.1.4 添加缓存逻辑
Redis的hash类型中的key是不能设置过期时间。如果还需要对key进行分类可以使用折中的方案。
Key的命名方式:
Itheima:javaee16:01=袁飞
Itheima:javaee16:02=张飞
商品key的定义:
基本信息:
REDIS_ITEM_KEY:商品id:base=json
描述:
REDIS_ITEM_KEY:商品id:desc=json
规格参数:
REDIS_ITEM_KEY:商品id:param=json
@Service public class ItemServiceImpl implements ItemService {
@Autowired private TbItemMapper itemMapper; @Value("${REDIS_ITEM_KEY}") private String REDIS_ITEM_KEY; @Value("${REDIS_ITEM_EXPIRE}") private Integer REDIS_ITEM_EXPIRE;
@Autowired private JedisClient jedisClient;
@Override public TaotaoResult getItemBaseInfo(long itemId) { try { //添加缓存逻辑 //从缓存中取商品信息,商品id对应的信息 String json = jedisClient.get(REDIS_ITEM_KEY + ":" + itemId + ":base"); //判断是否有值 if (!StringUtils.isBlank(json)) { //把json转换成java对象 TbItem item = JsonUtils.jsonToPojo(json, TbItem.class); return TaotaoResult.ok(item); }
} catch (Exception e) { e.printStackTrace(); }
//根据商品id查询商品信息 TbItem item = itemMapper.selectByPrimaryKey(itemId); //使用TaotaoResult包装一下 try { //把商品信息写入缓存 jedisClient.set(REDIS_ITEM_KEY + ":" + itemId + ":base", JsonUtils.objectToJson(item)); //设置key的有效期 jedisClient.expire(REDIS_ITEM_KEY + ":" + itemId + ":base", REDIS_ITEM_EXPIRE); } catch (Exception e) { e.printStackTrace(); } return TaotaoResult.ok(item); }
} |
3.2.2 取商品描述信息
根据商品id取商品描述信息。单表查询tb_item_desc。
3.2.2.1 Dao层
使用逆向工程
3.2.2.2 Service层
接收商品id根据商品id查询商品描述。返回商品描述的pojo。使用TaotaoResult包装。
需要添加缓存逻辑。
@Override public TaotaoResult getItemDesc(long itemId) { //添加缓存 try { //添加缓存逻辑 //从缓存中取商品信息,商品id对应的信息 String json = jedisClient.get(REDIS_ITEM_KEY + ":" + itemId + ":desc"); //判断是否有值 if (!StringUtils.isBlank(json)) { //把json转换成java对象 TbItemDesc itemDesc = JsonUtils.jsonToPojo(json, TbItemDesc.class); return TaotaoResult.ok(itemDesc); } } catch (Exception e) { e.printStackTrace(); } //创建查询条件 TbItemDesc itemDesc = itemDescMapper.selectByPrimaryKey(itemId);
try { //把商品信息写入缓存 jedisClient.set(REDIS_ITEM_KEY + ":" + itemId + ":desc", JsonUtils.objectToJson(itemDesc)); //设置key的有效期 jedisClient.expire(REDIS_ITEM_KEY + ":" + itemId + ":desc", REDIS_ITEM_EXPIRE); } catch (Exception e) { e.printStackTrace(); }
return TaotaoResult.ok(itemDesc); } |
3.2.2.3 Controller层
接收商品id参数,调用Service查询商品描述。返回TaotaoResult.
@RequestMapping("/desc/{itemId}") @ResponseBody public TaotaoResult getItemDesc(@PathVariable Long itemId) { TaotaoResult result = itemService.getItemDesc(itemId); return result; } |
3.2.3 取商品规格参数
需要从tb_item_param_item表中根据商品id取出商品的规格参数信息。返回pojo对象,使用TaotaoResult包装。
3.2.3.1 Dao层
使用逆向工程
3.2.3.2 Service层
接收商品id调用mapper查询商品规格参数,返回规格参数pojo使用TaotaoResult包装。
添加缓存逻辑。
@Override public TaotaoResult getItemParam(long itemId) { //添加缓存 try { //添加缓存逻辑 //从缓存中取商品信息,商品id对应的信息 String json = jedisClient.get(REDIS_ITEM_KEY + ":" + itemId + ":param"); //判断是否有值 if (!StringUtils.isBlank(json)) { //把json转换成java对象 TbItemParamItem paramItem = JsonUtils.jsonToPojo(json, TbItemParamItem.class); return TaotaoResult.ok(paramItem); } } catch (Exception e) { e.printStackTrace(); } //根据商品id查询规格参数 //设置查询条件 TbItemParamItemExample example = new TbItemParamItemExample(); Criteria criteria = example.createCriteria(); criteria.andItemIdEqualTo(itemId); //执行查询 List<TbItemParamItem> list = itemParamItemMapper.selectByExampleWithBLOBs(example); if (list != null && list.size()>0) { TbItemParamItem paramItem = list.get(0); try { //把商品信息写入缓存 jedisClient.set(REDIS_ITEM_KEY + ":" + itemId + ":param", JsonUtils.objectToJson(paramItem)); //设置key的有效期 jedisClient.expire(REDIS_ITEM_KEY + ":" + itemId + ":param", REDIS_ITEM_EXPIRE); } catch (Exception e) { e.printStackTrace(); } return TaotaoResult.ok(paramItem); } return TaotaoResult.build(400, "无此商品规格"); } |
3.2.3.3 Controller层
接收商品id调用Service返回TaotaoResult。
@ResponseBody public TaotaoResult getItemDesc(@PathVariable Long itemId) { TaotaoResult result = itemService.getItemDesc(itemId); return result; } |
3.3 使用taotao-portal调用服务
3.3.1 需求分析
当用户访问商品详情页面时,需要加载商品基本信息。延迟加载商品描述、按需加载商品的规格参数。
3.3.2 商品基本信息的查询
当商品页面展示时,数据已经到位。
请求的url:/item/{itemId}.html
3.3.2.1 Dao层
没有
3.3.2.2 Service层
接收商品id,调用taotao-rest的服务,查询商品的基本信息。得到一个json字符串。需要把json转换成java对象。然后在jsp页面渲染。
@Service public class ItemServiceImpl implements ItemService {
@Value("${REST_BASE_URL}") private String REST_BASE_URL; @Value("${ITME_INFO_URL}") private String ITME_INFO_URL;
@Override public TbItem getItemById(Long itemId) {
try { //调用rest的服务查询商品基本信息 String json = HttpClientUtil.doGet(REST_BASE_URL + ITME_INFO_URL + itemId); if (!StringUtils.isBlank(json)) { TaotaoResult taotaoResult = TaotaoResult.formatToPojo(json, TbItem.class); if (taotaoResult.getStatus() == 200) { TbItem item = (TbItem) taotaoResult.getData(); return item; } } } catch (Exception e) { e.printStackTrace(); }
return null; }
} |
3.3.2.3 Controller层
接收页面传递过来的商品id,调用Service查询商品基本信息。传递给jsp页面。返回逻辑视图,展示商品详情页面。
@Controller public class ItemController {
@Autowired private ItemService itemService;
@RequestMapping("/item/{itemId}") public String showItem(@PathVariable Long itemId, Model model) { TbItem item = itemService.getItemById(itemId); model.addAttribute("item", item);
return "item"; } } |
商品POJO:
public class ItemInfo extends TbItem {
public String[] getImages() { String image = getImage(); if (image != null) { String[] images = image.split(","); return images; } return null; } }
|
3.3.3 商品描述延迟加载
当商品详情页面加载完毕后延迟一秒钟ajax请求商品详情。
请求的URL:/item/desc/{itemId}.html
参数:商品id
返回值:商品描述信息(html片段)
3.3.3.1 Dao层
没有
3.3.3.2 Service层
接收商品id,调用taotao-rest的服务根据商品id查询商品描述信息。得到json数据。把json转换成java对象从java对象中把商品描述取出来。返回商品描述字符串。
参数:商品id
返回值:字符串(商品描述的html片段)
/** * 取商品描述 * <p>Title: getItemDescById</p> * <p>Description: </p> * @param itemId * @return * @see com.taotao.portal.service.ItemService#getItemDescById(java.lang.Long) */ @Override public String getItemDescById(Long itemId) { try { //查询商品描述 String json = HttpClientUtil.doGet(REST_BASE_URL + ITEM_DESC_URL + itemId); //转换成java对象 TaotaoResult taotaoResult = TaotaoResult.formatToPojo(json, TbItemDesc.class); if (taotaoResult.getStatus() == 200) { TbItemDesc itemDesc = (TbItemDesc) taotaoResult.getData(); //取商品描述信息 String result = itemDesc.getItemDesc(); returnresult; } } catch (Exception e) { e.printStackTrace(); } returnnull; } |
3.3.3.3 Controller层
接收商品id,调用Service查询商品的描述信息,返回一个字符串,是商品描述的片段。需要使用@ResponseBody。
@RequestMapping(value="/item/desc/{itemId}", produces=MediaType.TEXT_HTML_VALUE+";charset=utf-8") @ResponseBody public String getItemDesc(@PathVariable Long itemId) { String string = itemService.getItemDescById(itemId); return string; } |
3.3.4 商品规格参数展示
按需加载。当用户点击规格参数tab页时触发一个单击事件,在事件中异步加载规格参数信息。规格参数内容是html片段。返回字符串。
3.3.4.1 Dao层
没有
3.3.4.2 Service层
接收商品id,根据商品id查询规格参数的数据,调用服务端的方法,返回json数据。把json转换成java对象,根据java对象生成html片段,返回。
参数:商品id
返回值:字符串(规格参数html)
/** * 根据商品id查询规格参数 * <p>Title: getItemParam</p> * <p>Description: </p> * @param itemId * @return * @see com.taotao.portal.service.ItemService#getItemParam(java.lang.Long) */ @Override public String getItemParam(Long itemId) { try { String json = HttpClientUtil.doGet(REST_BASE_URL + ITEM_PARAM_URL + itemId); //把json转换成java对象 TaotaoResult taotaoResult = TaotaoResult.formatToList(json, TbItemParamItem.class); if (taotaoResult.getStatus() == 200) { TbItemParamItem itemParamItem = (TbItemParamItem) taotaoResult.getData(); String paramData = itemParamItem.getParamData(); //生成html // 把规格参数json数据转换成java对象 List<Map> jsonList = JsonUtils.jsonToList(paramData, Map.class); StringBuffer sb = new StringBuffer(); sb.append("<table cellpadding=\"0\" cellspacing=\"1\" width=\"100%\" border=\"0\" class=\"Ptable\">\n"); sb.append(" <tbody>\n"); for(Map m1:jsonList) { sb.append(" <tr>\n"); sb.append(" <th class=\"tdTitle\" colspan=\"2\">"+m1.get("group")+"</th>\n"); sb.append(" </tr>\n"); List<Map> list2 = (List<Map>) m1.get("params"); for(Map m2:list2) { sb.append(" <tr>\n"); sb.append(" <td class=\"tdTitle\">"+m2.get("k")+"</td>\n"); sb.append(" <td>"+m2.get("v")+"</td>\n"); sb.append(" </tr>\n"); } } sb.append(" </tbody>\n"); sb.append("</table>"); //返回html片段 return sb.toString(); }
} catch (Exception e) { e.printStackTrace(); }
return ""; } |
3.3.4.3 Controller层
页面的ajax请求Controller,请求的url://item/param/{itemId}.html
响应一个字符串。规格参数的片段。@ResponseBody。
@RequestMapping(value="/item/param/{itemId}", produces=MediaType.TEXT_HTML_VALUE+";charset=utf-8") @ResponseBody public String getItemParam(@PathVariable Long itemId) { String string = itemService.getItemParam(itemId); returnstring; } |
3.3.4.4 Jsp
响应规格参数标签页的点击事件,在事件中进行ajax请求规格参数。只需要请求一次即可。
给tab页dom节点绑定单击事件:
请求规格参数的方法:
绑定单击事件: