使用Django怎么實現(xiàn)標簽篩選

發(fā)布時間：2021-06-04 16:57:54 來源：億速云閱讀：195 作者：Leah 欄目：開發(fā)技術(shù)

本篇文章為大家展示了使用Django怎么實現(xiàn)標簽篩選，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

設(shè)計數(shù)據(jù)庫如下：

# 視頻分類表格
class VideoType(models.Model):
 Video_Type = models.CharField(max_length=50)
 class Meta:
 verbose_name_plural = '視頻分類'
 def __str__(self):
 return self.Video_Type
# 視頻難度表格
class VideoDif(models.Model):
 Video_dif = models.CharField(max_length=50)
 class Meta:
 verbose_name_plural = '視頻難度'
 def __str__(self):
 return self.Video_dif
# 視頻：ID、視頻圖片、視頻名稱、視頻簡介、視頻地址、視頻分類、視頻難度、權(quán)重、是否顯示
class Video(models.Model):
 Video_img = models.CharField(max_length=100)
 Video_title = models.CharField(max_length=100)
 Video_text = models.TextField()
 Video_type_id = models.ForeignKey('VideoType', on_delete=models.CASCADE,)
 Video_dif_id = models.ForeignKey('VideoDif', on_delete=models.CASCADE,)
 Video_qz = models.IntegerField(default=0)
 display_choice = (
 (1, '顯示'),
 (2, '隱藏'),
 )
 display = models.IntegerField(verbose_name='狀態(tài)', choices=display_choice, default=1)
 class Meta:
 verbose_name_plural = '視頻'

URL文件：

from django.urls import re_path
urlpatterns = [
 path('admin/', admin.site.urls),
 path('video/', views.video),
 # 通過正則表達式添加三個字段，從前臺獲取當前選擇項
 re_path('video-(?P<Video_type_id>(\d+))-(?P<Video_dif_id>(\d+))-(?P<display>(\d+))', views.video),

后臺程序文件：

def video(request,*args,**kwargs):
 # 給后臺篩選數(shù)據(jù)庫使用
 condition = {}
 # kwargs是從前臺URL獲取的鍵值對，如果第一次訪問，針對字典做一個初始化
 if not kwargs:
 kwargs ={
  'Video_type_id':0,
  'Video_dif_id':0,
  'display':0,
 }
 # 依次取出kwargs字典中傳來的值
 for k, v in kwargs.items():
 # 首先將傳來的值變?yōu)閿?shù)字類型
 temp = int(v)
 kwargs[k] = temp
 # 如果kwargs中有值，循環(huán)將值賦予condition列表
 if temp:
  condition[k] = temp
 # 從數(shù)據(jù)庫中獲取視頻類型的列表
 VideoType_list = models.VideoType.objects.all()
 # 從數(shù)據(jù)庫中獲取視頻難度的列表
 VideoDif_list = models.VideoDif.objects.all()
 # 從數(shù)據(jù)庫中視頻列表中，獲取是否顯示的字段的內(nèi)容,是一個元組形式的：((1, '顯示'), (2, '隱藏'))
 # map后形成一個map對象：{'id':1,'name':'顯示'}
 # 最后list轉(zhuǎn)換為列表：[{'id': 1, 'name': '顯示'}, {'id': 2, 'name': '隱藏'}]
 display_list = list(map(lambda x:{'id':x[0],'name':x[1]},models.Video.display_choice))
 # 根據(jù)condition列表篩選數(shù)據(jù)庫中的視頻列表
 video_list = models.Video.objects.filter(**condition)
 return render(
 request,
 'video1.html',
 {
  'VideoType_list': VideoType_list,
  'VideoDif_list': VideoDif_list,
  'kwargs': kwargs,
  'video_list': video_list,
  'display_list': display_list,
 }
 )

前臺展示文件：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
 .condition a{
  display: inline-block;;
  padding: 5px 8px;
  border: 1px solid #dddddd;
 }
 .condition a.active{
  background-color: red;
  color: white;
 }
 </style>
</head>
<body>
 <div class="condition">
 <h2>篩選</h2>
 <div>
  {% if kwargs.Video_type_id == 0%}
  <a href="/video-0-{{ kwargs.Video_dif_id }}-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" class="active">全部</a>
  {% else %}
  <a href="/video-0-{{ kwargs.Video_dif_id }}-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" >全部</a>
  {% endif %}
  {% for i in VideoType_list %}
  {% if i.id == kwargs.Video_type_id %}
   <a href="/video-{{ i.id }}-{{ kwargs.Video_dif_id }}-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" class="active">{{ i.Video_Type }}</a>
  {% else %}
   <a href="/video-{{ i.id }}-{{ kwargs.Video_dif_id }}-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" >{{ i.Video_Type }}</a>
  {% endif %}
  {% endfor %}
 </div>
 <div>
  {% if kwargs.Video_dif_id == 0%}
  <a href="/video-{{ kwargs.Video_type_id }}-0-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" class="active">全部</a>
  {% else %}
  <a href="/video-{{ kwargs.Video_type_id }}-0-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" >全部</a>
  {% endif %}
  {% for i in VideoDif_list %}
  {% if i.id == kwargs.Video_dif_id %}
   <a href="/video-{{ kwargs.Video_type_id }}-{{ i.id }}-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" class="active">{{ i.Video_dif }}</a>
  {% else %}
   <a href="/video-{{ kwargs.Video_type_id }}-{{ i.id }}-{{ kwargs.display }}" rel="external nofollow" rel="external nofollow" >{{ i.Video_dif }}</a>
  {% endif %}
  {% endfor %}
 </div>
 <div>
  {% if kwargs.display == 0 %}
  <a class="active" href="/video-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}-0" rel="external nofollow" rel="external nofollow" >全部</a>
  {% else %}
  <a href="/video-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}-0" rel="external nofollow" rel="external nofollow" >全部</a>
  {% endif %}
  {% for item in display_list %}
  {% if item.id == kwargs.display %}
   <a class="active" href="/video-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}-{{ item.id }}" rel="external nofollow" rel="external nofollow" >{{ item.name }}</a>
  {% else %}
   <a href="/video-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}-{{ item.id }}" rel="external nofollow" rel="external nofollow" >{{ item.name }}</a>
  {% endif %}
  {% endfor %}
 </div>
 </div>
 <div>
 <h2>結(jié)果</h2>
 <div>
  {% for row in video_list %}
  <p>{{ row.Video_title }}</p>
  {% endfor %}
 </div>
 </div>
</body>
</html>

前臺通過變化active標簽，實現(xiàn)選中的顯示，通過a標簽中的數(shù)字控制后臺篩選操作

實現(xiàn)的目標（多對多）

實現(xiàn)針對課程實現(xiàn)：課程方向、課程類型、難度級別三個方式的篩選

其中每個課程方向中包含有多個課程類型，選擇課程方向后，篩選課程方向包含的所有課程類型

每一個視頻文件有針對一個課程類型、一個難度級別

設(shè)計數(shù)據(jù)庫如下，在一對多的基礎(chǔ)上增加了一個多對多的課程方向表：

# 方向分類：ID、名稱（與視頻—分類做多對多關(guān)系）
class VideoGroup(models.Model):
 Video_group = models.CharField(max_length=50)
 group_type = models.ManyToManyField('VideoType')
 class Meta:
 verbose_name_plural = '方向分類'
 def __str__(self):
 return self.Video_group
# 視頻分類表格
class VideoType(models.Model):
 Video_Type = models.CharField(max_length=50)
 class Meta:
 verbose_name_plural = '視頻分類'
 def __str__(self):
 return self.Video_Type
# 視頻難度表格
class VideoDif(models.Model):
 Video_dif = models.CharField(max_length=50)
 class Meta:
 verbose_name_plural = '視頻難度'
 def __str__(self):
 return self.Video_dif
# 視頻：ID、視頻圖片、視頻名稱、視頻簡介、視頻地址、視頻分類、視頻難度、權(quán)重、是否顯示
class Video(models.Model):
 Video_img = models.CharField(max_length=100)
 Video_title = models.CharField(max_length=100)
 Video_text = models.TextField()
 Video_type_id = models.ForeignKey('VideoType', on_delete=models.CASCADE,)
 Video_dif_id = models.ForeignKey('VideoDif', on_delete=models.CASCADE,)
 Video_qz = models.IntegerField(default=0)
 display_choice = (
 (1, '顯示'),
 (2, '隱藏'),
 )
 display = models.IntegerField(verbose_name='狀態(tài)', choices=display_choice, default=1)
 class Meta:
 verbose_name_plural = '視頻'

URL文件：

urlpatterns = [
 path('admin/', admin.site.urls),
 path('video2/', views.video2),
 re_path('video2-(?P<Video_group_id>(\d+))-(?P<Video_type_id>(\d+))-(?P<Video_dif_id>(\d+))', views.video2),
]

后臺程序文件：

def video2(request, *args, **kwargs):
 condition = {}
 # 思路 -- 構(gòu)造查詢字典
 """
 如果：獲取Video_group_id=0 代表方向是全部，不會對以后的篩選造成影響
 *列出所有的type
 如果：Video_type_id=0
  pass
 否則：
  condition【'Video_type_id'】= Video_type_id
 否則：*列出當前方向下的type
 如果：Video_type_id=0
  獲取當前方向下的type的所有的id【1，2，3，4】
  condition【'Video_type_id__in'】= 【1，2，3，4】
 否則：
  需要查看當前的type是否在當前的方向列表中，如果在：
  condition【'Video_type_id'】= Video_type_id
  如果不在：
  condition【'Video_type_id__in'】= 【1，2，3，4】
 """
 if not kwargs:
 kwargs = {
  'Video_type_id':0,
  'Video_dif_id':0,
  'Video_group_id':0,
 }
 for k, v in kwargs.items():
 temp = int(v)
 kwargs[k] = temp
 # 首先從kwargs中取出相應(yīng)的id
 group_id = kwargs.get('Video_group_id')
 type_id = kwargs.get('Video_type_id')
 dif_id = kwargs.get('Video_dif_id')
 # 從數(shù)據(jù)庫中取出所有的group列表，因為所有方向在頁面上都要顯示
 group_list = models.VideoGroup.objects.all()
 # 判斷group值是否為0
 if group_id == 0:
 # 如果為0，則列出所有type的列表
 VideoType_list = models.VideoType.objects.all()
 # 如果type的列表也為0，篩選中就不用作特殊操作
 if type_id == 0:
  pass
 # 如果type的列表不為0，篩選列表中增加type的id
 else:
  condition['Video_type_id'] = type_id
 # 如果group值不為0
 else:
 # 首先根據(jù)group的id篩選出分類表格中的內(nèi)容，形成一個對象
 group_obj = models.VideoGroup.objects.filter(id=group_id).first()
 # 再根據(jù)group篩選出的對象，用多對多表格字段，篩選出所有的type的列表，等待返回給前臺使用
 VideoType_list = group_obj.group_type.all()
 # 獲取篩選后的type的id值，得到一個QuerySet [(1,),(3,),(4,)]的對象
 vlist = group_obj.group_type.all().values_list('id')
 # 如果篩選后的type的值為空，也就是沒有找到對應(yīng)的type類型
 if not vlist:
  # 設(shè)置一個空列表
  type_ids = []
 # 如果篩選后的type值有內(nèi)容
 else:
  # 將vlist進行一個zip,獲得一個zip的對象，再轉(zhuǎn)化為列表,得到一個【(1,3,4)】，取第一個值，得到（1，3，4）
  type_ids = list(zip(*vlist))[0] # (1,3,4)
 # 判斷如果前臺傳來的type為0的話
 if type_id == 0:
  # 后臺篩選的時候，查詢按照方向篩選出來的type_ids進行查詢
  # __in指的是用列表方式查詢多個id
  condition['Video_type_id__in'] = type_ids
 # 如果前臺傳來的type不為0的時候，有兩種情況
 else:
  # 如果前臺傳來的type值在后臺篩選的值范圍內(nèi)的時候
  if type_id in type_ids:
  # 后臺篩選的typeid就按照前臺傳來的type值篩選，也就是前臺選了某個課程，如果課程方向發(fā)生改變的時候，課程類型還在選擇范圍內(nèi)，前臺也仍然是選中的狀態(tài)，我們也就仍然返回選中的課程類型篩選的內(nèi)容
  condition['Video_type_id'] = type_id
  # 如果前臺傳來的type值不在后臺篩選的值范圍內(nèi)的時候
  else:
  # 就按照后臺篩選的課程方向向下的所有type類型進行篩選
  condition['Video_type_id__in'] = type_ids
  kwargs['Video_type_id'] = 0
 # 難度這邊跟上面的多對多沒有關(guān)聯(lián)，與一對多的情況時一樣
 if dif_id == 0:
 pass
 else:
 condition['Video_dif_id'] = dif_id
 VideoDif_list = models.VideoDif.objects.all()
 # 最終將符合條件的視頻篩選出來
 video_list = models.Video.objects.filter(**condition)
 return render(
 request,
 'video2.html',
 {
  'group_list': group_list,
  'VideoType_list': VideoType_list,
  'VideoDif_list': VideoDif_list,
  'video_list': video_list,
  'kwargs': kwargs
 }
 )

前臺展示文件：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
 .condition a{
  display: inline-block;;
  padding: 5px 8px;
  border: 1px solid #dddddd;
 }
 .condition a.active{
  background-color: red;
  color: white;
 }
 </style>
</head>
<body>
 <div class="condition">
 <h2>篩選</h2>
 <div>
  {% if kwargs.Video_group_id == 0%}
  <a href="/video2-0-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" class="active">全部</a>
  {% else %}
  <a href="/video2-0-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" >全部</a>
  {% endif %}
  {% for item in group_list %}
  {% if item.id == kwargs.Video_group_id %}
   <a class="active" href="/video2-{{ item.id }}-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" >{{ item.Video_group }}</a>
  {% else %}
   <a href="/video2-{{ item.id }}-{{ kwargs.Video_type_id }}-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" >{{ item.Video_group }}</a>
  {% endif %}
  {% endfor %}
 </div>
 <div>
  {% if kwargs.Video_type_id == 0%}
  <a href="/video2-{{ kwargs.Video_group_id }}-0-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" class="active">全部</a>
  {% else %}
  <a href="/video2-{{ kwargs.Video_group_id }}-0-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" >全部</a>
  {% endif %}
  {% for item in VideoType_list %}
  {% if item.id == kwargs.Video_type_id %}
   <a class="active" href="/video2-{{ kwargs.Video_group_id }}-{{ item.id }}-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" >{{ item.Video_Type }}</a>
  {% else %}
   <a href="/video2-{{ kwargs.Video_group_id }}-{{ item.id }}-{{ kwargs.Video_dif_id }}" rel="external nofollow" rel="external nofollow" >{{ item.Video_Type }}</a>
  {% endif %}
  {% endfor %}
 </div>
 <div>
  {% if kwargs.Video_dif_id == 0%}
  <a href="/video2-{{ kwargs.Video_group_id }}-{{ kwargs.Video_type_id }}-0" rel="external nofollow" rel="external nofollow" class="active">全部</a>
  {% else %}
  <a href="/video2-{{ kwargs.Video_group_id }}-{{ kwargs.Video_type_id }}-0" rel="external nofollow" rel="external nofollow" >全部</a>
  {% endif %}
  {% for item in VideoDif_list %}
  {% if item.id == kwargs.Video_dif_id %}
   <a class="active" href="/video2-{{ kwargs.Video_group_id }}-{{ kwargs.Video_type_id }}-{{ item.id }}" rel="external nofollow" rel="external nofollow" >{{ item.Video_dif }}</a>
  {% else %}
   <a href="/video2-{{ kwargs.Video_group_id }}-{{ kwargs.Video_type_id }}-{{ item.id }}" rel="external nofollow" rel="external nofollow" >{{ item.Video_dif }}</a>
  {% endif %}
  {% endfor %}
 </div>
 </div>
 <div>
 <h2>結(jié)果</h2>
 <div>
  {% for item in video_list %}
  <p>{{ item.Video_title }}</p>
  {% endfor %}
 </div>
 </div>
</body>
</html>

上述內(nèi)容就是使用Django怎么實現(xiàn)標簽篩選，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

使用Django怎么實現(xiàn)標簽篩選

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽