一、价格过滤功能 GoodsList.vue >>点击价格区间时发送请求 methods:{ getGoodsList(flag){ var ...
data(){ return { goodsList:[], // 商品列表 priceFilter:[ // 价格区间数组 { ...
首先我们看下这个功能实现的效果: 后期理解补充: 其实这个功能的关键点就是分析这个模块的数据格式怎么样的? 对于这种商品列表展示的功能: 我们思路如下: 第一:开始展示的都是顶级列表,即parentId为0,即每页父类,他就是最顶级的。 第二:根据数据格式分析各级的区别:顶级与二级 ...
Dao层实现: ShopDao.xml: ShopDaoTest: ShopDao: 然后测试。 Service层实现: ShopServiceI ...
Redux-Saga redux-saga 是一个用于管理应用程序副作用(例如异步获取数据,访问浏览器缓存等)的javascript库,它的目标是让副作用管理更容易,执行更高效,测试更简单,处理故障 ...
前言 在vue项目中使用swiper+vue-awesome-swiper实现一个上下滚动的跑马灯/新闻列表/图片列表,有数据时展示列表,没数据时自定义说明。 效果如下:一个页面中展示4个列表(或图片),列表向上滚动,鼠标移入停止滚动且显示title,鼠标移出滚动再次开启,有分页 ...
实现的效果: 点击“查询商品”之后-》 我们的前台用的是EasyUI框架。页面的数据显示规则是: 请求的参数:http://localhost:8080/item/list?page=1&rows=30 分页信息。(需要看官方的手册) 返回值 ...