该博客详细介绍了如何实现商品的搜索查询、页面导航和列表数据显示。通过调用GoodsRestService接口获取分页商品数据，利用Gson进行JSON转换，并在JavaScript中处理数据展示。页面设计包括商品搜索框和'Go'按钮，以及商品分类和其他功能链接。JavaScript实现了页面的主要交互功能。
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 实现，代码如下所示:
1356
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
