Django+Vue多对多筛选，急，谢谢啦！

Question

1.现在有一个多对多条件筛选网页的需求，需求比较复杂，可以有偿提供服务，希望大侠们多多帮助，筛选之后的效果如下：

环境是django+vue，有几个要求：
1.筛选后地址不变
2.能够多条件匹配
3.未筛选时，不出现筛选框
4.筛选后，出现筛选框，同时在筛选框中显示筛选的内容，内容按筛选顺序排列
5.点击筛选框内容后的叉后，可以清除当前筛选
6.点击清除所有，将恢复默认
7.点击加载更多，将一次加载该筛选条件9个内容
联系QQ：43939659

Answer 1

这个应该不难吧。

1. 筛选后地址不变。那肯定是不能走Get请求了，可用Post。(不过查询类的还是用Get好一些~)
2. 多条件匹配。也就是要传多个参数，没啥问题。POST xxx.xx/xx {"params": ["华语", "美国", "派拉蒙"]} 类似这种，只要将页面的参数传递到后端即可。
3. 未筛选时，不出现筛选框。vue基本功能 v-show 即可。
4. 前端基本
5. 前端基本
6. 前端基本
7. 加载更多。后端出好接口即可了。

整体思路：

1. 前端：

   1. 一个 params: 列表。当有选择条件时，进行添加。 params: ["华语", "美国", "派拉蒙"]
   2. 当对条件有操作时。即对params有修改时，触发请求。

2. 后端：

   1. 提供一个接口：接收 params参数，然后处理数据。返回相应条件下的数据。
   2. 接口中有size参数，可供前端自行设置获取的数据长度(注意控制取值范围)。

POST xxx.xx/xx 

{"params": ["华语", "派拉蒙"], "size": 9, "page": 1} 

{"msg": "", "code": 0, "data": {"movies": [{"title": "一个完美主义者的爱情", "img": "xxx.jpg"}, {}, {}, {}], "page": 1, "size": 9, "params": ["华语", "派拉蒙"]}}

这样，前端就可以根据后端返回的参数进行展示了。