在线商城项目11-商品列表页的排序实现
在线商城项目11-商品列表页的排序实现
love丁酥酥
发布于 2018-08-27 16:10:12
发布于 2018-08-27 16:10:12
简介
本篇主要目的如下：
- 实现商品列表页的后端排序逻辑
- 前后端联调排序逻辑
1. 实现商品列表页的后端排序逻辑
分别启动前后端项目，我们在浏览器打开商城地址，如下：
请求后台接口会带上三种排序参数default，priceDown和priceUp。另外，如果不带参数，我们默认排序也是default。 这里，我们做一个简单的处理，就是对于后端的处理逻辑，defalut和priceUp等价。当然现实中，我们肯定是有一个复杂的算法，比如计算热度啊，距离啊，或者最近浏览啊等等计算出一个默认排序。 修改routes/goods.js如下：
/* GET goods */
router.get('/', function (req, res, next) {
// 只有接口请求带参数sort=priceDown才会按价格降序
let sort = req.query['sort'] === 'priceDown'?-1:1;
let query = Good.find({});
query.sort({salePrice: sort});
query.exec((err, doc) => {
if (err) {
res.json({
code: '900',
msg: err.message || '服务器错误'
})
} else {
res.json({
code: '000',
msg: '',
result: doc
})
}
});
});
2. 前后端联调排序逻辑
可以看到前端之前的逻辑并不需要改动。
总结
可以看到，前一节和本节，对前端逻辑的调整基本没有，仅仅将请求从mock换到真实后台接口地址即可，这就是前后端分离的好处。 我们提交代码： six-tao-server
git status
git diff
git commit -am 'goodslist sort logic done'
git push本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.04.19 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录