用Django实现Video页面分类查询

前言

  在浏览淘宝网页时,在找不到中意的商品时,在页面顶部有诸多的搜索条件供于点击联合查询。

  那么,接下来可以做一个小DEMO,如图...

     

Model表创建,Url映射,Views函数处理

根据上图,视频方向与视频分类是多对多的关系,视频分类与视频信息是一对多的关系,难度级别是单一的查询条件(与之前俩者并无关系)

Models.py如下:

class Direction(models.Model):
    """ 视频方向 """
    weight = models.IntegerField(verbose_name='权重(从大到小)', default=0)
    name = models.CharField(verbose_name='名称', max_length=32)

    classification = models.ManyToManyField('Classification')

    class Meta:
        db_table = 'Direction'
        verbose_name_plural = '方向(视频方向)'

    def __str__(self):
        return self.name


class Classification(models.Model):
    """ 视频分类表 """
    weigth = models.IntegerField(verbose_name='权重(从大到小)', default=0)
    name = models.CharField(verbose_name='名称', max_length=32)

    class Meta:
        db_table = 'Classification'
        verbose_name_plural = '分类(视频分类)'

    def __str__(self):
        return self.name


class Video(models.Model):
    """ 视频信息表 """
    status_choice = (
        (0, '下线'),
        (1, '上线'),
    )
    level_choice = (
        (1, '初级'),
        (2, '中级'),
        (3, '高级'),
    )
    status = models.IntegerField(verbose_name='状态', choices=status_choice, default=1)
    level = models.IntegerField(verbose_name='级别', choices=level_choice, default=1)
    classification = models.ForeignKey('Classification', null=True, blank=True)

    weight = models.IntegerField(verbose_name='权重(从大到小)', default=0)
    title = models.CharField(verbose_name='标题', max_length=32)
    summary = models.CharField(verbose_name='简介', max_length=32)
    img = models.ImageField(verbose_name='图片', upload_to='./static/images/Video/')
    href = models.CharField(verbose_name='视频地址', max_length=255)

    create_date = models.DateTimeField(auto_now_add=True)

    class Meta:
        db_table = 'Video'
        verbose_name_plural = '视频'

    def __str__(self):
        return self.title
models.py

Url映射获取搜索条件如下:

在url路由配置中,可以有命名的传参得到 视频方向ID 视频分类ID 视频难度ID 三个条件

from django.conf.urls import url
from django.contrib import admin
from web_manage import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),

    url(r'videos-(?P<direction_id>\d+)-(?P<classification_id>\d+)-(?P<level>\d+).html',views.videos)
]
urls.py

Views函数(video)处理如下:

A在视图函数中,获取到 方向、分类、难度三个值,并创建搜索条件的字典

    """
    :param request: 
    :param args: 
    :param kwargs: {'direction_id': '0','classification_id': '0','level': '0'}
    :return: 
    """
    search = {}  # 构建搜索条件字典
    for k, v in kwargs.items():  
        temp = int(v)
        kwargs[k] = temp

    # 构造搜索条件
    direction_id = kwargs.get('direction_id')
    classification_id = kwargs.get('classification_id')
    level = kwargs.get('level')
View Code

B、HTML页面显示

  • 在HTML页面,视频方向的选项一直存在;
  • 视频分类在视频方向的选择项为全部时则全部展现,当视频方向(全部除外)为指定项时,则显示指定视频方向下的视频分类;
  • 难度依旧显示所有选项。

C、搜索条件构建

a、如果未指定方向(全部对应的ID为0)

# 如果未指定视频方向
if direction_id == 0:
    # 视频分类则获取全部
    classification = models.Classification.objects.all()
    # 如果未指定视频分类,搜索字典无此项 默认查询条件应根据难度(无分类查询)
    if classification_id == 0:
        pass
    # 如果指定视频分类
    else:
        # 搜索字典构建的分类ID 为 url 取到的分类ID
        search['classification_id'] = classification_id
View Code

b、如果指定视频方向(全部除外)

  • 应获取指定视频方向下的视频分类
  • 视频方向下没有视频分类的情况,列举为
# 如果指定视频方向
else:
    # 获取当前指定视频方向对象
    direction_obj = models.Direction.objects.filter(id=direction_id).first()
    # 获取视频方向对应的所有视频分类
    classification = direction_obj.classification.all()
    # 获取视频方向对应的所有视频分类的的ID
    vlist = direction_obj.classification.all().values_list('id')

    # 如果视频方向没有分类
    if not vlist:
        classification_list = []
    # 如果视频方向有分类
    else:
        classification_list = list(zip(*vlist))[0]  # 注意zip的用法
View Code

  如果指定了视频方向,视频分类简单分为俩种情况

  • 视频分类选项为全部(全部对应ID为0)
  • 视频分类被指定(特殊情况:如果视频分类被指定更换视频方向)

    1、视频分类存在于更替的视频方向的情况下,则分类不变

    2、视频分类不存在于更替的视频方向的情况下,则分类选中全部

        # 如果url分类ID为0   搜索条件 分类则为 指定方向下的所有分类
        if classification_id == 0:
            # 搜索字典 特殊 赋值   了不起的下划线之 __in
            search['classification_id__in'] = classification_list
        # 指定方向下 指定了分类
        else:
            # 如果 分类ID 存在于 指定方向的 所有分类ID内
            if classification_id in classification_list:
                search['classification_id'] = classification_id
            # 如果更替指定方向,分类不变 不存在于 该方向的所有分类内
            else:
                # 即默认指定所有
                kwargs['classification_id'] = 0
                search['classification_id__in'] = classification_list
View Code

c、难度级别筛选

    # 视频级别
    # 如果未指定难度级别
    if level == 0:
        pass
    # 难度级别被指定
    else:
        search['level'] = level
View Code

d、查询

video_list = models.Video.objects.filter(**search)

Html生成

<div class="search">
                <div class="filter" auto-id="search_filter">
                    <!-- 方向类选取 -->
                    <dl class="clearfix">
                        <dt>方向:</dt>
                        <dd class="" id="purpose_status">
                            {% if kwargs.direction_id == 0 %}
                                <a class="selected" href='/videos-0-{{ kwargs.classification_id }}-{{ kwargs.level }}.html'>全部</a>
                            {% else %}
                                <a href='/videos-0-{{ kwargs.classification_id }}-{{ kwargs.level }}.html'>全部</a>
                            {% endif %}
                            {% for item in direction %}
                                {% if item.id == kwargs.direction_id %}
                                    <a class="selected" href="/videos-{{ item.id }}-{{ kwargs.classification_id }}-{{ kwargs.level }}.html">{{ item.name }}</a>
                                {% else %}
                                    <a href="/videos-{{ item.id }}-{{ kwargs.classification_id }}-{{ kwargs.level }}.html">{{ item.name }}</a>
                                {% endif %}
                            {% endfor %}
                        </dd>
                    </dl>

                    <dl class="clearfix">
                        <dt>分类:</dt>
                        <dd id="material_status">
                            {% if kwargs.classification_id == 0 %}
                                <a class="selected" href="/videos-{{ kwargs.direction_id }}-0-{{ kwargs.level }}.html">全部</a>
                            {% else %}
                                <a href="/videos-{{ kwargs.direction_id }}-0-{{ kwargs.level }}.html">全部</a>
                            {% endif %}
                            {% for item in classification %}
                                {% if item.id == kwargs.classification_id  %}
                                    <a class="selected" href="/videos-{{ kwargs.direction_id }}-{{ item.id }}-{{ kwargs.level }}.html">{{ item.name }}</a>
                                {% else %}
                                    <a href="/videos-{{ kwargs.direction_id }}-{{ item.id }}-{{ kwargs.level }}.html">{{ item.name }}</a>
                                {% endif %}
                            {% endfor %}
                        </dd>
                    </dl>

                    <dl class="clearfix">
                        <dt>难度:</dt>
                        <dd id="surface_status">
                            {% if kwargs.level == 0 %}
                                <a class="selected" href="/videos-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-0.html">全部</a>
                            {% else %}
                                <a href="/videos-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-0.html">全部</a>
                            {% endif %}
                            {% for item in level %}
                                {% if item.0 == kwargs.level %}
                                    <a class="selected" href="/videos-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-{{ item.0 }}.html">{{ item.1 }}</a>
                                {% else %}
                                    <a href="/videos-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-{{ item.0 }}.html">{{ item.1 }}</a>
                                {% endif %}
                            {% endfor %}
                        </dd>
                    </dl>
                </div>
            </div>
View Code

 

posted @ 2017-03-28 15:41  病毒尖er  阅读(696)  评论(0编辑  收藏  举报