Vue + Django 2.0.6 学习笔记 8.2 热卖商品展示

女爷i 2022-01-14 11:59 118阅读 0赞

想要呈现热卖商品 只需要将商品model中的is\_hot为True的字段过滤出来就可以了

class Goods(models.Model):
        ...
        is_hot = models.BooleanField(default=False, verbose_name=u'是否热销')
        ...

那我们就去goods下面的filters.py中添加过滤字段

import django_filters
    
    from django.db.models import Q
    
    from .models import Goods
    
    
    class GoodsFilter(django_filters.rest_framework.FilterSet):
        """
        商品的过滤类
        """
        pricemin = django_filters.NumberFilter(field_name='shop_price', lookup_expr='gte')
        pricemax = django_filters.NumberFilter(field_name='shop_price', lookup_expr='lte')
    
        top_category = django_filters.NumberFilter(method='top_category_filter')
    
        name = django_filters.CharFilter(field_name='name')
    
        def top_category_filter(self, queryset, name, value):
            return queryset.filter(Q(category_id = value) | Q(category__parent_category_id = value) | Q(category__parent_category__parent_category_id = value))
    
        class Meta:
            model = Goods
    # --------------------------------------------->这里 只要添加is_hot字段就可以了 完美 搞定 拿钱
            fields = ['pricemin','pricemax', 'name', 'is_hot']

示例：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NvdWx3eWI_size_16_color_FFFFFF_t_70][]

URL请求：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NvdWx3eWI_size_16_color_FFFFFF_t_70 1][]

前端vue中也是请求goods的api 只是添加了is\_hot:true的字段

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NvdWx3eWI_size_16_color_FFFFFF_t_70 2][]

完结

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NvdWx3eWI_size_16_color_FFFFFF_t_70]: /images/20220114/4535636fb5754c98867575f635cec3d7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NvdWx3eWI_size_16_color_FFFFFF_t_70 1]: /images/20220114/bd4c8442e99c44cdb2c2c95e52638bd2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NvdWx3eWI_size_16_color_FFFFFF_t_70 2]: /images/20220114/ebdc53cbf26843c38717c7112d33bb39.png