瀑布流第二種方式 基於ajax方式

2022-09-11 22:30:25 字數 2733 閱讀 5694

第二種瀑布流是基於ajax方式工作的。與之前一種形式相比,這種方式可以向後台傳送資料,

同時,ajax可以根據資料,每次只取一部分的資料,等滾輪劃到底部時,再出發ajax,然後又去一次

models檔案

class

img(models.model):

src = models.filefield(max_length=32,verbose_name='

路徑',upload_to='

static/upload')

title = models.charfield(max_length=16,verbose_name='標題'

) summary = models.charfield(max_length=128,verbose_name='簡介'

)

class

meta:

verbose_name_plural = '表'

def__str__

(self):

return self.title

url檔案

from django.contrib import

admin

from django.urls import

path

views

urlpatterns =[

path(

'admin/

', admin.site.urls),

path(

'img.html/

', views.img),

path(

'get_img.html/

', views.get_img),

]

views檔案

獲取資料庫的中資料

html檔案

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>title

title

>

<

style

>

.w.item

.item img

style

>

head

>

<

body

>

<

div>風景

div>

<

div

class

="w"

>

<

div

class

="item"

>

div>

<

div

class

="item"

>

div>

<

div

class

="item"

>

div>

<

div

class

="item"

>

div>

div>

<

script

src="/static/jquery-3.3.1.js"

>

script

>

<

script

>

$(function

() )

nid=0

function

initimg() ,

datatype:

'json',

success:

function

(arg)

vartag

=document.createelement(

'img')

tag.src='

/'+v.src

$('.w

' })}})

}script

>

body

>

html

>

分頁的第二種方式

優點 1.十分簡潔 缺點 1.不能及時響應資料庫中變化 2.重複查詢較多,每獲取乙個屬性 總頁數 都要查詢資料庫 將某一頁的資料直接封裝在此類中,調乙個方法便可獲取資料。public class fengye 計算頁數 public int gettotalpages int count,int p...

java多執行緒(第二種方式)

實現runnable介面。class demo implements runnable public void run class threaddemo2 執行緒從0開始編號。基本步驟 1,定義類實現runnable介面 2,覆蓋介面中的run方法,將執行緒任務 定義到run方法中。3,建立thre...

汽車租賃系統(第二種方式)

一 系統窗體 1 vehic類 父類 汽車類 public abstract class vehicle 汽車名 public string name 顏色 public string color 使用 時間 public int rentdate 日租金 public int price 計算租金...