简介
本篇主要目的如下：
- 实现商品列表页的后端排序逻辑
- 前后端联调排序逻辑
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
