vue的商品搜索功能

1. 代码实现

1.1 后端在apps/goods/view.py


#GenericViewSet
class GoodsListViewSet(mixins.ListModelMixin,viewsets.GenericViewSet):
   """
   返回商品列表,自定义序列化器,分页,过滤,搜索,排序
   """
   #得到所有的商品
     filter_class = GoodsFilter
   #支持搜索和过滤,写在一起
   filter_backends = (filters.OrderingFilter,filters.SearchFilter,DjangoFilterBackend)
   #搜索的关键字从这些字段取
   #^name,例如搜索水果,那么name字段中必然是水果开头才会满足条件
   #=name,精确搜索
   search_fields = ('name', 'goods_brief','goods_desc')
   #搜索字段
   ordering_fields = ('shop_price', 'sold_num')

 

1.2 前端实现

wps22FD.tmp.jpg

 



            
            

本博客源码Github地址:

https://github.com/whisnos/myblog

请随手给个star,谢谢!

打赏

评论