第Django前端BootCSS實(shí)現(xiàn)分頁(yè)的方法通過(guò)使用bootstrap框架，并配合Django自帶的Paginator分頁(yè)組件即可實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)效果。

1.創(chuàng)建MyWeb項(xiàng)目

pythonmanage.pystartappMyWeb

2.修改settings.py配置文件,導(dǎo)入我們的app的名字，去掉csrf這個(gè)選項(xiàng)

#屏蔽一項(xiàng)

MIDDLEWARE=[

#django.middleware.csrf.CsrfViewMiddleware

#新增一項(xiàng)

TEMPLATES=[

MyWeb.apps.MywebConfig

3.來(lái)urls.py里面寫(xiě)一條路由，名字就叫index/映射到views.index函數(shù)下處理此請(qǐng)求

fromMyWebimportviews

urlpatterns=[

path(admin/,admin.site.urls),

path(index/,views.index)

4.最后在myweb里面的views.py設(shè)置一個(gè)視圖函數(shù),最后運(yùn)行

fromdjango.shortcutsimportrender

fromdjango.shortcutsimportHttpResponse

fromMyWebimportmodels

defindex(requests):

returnHttpResponse(abcd)

5.配置數(shù)據(jù)庫(kù)文件models.py并設(shè)置以下內(nèi)容

fromdjango.dbimportmodels

#創(chuàng)建用戶表

classUser(models.Model):

id=models.AutoField(primary_key=True)

username=models.CharField(max_length=32)

password=models.CharField(max_length=32)

6.更新數(shù)據(jù)庫(kù)與數(shù)據(jù)表

pythonmanage.pymakemigrations#將你的數(shù)據(jù)庫(kù)變動(dòng)記錄下來(lái)(并不會(huì)幫你創(chuàng)建表)

pythonmanage.pymigrate#將你的數(shù)據(jù)庫(kù)變動(dòng)正在同步到數(shù)據(jù)庫(kù)中

7.增加一個(gè)新的view并使用rand()函數(shù).

首先在urls.py中增加路由

fromdjango.contribimportadmin

fromdjango.urlsimportpath

fromMyWebimportviews

urlpatterns=[

path(admin/,admin.site.urls),

path(index/,views.index),

path(rand/,views.rand)

其次在view.py視圖中增加生成函數(shù).

fromdjango.shortcutsimportrender

fromdjango.shortcutsimportHttpResponse

fromMyWebimportmodels

importrandom

defindex(requests):

returnHttpResponse(abcd)

#生成測(cè)試數(shù)據(jù)

defrand(request):

foriinrange(1,1000):

chars=[]

pasd=[]

forxinrange(1,8):

chars.append(random.choice(abcdefghijklmnopqrstuvwxyz))

pasd.append(random.choice(0987654321))

user=.join(chars)

pwd=.join(pasd)

models.User.objects.create(username=user,password=pwd)

returnHttpResponse(ok)

啟動(dòng)django并訪問(wèn):8000/rand/等待數(shù)據(jù)生成結(jié)束.

8.在templates模板中，新增一個(gè)page.html頁(yè)面。

!--name:page.html--

!DOCTYPEhtml

htmllang=en

head

metacharset=UTF-8

titleTitle/title

linkrel=stylesheethref=/bootstrap/4.5.0/css/bootstrap.min.cssrel=externalnofollow

/head

body

table>

9.最后在路由曾以及view中增加對(duì)應(yīng)的URL以及路由函數(shù).

首先在urls.py中增加一條新路由.

fromdjango.contribimportadmin

fromdjango.urlsimportpath

fromMyWebimportviews

urlpatterns=[

path(admin/,admin.site.urls),

path(index/,views.index),

path(rand/,views.rand),

path(page,views.page)

接著在views.py中增加一個(gè)page函數(shù).

fromdjango.shortcutsimportrender

fromdjango.shortcutsimportHttpResponse

fromMyWebimportmodels

importrandom

fromdjango.core.paginatorimportPaginator,EmptyPage,PageNotAnInteger

defindex(requests):

returnHttpResponse(abcd)

#生成測(cè)試數(shù)據(jù)

defrand(request):

foriinrange(1,1000):

chars=[]

pasd=[]

forxinrange(1,8):

chars.append(random.choice(abcdefghijklmnopqrstuvwxyz))

pasd.append(random.choice(0987654321))

user=.join(chars)

pwd=.join(pasd)

models.User.objects.create(username=user,password=pwd)

returnHttpResponse(ok)

#分頁(yè)函數(shù)

defpage(request):

user=models.User.objects.all()

paginator=Paginator(user,10)

currentPage=int(request.GET.get(id,1))

ifpaginator.num_pages15:

ifcurrent51:

pageRange=range(1,11)

elifcurrentPage+5paginator.num_pages:

pageRange=range(current5,paginator.num_pages)

else:

pageRange=range(current5,currentPage+5)

else:

pageRange=paginator.page_range

try:

user_list=paginator.page(currentPage)

exceptPageNotAnInteger:

user_list=paginator.page(1)

except:

user_list=paginator.page(paginator.n