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

2021-09-25 01:14:11 字數 1520 閱讀 8569

在當前子應用courses下建立乙個分頁器的檔案pagination.py,**:

from rest_framework.pagination import pagenumberpagination

class

coursepagenumberpagination

(pagenumberpagination)

:"""課程列表資料的分頁器"""

page_query_param =

"page"

# 頁碼引數

page_size_query_param =

'page_size'

# 單頁資料量

page_size =

5# 預設的單頁資料量,就是每一頁顯示5個課程資訊

max_page_size =

20# 允許客戶端設定的單頁資料量

檢視中載入宣告的分頁器,**:

from django_filters.rest_framework import djangofilterbackend

from rest_framework.filters import orderingfilter

from

.pagination import coursepagenumberpagination

class

courseapiview

(listapiview)

:"""課程列表介面"""

queryset = course.objects.

filter

(is_delete=

false

, is_show=

true

).order_by(

"-orders"

) serializer_class = courseserializer

filter_backends =

[djangofilterbackend, orderingfilter]

filter_fields =

['course_category',]

ordering_fields =

['id'

,'students'

,'price'

] pagination_class = coursepagenumberpagination

客戶端請求後端傳送資料

......

......

修改分頁樣式中的字型大小,static/reset.css,**:

.el-pagination button, .el-pagination span:not([class*=suffix]),

.el-input--mini,

.el-pagination__sizes .el-input .el-input__inner,

.el-pager li

django vue前後端分離跨域問題

跨域問題,主要通過後端允許來解決,分為兩步 一 安裝django cors headers pip install django cors headers 解決跨域 corsheaders middleware 解決跨域 corsheaders.middleware.corsmiddleware c...

Django vue前後端分離整合過程解析

最近接到乙個任務,就是用django後端,前段用vue,做乙個普通的簡單系統,我就是一搞後端的,聽到vue也是比較震驚,之前壓根沒接觸過vue.看了vue的一些文件,還有一些專案,先說一下django與vue的完美結合吧!首先是建立一dulhocpfsr個django專案 django admin ...

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...