SpringCloud微服务架构实战：移动商城首页设计

public Page> findAll(GoodsQo goodsQ0){

String json = goodsRestService.findPage(goodsQo);

Gson gson=TreeMapconvert.getGson();

TreeMap page = gson.fromJson (json, new TypeToken<

TreeMap>(){.getType());

Pageable pageable = PageRequest.of (goodsQo.getPage(),goodsQo.getSize(),

nul1）;

List list =new ArrayList<>();

if(page !=null && page.get (“list”) I= null) {

list = gson.fromJson(page.get (“list”).toString(),new

TypeToken() {

}.getType());

}

String count = page.get(“total”).toString();

return new PageImpl(list, pageable,new Long(count));

}

}

单击上面的首页链接“lindex”，将返回一个H5单页设计的页面视图“ index.html”。另外，链接“/list”是一个商品列表数据查询设计，使用查询对象GoodsQo传递参数，调用了商品服务接口GoodsRestService的 findPage来获取分页列表数据。

页面视图“index.html”的设计由页面设计和 JavaScript两部分组成，其中页面设计的主体部分的实现代码如下所示:

placeholder=“搜索商品”value=”"/>

xa href="javascript:searchGo();">Go

商品分类

订单

购物车个人

在页面的主体设计中，主要包含以下三个功能:

• 商品搜索查询

• 页面导航设计

• 列表数据显示

这些功能数据访问主要通过JavaScript 实现，代码如下所示: