一.企业官网 ### 瀑布流 ​ Models.Student.objects.all() #获取所有学员信息 ​ 通过div进行循环图片和字幕 ​ 1.以template模板方法实现瀑布流以列为单位放置图片和字母信息:通过取余的方式分列,三列就对三取余,在templatetags里面自定义模板,但是对于前端创建的判断方法if,时不能使用@register.simple_tag,simple_tag方法不能用于if 后,所以引用filter方法:@register.filter ​ 2.以JS的…
需求分析 现在是 "图片为王"的时代,在浏览一些网站时,经常会看到类似于这种满屏都是图片.图片大小不一,却按空间排列,就这是瀑布流布局. 以瀑布流形式布局,从数据库中取出图片 每次取出等量(7 条)的图片,加载到页面 当滑轮滚动到最底端时,自动再加载图片 实现流程 以包形式管理模型 将图片自动上传到静态文件 static 前端页面每行排列四张图片(四个 div ) 当页面加载时,以 ajax 形式自动向后台发送请求,获取图片数据,再用 js 循环生成 img 标签添加到每个 div 中…
django实现图片瀑布流布局 我们在一些图片网站上经常会看到,满屏都是图片,而且图片都大小不一,却可以按空间排列.默认一个div是占用一行,当想把div里的图片并排显示的时候,只能使用float属性,但是,如果两张图片大小不一,那么第二行图片会以第一张最大的图片占用的空间为基准,进行第二行显示,这样的图片布局就非常难看,今天实现的就是瀑布流的形式 实现效果:  一般我们做图片布局的时候,都是采用div中加入img,然后将div float起来,这样图片就会并排显示.实现瀑布流的原理就是,我们…
Django中组合搜索功能 需求分析 很多电商网站中有组合搜索的功能,所谓组合搜索就是网页中组合多个条件,对数据库中进行查询,并且将结果显示在页面中,看个例子吧: 注意红框中的标识,我们可以根据URL来做组合搜索. video-3-1-1.html 使用split可以将三个数字取到, 第一位数字: 分类 第二位数字: 课程名称 第三位数字: 级别 urls.py 首先,如果想把url按我们的需求取出来,我们可以在urls.py中设置: from app01 import views urlpat…
一. 小功能瀑布流的实现 1.完成效果图 2.代码部分 <1>models.py from django.db import models # Create your models here. class image(models.Model): name=models.CharField(max_length=32) src=models.CharField(max_length=132) discribe=models.CharField(max_length=180) <2>…
url.py from django.conf.urls import url from django.contrib import admin from app01 import views urlpatterns = [ # url(r'^admin/', admin.site.urls), # url(r'^index/', views.index), # url(r'^student/', views.student), # url(r'^student1.html', views.st…
内容目录: JSONP应用 瀑布流布局 组合搜索 多级评论 tornado框架简介 JSONP应用 由于浏览器存在同源策略机制,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性. 特别的:由于同源策略是浏览器的限制,所以请求的发送和响应是可以进行,只不过浏览器不接受罢了. 浏览器同源策略并不是对所有的请求均制约: 制约: XmlHttpRequest 不制约(不生效)的标签: img.iframe.script等具有src属性的标签 JSONP(JSONP - JSON w…
现在很多网站都会有这样的组合搜索功能,其实质是几个模型之间组合对数据库进行查询,并将结果显示到页面上. 每一行都是一个模型,模型之间有着连表关系(一对多.多对多等) 模型设计 总共四个模型:分别为方向.分类.等级以及存储结果信息 一个方向下可以有多个分类,一个分类也可以是多个方向(多对多) 一个分类可以有多个视频(一对多) 一个等级下也可以有多个视频(一对多) from django.db import models class Direction(models.Model): ""&…
一.JSONP 1浏览器同源策略 通过Ajax,如果在当前域名去访问其他域名时,浏览器会出现同源策略,从而阻止请求的返回 由于浏览器存在同源策略机制,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性. 特别的:由于同源策略是浏览器的限制,所以请求的发送和响应是可以进行,只不过浏览器不接受罢了. 浏览器同源策略并不是对所有的请求均制约: 制约: XmlHttpRequest 不叼: img.iframe.script,link等具有src属性的标签,不鸟同源策略 利用 不鸟同…
1.JSONP原理剖析以及实现 1.1 同源策略限制 用django分别建立两个项目,jsonp01和jsonp02,然后再在这两个项目里分别建立一个app,比如名字叫jsonp1.jsonp2:jsonp01的端口号是8005,jsonp02的端口号是8006. jsonp1的代码如下, setting做常规配置: urls.py, urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^testjsonp/', views.testj…