Django vue 分頁展示

2021-10-04 08:59:18 字數 1027 閱讀 4770

這裡提供兩種分頁方法

一種是手寫分頁,不常用,但是明白一下分頁的邏輯實現

第二種是用heyui提供的元件.很多功能都給封裝好了,用起來也比較美觀.

後端介面

class

goodlist

(apiview)

:def

get(self, request)

:# 當前頁

page =

int(request.get.get(

'page',1

))# 一頁有多少條商品

size =

int(request.get.get(

'size',1

))# 定義從**開始切片

data_start =

(page -1)

* size

# 定義切到哪

data_end = page * size

#查詢資料

goodslist=goods.objects.

all(

)[data_start:data_end]

#查詢總數量

count=goods.objects.count(

)# 序列化操作

goods_ser=goodsser(goodslist,many=

true

)# 返回響應

return response(

)

前端頁面

......

}

後端**不用做修改.可以直接復用.heyui前端就相對來說簡單了許多.

......

兩種分頁的效果.上邊的是heyui元件,下邊是手寫分頁器.

hey ui 分頁文件:

element 元件文件:

功能多多 各自挖掘吧.

分頁展示商品

分頁展示商品 需求 將商品進行分頁展示 技術分析 分頁 分頁 將資料按照頁碼劃分,提高使用者的體驗度.分類 物理分頁 開發中經常使用 一次只去資料庫中查詢當前頁需要的資料.邏輯分頁 一次性將所有資料查詢出來,放入記憶體 集合 每次查詢只需要去記憶體中擷取 mysql中分頁 limit 格式1 sel...

前後端分離(django vue)實現分頁器

在當前子應用courses下建立乙個分頁器的檔案pagination.py,from rest framework.pagination import pagenumberpagination class coursepagenumberpagination pagenumberpagination...

python分頁展示商品

分頁 1 html 注意先導入jquery 在匯入分頁包2 實現輸入框填入數字進行跳轉該頁面 跳轉 3 4 建立檔案utils 建立乙個py檔案 每頁顯示的數目 precatecount 1 5 分頁py from django.core.paginator import paginator fro...