用Django实现Video页面分类查询
Model表创建，Url映射，Views函数处理，Html生成
根据上图，视频方向与视频分类是多对多的关系，视频分类与视频信息是一对多的关系，难度级别是单一的查询条件(与之前俩者并无关系)
Models.py如下：
from django.db import models class Direction(models.Model):
"""
方向：自动化，测试，运维，前端
"""
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):
"""
分类：Python Linux JavaScript OpenStack Node.js
"""
name = models.CharField(verbose_name='名称', max_length=32) class Meta:
db_table = 'Classification'
verbose_name_plural = '分类（视频分类）' def __str__(self):
return self.name class Level(models.Model):
title = models.CharField(max_length=32) class Meta:
verbose_name_plural = '难度级别' def __str__(self):
return self.title class Video(models.Model):
status_choice = (
(0, '下线'),
(1, '上线'),
) status = models.IntegerField(verbose_name='状态', choices=status_choice, default=1)
level = models.ForeignKey(Level)
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')
img = models.CharField(verbose_name='图片',max_length=32)
href = models.CharField(verbose_name='视频地址', max_length=256) create_date = models.DateTimeField(auto_now_add=True) class Meta:
db_table = 'Video'
verbose_name_plural = '视频' def __str__(self):
return self.title
Model表创建
Model表创建，Url映射，Views函数处理，Html生成
根据上图，视频方向与视频分类是多对多的关系，视频分类与视频信息是一对多的关系，难度级别是单一的查询条件(与之前俩者并无关系)
from django.shortcuts import render
from app01 import models
# Create your views here.
def video(request,*args,**kwargs):
condition={}
for k,v in kwargs.items():
condition[k]=int(v)
kwargs[k]=int(v)#重新以字典的方式赋值 class_list=models.Classification.objects.all()
level_list=models.Level.objects.all()
video_list=models.Video.objects.filter(**condition)#筛选的地方
return render(request,"video.html",{"class_list":class_list,
"level_list":level_list,
"kwargs":kwargs,
"video_list":video_list})
html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.condition a{
border: solid 1px black;
padding: 5px 8px;
display: inline-block;
}
.condition a.active{
background-color: #dd77b4;
color: white;
}
</style>
</head>
<body>
<div class="condition">
<h2>筛选</h2> <div>
{% if kwargs_id == 0 %}
<a href="video-0-{{ kwargs.level_id }}.html" class="active">全部</a>
{% else %}
<a href="video-0-{{ kwargs.level_id }}.html">全部</a>
{% endif %}
{% for item in class_list %}
{% if item.id == kwargs.classification_id %}
<a href="video-{{ item.id }}-{{ kwargs.level_id }}.html" class="active">{{ item.name }}</a>
{% else %}
<a href="video-{{ item.id }}-{{ kwargs.level_id }}.html">{{ item.name }}</a>
{% endif %}
{% endfor %}
</div>
<div>
{% if kwargs.level_id == 0 %}
<a href="video-{{ kwargs.classification_id }}-0.html" class="active">全部</a>
{% else %}
<a href="video-{{ kwargs.classification_id }}-0.html">全部</a>
{% endif %}
{% for item in level_list %}
{% if item.id == kwargs.level_id %}
<a class="active" href="video-{{ kwargs.classification_id }}-{{ item.id }}.html">{{ item.title }}</a>
{% else %}
<a href="video-{{ kwargs.classification_id }}-{{ item.id }}.html">{{ item.title }}</a>
{% endif %}
{% endfor %}
</div>
<h2>视屏</h2>
{% for item in video_list %}
<p>{{ item.title }}</p>
{% endfor %}
</div>
</body>
</html>
url
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'^video-(?P<classification_id>(\d+))-(?P<level_id>(\d+)).html$', views.video),
]
---------------------------------------------------------------------
多对多关系
如果指定了视频方向，视频分类简单分为俩种情况
- 视频分类选项为全部（全部对应ID为0）
- 视频分类没有的话则变更为全部
- 视频分类变更为没有的外键是则要先清零
def video2(request,*args,**kwargs):
condition = {} for k, v in kwargs.items():
temp = int(v)
kwargs[k] = temp
print(kwargs) # (?P<direction_id>(\d+))-(?P<classification_id>(\d+))-(?P<level_id>(\d+))
# 构造查询字典
direction_id = kwargs.get('direction_id')
classification_id = kwargs.get('classification_id')
level_id = kwargs.get('level_id') direction_list = models.Direction.objects.all() if direction_id == 0:
class_list = models.Classification.objects.all()
if classification_id == 0:
pass
else:
condition['classification_id'] = classification_id#把方向ID传进去
else:
direction_obj = models.Direction.objects.filter(id=direction_id).first()#取到一个方向
class_list = direction_obj.classification.all()#取到一个方向对应分类的对象 vlist = direction_obj.classification.all().values_list('id')#取到所有方向的ID的元组
if not vlist:#取到ID但没有值的时候
classification_id_list = []#拿到一个空列表
else:
classification_id_list = list(zip(*vlist))[0]#取到所有分类的ID列表 if classification_id == 0:
condition['classification_id__in'] = classification_id_list
else:
if classification_id in classification_id_list:
condition['classification_id'] = classification_id
else:
condition["classification_id"]=0
#################指定方向：[1,2,3] 分类：5
condition['classification_id__in'] = classification_id_list if level_id == 0:
pass
else:
condition['level_id'] = level_id level_list = models.Level.objects.all() video_list = models.Video.objects.filter(**condition) return render(
request,
'video2.html',
{
'direction_list':direction_list,
'class_list':class_list,
'level_list':level_list,
'video_list':video_list }
)
"""
如果：direction_id 0
*列出所有的分类
如果 classification_id = 0：
pass
else:
condition['classification_id'] = classification_id 否则：direction_id != 0
*列表当前方向下的所有分类
如果 classification_id = 0：
获取当前方向下的所有分类 [1,2,3,4]
condition['classification_id__in'] = [1,2,3,4]
else:
classification_id != 0
获取当前方向下的所有分类 [1,2,3,4]
classification_id 是否在 [1,2,3,4] :
condition['classification_id'] = classification_id
else:
condition['classification_id__in'] = [1,2,3,4] """html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
a{
border: solid 1px black;
padding: 5px 8px;
display: inline-block;
}
a.active{
background-color: #dd77b4;
color: white;
}
</style>
</head>
<body> <h2>筛选</h2>
<div>
{% if kwargs.direction_id == 0 %}
<a class="active" href="video2-0-0-{{ kwargs.level_id }}.html">全部</a>
{% else %}
<a href="video2-0-0-{{ kwargs.level_id }}.html">全部</a>
{% endif %}
{% for item in direction_list %}
{% if item.id == kwargs.direction_id %}
<a class="active" href="video2-{{ item.id }}-{{ kwargs.classification_id }}-{{ kwargs.level_id }}.html">{{ item.name }}</a>
{% else %}
<a href="video2-{{ item.id }}-{{ kwargs.classification_id }}-{{ kwargs.level_id }}.html">{{ item.name }}</a>
{% endif %}
{% endfor %}
</div> <div> {% if kwargs.classification_id == 0 %}
<a class="active" href="video2-{{ kwargs.direction_id }}-0-{{ kwargs.level_id }}.html">全部</a>
{% else %}
<a href="video2-{{ kwargs.direction_id }}-0-{{ kwargs.level_id }}.html">全部</a>
{% endif %}
{% for item in classification_list %}
{% if item.id == kwargs.classification_id %}
<a class="active" href="video2-{{ kwargs.direction_id }}-{{ item.id }}-{{ kwargs.level_id }}.html">{{ item.name }}</a>
{% else %}
<a href="video2-{{ kwargs.direction_id }}-{{ item.id }}-{{ kwargs.level_id }}.html">{{ item.name }}</a>
{% endif %}
{% endfor %} </div> <div>
{% if kwargs.level_id == 0 %}
<a class="active" href="video2-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-0.html">全部</a>
{% else %}
<a href="video2-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-0.html">全部</a>
{% endif %}
{% for item in level_list %}
{% if item.id == kwargs.level_id %}
<a class="active" href="video2-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-{{ item.id }}.html">{{ item.title }}</a>
{% else %}
<a href="video2-{{ kwargs.direction_id }}-{{ kwargs.classification_id }}-{{ item.id }}.html">{{ item.title }}</a>
{% endif %}
{% endfor %} </div>
<h2>视频</h2>
{% for video in video_list %}
<span>{{ video.title }}</span>
{% endfor %} </body>
</html>
瀑布流
views
from django.shortcuts import render,HttpResponse
from django.http import JsonResponse#相当于json
from app01 import models def imgs3(request):
return render(request,"imgs3.html") def get_imgs3(request):
result={"status":True,"data":None}
imgs_list=models.Imgs.objects.all().values("id","title","src")
result["data"]=list(imgs_list)#转成列表
return JsonResponse(result)
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#img3{
width: 1000px;
margin: 0 auto;
}
#img3 div{
width: 25%;
float: left;
}
#img3 img{
width: 100%;
}
</style>
</head>
<body> <div id="img3">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html> <script src="/static/js/jquery-3.1.1.js"></script>
<script>
$(function () {
var obj=new Tcrollimg();//定义一个类
obj.imgs();
obj.scrollEvent();
}); function Tcrollimg() {
this.num=0;
this.laststate=3;//加一个属性
this.imgs=function () {
var that=this;
$.ajax({
url:"/get_imgs3.html",
type:"GET",
data:{"num":that.num},
dataType:"JSON",
success:function (arg) {
var img_list=arg.data;
$(arg.data).each(function (index,v) {//index是索引，v是值
var tag=document.createElement("img");
tag.src=v.src;
var tag2=document.createElement("span");
tag2.innerText=v.title;
var eqv=(index+that.laststate+1)%4;//加 1 是指下次从插图片的时候从上一个位置插入
$("#img3").children().eq(eqv).append(tag,tag2);
if(index+1==img_list.length){}//索引加一等于数据的长度
that.laststate=eqv//当全部加载完之后赋值给eqv })
} })
}; this.scrollEvent=function () {
var that=this;
$(window).scroll(function () {//监听滚动事件
var scrollTop=$(window).scrollTop();//滚轮的高度
var winHight=$(window).height();//屏幕的高度
var docHight=$(document).height();//html的高度，也就是body的高度
if(scrollTop+winHight==docHight){//当滚轮到底的时候触发
that.imgs()//执行下一个函数
}
})
} } </script>
用Django实现Video页面分类查询的更多相关文章
- $Django 站点:样式--文章--分类文章--文章详情--文章评论点赞--文章评论点赞统计(数据库优化)
<h3>个人站点下的</h3> 知识点 url (r'(?P<username>\w+)/p/(?P<id>\d+)', xiangxi,name='x ...
- 阶段5 3.微服务项目【学成在线】_day07 课程管理实战_03-新增课程-课程分类查询
2 新增课程 2.1 需求分析 用户操作流程如下: 1.用户进入“我的课程”页面,点击“新增课程”,进入新增课程页面 2.填写课程信息,选择课程分类.课程等级.学习模式等. 3.信息填写完毕,点击“提 ...
- SQL 语句与性能之联合查询和联合分类查询
select * from t1 left join t2 on t2.sysno =t1.ASysNo left join t3 on t3.sysno =t2.ASysNo left join t ...
- SQL-三级分类查询
/*SQLyog 企业版 - MySQL GUI v8.14 MySQL - 5.5.40 : Database - appinfodb******************************** ...
- Solr 08 - 在Solr Web管理页面中查询索引数据 (Solr中各类查询参数的使用方法)
目录 1 Solr管理页面的查询入口 2 Solr查询输入框简介 3 Solr管理页面的查询方案 1 Solr管理页面的查询入口 选中需要查询的SolrCore, 然后在菜单栏选择[Query]: 2 ...
- django filter or 多条件查询
功能:django中实现多条件查询 或关系: from django.db.models import Q return qs.filter(Q(notice_to_group__contains=' ...
- php实现无限级分类查询（递归、非递归）
递归函数实现方式 上面提到,递归函数的也是借助于栈的机制实现的,但是底层对于栈的处理对于程序员来说都是透明的,程序员只需要关心应用的实现逻辑.所以说使用递归处理上述问题理解起来比较容易,代码也比较简洁 ...
- Django实现注册页面_头像上传
Django实现注册页面_头像上传 Django实现注册页面_头像上传 1.urls.py 配置路由 from django.conf.urls import url from django.cont ...
- 最基础的PHP分类查询程序
最初级的PHP分类查询程序 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...
随机推荐
- select下拉菜单实现通过数据库查询来设置默认值
查询网上各种资料要不比较难理解,要么有问题,现有一种简单通俗的理解方法 思路:读取数据库数据1,数据2需用到select选择菜单,但是又想每次查看是都显示读数据库的默认信息 demo: {% for ...
- python摸爬滚打之day8---文件操作
1.文件读写的两种方式 1, f = open("文件位置",mode = "r", encoding = "utf-8") conten ...
- /var/run/utmp文件操作函数
相关函数:getutent, getutid, getutline, setutent, endutent, pututline, utmpname utmp 结构定义如下:struct utmp{ ...
- 操作防火墙-centos7
centos7对防火墙的操作systemctl status firewalld # 查看防火墙状态systemctl stop firewalld.service # 停止防火墙systemctl ...
- composer安装其实可以很简单 两行命令就解决了
最近接了一个cakephp项目,就想着用composer安装实施,因为Composer 可以方便地帮你安装项目中声明所依赖的外部工具库(libraries).之前没有接触过,相对比较陌生,但是相信ph ...
- 火币网API文档——REST API 错误码
错误码 行情 API 错误码 错误码 描述 bad-request 错误请求 invalid-parameter 参数错 invalid-command 指令错 code 的具体解释, 参考对应的er ...
- Linux软件包的安装（rpm+yum）
概述: 1.rpm软件包管理命令软件包的获取a.光盘镜像中有很多软件包可以使用:先挂载光盘,再查看软件包b.从软件的官网获取 .rpm 安装rpm包 ipm -ivh 软件包名称删除rpm包 ipm ...
- dxRangeTrackBar使用教程
Properties: Max:最大值 Min:最小值 Frequency:设置刻度值多大值显示PageSize:选择时跳动的区域大小 SelectionColor:选择区域颜色 ShowSelect ...
- 算法面经之讯飞+CVTE
一.科大讯飞(合肥) 概况:刚经历了科大讯飞的初面,大概35分钟左右,问的内容比较笼统,主要针对简历上的内容来,面试官比较亲切,回忆了一下面试内容. 建议:把简历上的内容整吧清楚,不知道的别瞎写,写了 ...
- VS2008生成数据库连接字串
在写WEB程序的时候~通常需要在Web.config文件的<connectionStrings>节点上写数据库的链接字符串,因为是一串字符代码我们常常需要写在固定的文本里便于下次使用,其实 ...