多条件搜索在很多网站上都有用到,比如京东,淘宝,51cto,等等好多购物教育网站上都有,当然网上也有很多开源的比楼主写的好的多了去了,仅供参考,哈哈
先来一张效果图吧,不然幻想不出来是什么样的,前端样式很low,毕竟主要是说后台的嘛,前端为了简单测试就简单的写出来啦,喜欢好的样式可以自己去调哈
写后台的应该都知道先从数据库方面入手,所以我们先来设计数据库
数据库设计
1、视频video
class Video(models.Model):
status_choice = (
(0, u\'下线\'),
(1, u\'上线\'),
)
level_choice = (
(1, u\'初级\'),
(2, u\'中级\'),
(3, u\'高级\'),
)
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=256)
create_date = models.DateTimeField(auto_now_add=True)
class Meta:
db_table = \'Video\'
verbose_name_plural = u\'视频\'
def __str__(self):
return self.title
2、视频方向Direction
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 = u\'方向(视频方向)\'
def __str__(self):
return self.name
3、视频分类Classification
class Classification(models.Model):
weight = models.IntegerField(verbose_name=\'权重(按从大到小排列)\', default=0)
name = models.CharField(verbose_name=\'名称\', max_length=32)
class Meta:
db_table = \'Classification\'
verbose_name_plural = u\'分类(视频分类)\'
def __str__(self):
return self.name
好了大家一起来分析下数据库设计
-
视频方向Direction类和视频分类Classification多对多关系,因为一个视频方向可以有多个分类,一个视频分类也可以有多个视频方向视频分类
-
Classification视频分类和视频Video类是一对多关系,因为一个分类肯定有好多视频
- 视频Video类中level_choice 与视频也是一对多关系,因为这个也就这三个分类,所以我选择把他放在内存里面取,毕竟这玩意常年不会变
url映射
from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
url(r\'^admin/\', admin.site.urls),
url(r\'^video-(?P<direction_id>\d+)-(?P<classification_id>\d+)-(?P<level_id>\d+).html\', views.video),
]
输入的url为:http://127.0.0.1:8080/video-0-0-0.html
-
中间第一个0代表视频方向,第二个0代表食品分类,第三个0是视频等级,这个是根据汽车之间那个二手车学的,用着很方便哈哈
-
0代表全部,然后递增,当选择运维自动化,第一个0就会变成1
-
下面那些都是一样的道理
前端代码
前端HTML,有用到django的simple_tag,从总体效果图可以看出,前端主要分为两部分,选择部分和视频展示部分
1、选择部分
<h3>选择:</h3>
<div>
{% action_all current_url 1 %} :
{% for item in direction_list %}
{% action current_url item %}
{% endfor %}
</div>
<div>
{% action_all current_url 2 %} :
{% for item in class_list %}
{% action current_url item %}
{% endfor %}
</div>
<div>
{% action_all current_url 3 %} :
{% for item in level_list %}
{% action current_url item %}
{% endfor %}
</div>
中间主要是用simple_tag来做的前端代码
@register.simple_tag
def action_all(current_url,index):
"""
获取当前url,video-1-1-2.html
:param current_url:
:param item:
:return:
"""
url_part_list = current_url.split(\'-\')
if index == 3:
if url_part_list[index] == "0.html":
temp = "<a href=\'%s\' class=\'active\'>全部</a>"
else:
temp = "<a href=\'%s\'>全部</a>"
url_part_list[index] = "0.html"
else:
if url_part_list[index] == "0":
temp = "<a href=\'%s\' class=\'active\'>全部</a>"
else:
temp = "<a href=\'%s\'>全部</a>"
url_part_list[index] = "0"
href = \'-\'.join(url_part_list)
temp = temp % (href,)
return mark_safe(temp)
@register.simple_tag
def action(current_url, item,index):
# videos-0-0-1.html
# item: id name
# video- 2 -0-0.html
url_part_list = current_url.split(\'-\')
if index == 3:
if str(item[\'id\']) == url_part_list[3].split(\'.\')[0]: #如果当前标签被选中
temp = "<a href=\'%s\' class=\'active\'>%s</a>"
else:
temp = "<a href=\'%s\'>%s</a>"
url_part_list[index] = str(item[\'id\']) + \'.html\' #拼接对应位置的部分url
else:
if str(item[\'id\']) == url_part_list[index]:
temp = "<a href=\'%s\' class=\'active\'>%s</a>"
else:
temp = "<a href=\'%s\'>%s</a>"
url_part_list[index] = str(item[\'id\'])
ur_str = \'-\'.join(url_part_list) #拼接整体url
temp = temp %(ur_str, item[\'name\']) #生成对应的a标签
return mark_safe(temp) #返回安全的html
2、视频展示区域
<h3>视频:</h3>
{% for item in video_list %}
<a class="item" href="{{ item.href }}">
<img src="/{{ item.img }}" width="300px" height="400px">
<p>{{ item.title }}</p>
<p>{{ item.summary }}</p>
</a>
{% endfor %}
关键来啦关键来啦,最主要的处理部分在这里,往这看,往这看,往这看,主要的事情说三遍哈
视频后台逻辑处理部分
def video(request,*args,**kwargs):
print(kwargs)
# 当前请求的路径
request_path = request.path
# 从数据库获取视频时的filter条件字典
q = {}
# 状态为审核通过的
q[\'status\'] = 1
# 获取url中的视频分类id
class_id = int(kwargs.get(\'classification_id\'))
# 从数据库中获取所有的视频方向(包括视频方向的id和name)
direction_list = models.Direction.objects.all().values(\'id\',\'name\')
# 如果视频方向是0
if kwargs.get(\'direction_id\') == \'0\':
# 方向选择全部
# 方向id=0,即获取所有的视频分类(包括视频分类的id和name)
class_list = models.Classification.objects.all().values(\'id\', \'name\')
# 如果视频分类id也为0,即全部分类,那就什么都不用做,因为已经全取出来了
if kwargs.get(\'classification_id\') == \'0\':
pass
else:
# 如果视频分类不是全部,过滤条件为视频分类id在[url中的视频分类id]
q[\'classification_id__in\'] = [class_id,]
else:
print(\'方向不为0\')
# 方向选择某一个方向,
# 如果分类是0
if kwargs.get(\'classification_id\') == \'0\':
print(\'分类为0\')
# 获取已选择的视频方向
obj = models.Direction.objects.get(id=int(kwargs.get(\'direction_id\')))
# 获取该方向的所有视频分类
class_list = obj.classification.all().values(\'id\', \'name\')
# 获取所有视频分类对应的视频分类id
id_list = list(map(lambda x: x[\'id\'], class_list))
# 过滤条件为视频分类id in [该方向下的所有视频分类id]
q[\'classification_id__in\'] = id_list
else:
# 方向不为0,分类也不为0
obj = models.Direction.objects.get(id=int(kwargs.get(\'direction_id\')))
class_list = obj.classification.all().values(\'id\', \'name\')
id_list = list(map(lambda x:x[\'id\'], class_list))
# 过滤条件为视频分类id in [已经选择的视频分类id]
q[\'classification_id__in\'] = [class_id,]
print(\'分类不为0\')
# 当前分类如果在获取的所有分类中,则方向下的所有相关分类显示
# 当前分类如果不在获取的所有分类中,
if int(kwargs.get(\'classification_id\')) in id_list:
pass
else:
print(\'不再,获取指定方向下的所有分类:选中的回到全部\')
url_part_list = request_path.split(\'-\')
url_part_list[2] = \'0\'
request_path = \'-\'.join(url_part_list)
# 视频等级id
level_id = int(kwargs.get(\'level_id\'))
if level_id == 0:
pass
else:
# 过滤条件增加视频等级
q[\'level\'] = level_id
# 取出相对应的视频
video_list = models.Video.objects.filter(**q).values(\'title\',\'summary\', \'img\', \'href\')
# 把视频等级转化为单个标签是字典格式,整体是列表格式
ret = map(lambda x:{"id": x[0], \'name\': x[1]}, models.Video.level_choice)
level_list = list(ret)
return render(request, \'video.html\', {\'direction_list\': direction_list,
\'class_list\': class_list,
\'level_list\': level_list,
\'current_url\': request_path,
"video_list": video_list})