Django学习手册 - 初识自定义分页

核心：

<a href='http://127.0.0.1:8000/index-%s'>%s<a>

自定义分页

1.前端处理字符

　　后端的字符 return render(request,"index.html",{"l传到前端的数据":list})

2.后端处理字符

　　导入处理的模块 from django.utils.safestring import mark_safe
　　mark_safe(需要处理的数据)
　　再传递到前端。

以下是练习的代码：
前端：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #on_c{
            background-color: blueviolet;
            color: azure;
        }
    </style>
</head>
<body>
<div>
    <ur>
        {% for i in list_info %}
            <li>
                <a >{{ i }}</a>
            </li>
        {% endfor %}
    </ur>
<div style="width: 360px">
{#方式一，前端处理#}
{#<a href="'http://127.0.0.1:8000/index-%s'">上一页</a>#}
    <span>{{ d2_s | safe}}</span>
        {% for i2 in d %}
            <span>{{ i2| safe}}</span>
        {% endfor %}
    <span>{{ d3_x |safe}}</span>
{#方式二，后台处理数据#}
{#<span>{{ d }}</span>#}
</div>
</div>
</body>
</html>

url配置：

urlpatterns = [
    path('admin/', admin.site.urls),
    url('^index-(\d+)/', views.index),
]

views：

from django.shortcuts import render
from django.shortcuts import HttpResponse
from django.utils.safestring import mark_safe

list_info = []
for i in range(1,199):
    list_info.append(i)

def index(request,num1):
    #将str转为int
    num = int(num1)

    #每页显示多少数据
    a = (num-1)*10
    b = num*10
    list_info2 = list_info[a:b]

    #分页长度，默认为10
    e,f = divmod(len(list_info), 10)
    if f !=0:
        c = e+2
    else:
        c = e+1

    #分页跳转
    d=[]
    for i in range(1,c):
        if i == num:
            d.append("<a id='on_c' href='http://127.0.0.1:8000/index-%s'>%s<a>"%(i,i))
        else:
            d.append("<a href='http://127.0.0.1:8000/index-%s'>%s<a>" % (i, i))


    #分页 str 数据处理
        #方式一，前端处理

        #方式二，后端处理
        # d2 = mark_safe(d)

    #选中页面分页 居中
    if num > 5:
        d2 = d[num-6:num+5]
    elif num <= 5:
        d2 = d[0:10]

    #上下翻页
    if 1< num < len(d):
        d2_s = "<a href='http://127.0.0.1:8000/index-%s'>上一页<a>" % (num-1)
        d3_x = "<a href='http://127.0.0.1:8000/index-%s'>下一页<a>" % (num+1)
    elif num==1:
        d2_s = "<a href='http://127.0.0.1:8000/index-%s'>上一页<a>" % num
        d3_x = "<a href='http://127.0.0.1:8000/index-%s'>下一页<a>" % (num + 1)
    elif num==len(d):
        d2_s = "<a href='http://127.0.0.1:8000/index-%s'>上一页<a>" % (num-1)
        d3_x = "<a href='http://127.0.0.1:8000/index-%s'>下一页<a>" % num
    #将数值传递至前端
    return render(request,"index.html",{"list_info":list_info2,'d':d2,"d2_s":d2_s,"d3_x":d3_x})

Django学习手册 - 初识自定义分页

猜你喜欢