public Page<Map<String,0bject>> findAll(GoodsQo goodsQ0){
String json = goodsRestService.findPage(goodsQo);
Gson gson=TreeMapconvert.getGson();
TreeMap<String, 0bject> page = gson.fromJson (json, new TypeToken<
TreeMap<String, Object>>(){.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<List>() {
}.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两部分组成,其中页面设计的主体部分的实现代码如下所示:
<input class=“searchInput” id=“searchInput” type=“text”
placeholder=“搜索商品”value=”"/>
购物车个人
在页面的主体设计中,主要包含以下三个功能:
-
商品搜索查询
-
页面导航设计
-
列表数据显示
这些功能数据访问主要通过JavaScript 实现,代码如下所示: