简介

本篇主要目的如下：

1. 实现商品列表页的后端排序逻辑
2. 前后端联调排序逻辑

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