核心：

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

自定义分页

1.前端处理字符

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

　　{{ 传到前端的数据 | safe}}

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学习手册 - 初识自定义分页的更多相关文章

  1. Django学习手册 - 初识django

    初识: django简介: 开放源代码的web应用框架 由python语言编写的. 一.框架基本概念(核心): 以上这个图就是 django 的核心逻辑图,必须熟记.后续的所有编程都跟这个图的逻辑息息 ...

  2. Django Cookie Session和自定义分页

    Django中操作Cookie 获取Cookie request.COOKIES['key'] request.get_signed_cookie(key, default=RAISE_ERROR, ...

  3. Django学习手册 - 自定义分页函数

    前端代码: <div class="xianshi"> {% for i in info %} <ul> <li>{{ i }}</li& ...

  4. Django学习手册 - 自定义simple_tag / filter

    相关: Django的模板引擎提供一般性的功能函数,通过前端可以实现多数的代码逻辑功能,但它仅支持大多数常见情况下的函数功能,例如if判断,ifequal对比返回值等,复杂一些的函数功能并不支持,例如 ...

  5. django学习日志之自定义用户扩展

    django 为我们提供了强大的用户认证系统,并且提供了基于该系统的User模型,所以,很多时候,我们有必要对自己的user进行业务扩展,得到满足我们自己业务需求的user.借此,写下自己的感悟. u ...

  6. Django 学习笔记之七 实现分页

    接着上篇,在上篇的基础上实现网页数据分页显示 1.打开views.py,编辑如下 #coding:utf-8from django.shortcuts import render,get_object ...

  7. Django学习手册 - Form 插件

    """ 核心: from django import formsfrom django.forms import fieldsfrom django.forms impo ...

  8. django 学习手册 - ORM 报错集(随时更新)

    报错问题: 问题一:(1050代码) django.db.utils.InternalError: (1050, "Table 'app01_group' already exists&qu ...

  9. Django学习手册 - ORM数据类型

    DOM 字段/参数 配置格式: Module.字段(参数) 常用的字段归纳: 数字 models.AutoField() 自增列(int),必须设置为主键 models.IntegerField() ...

随机推荐

  1. Linux学习之/etc/init.d/目录和rc.local脚本

    init.d目录中包含很多系统服务的启动和停止脚本,比较常用的就是网络服务,当你修改了网络配置时,可以自行 sudo /etc/init.d/networking restart  命令来重启网络服务 ...

  2. js md5 中文

    最近手机端通过js对请求数据加密,发现针对中文加密的结果和asp.net的webapi加密结果不一致 网上搜索了一下,发现以下js可用 function md5(string) { var x = A ...

  3. 读取Properties文件以及中文乱码问题

    在java类中常见的读取Properties文件方式,是使用Properties.load(inputStream);的方式但是常常出现中文乱码问题,这就很尴尬了 public synchronize ...

  4. mysql Packet for query is too large (2036 > 1024). You can change this value on the server by setting the max_allowed_packet' variable.

    解决方法: 打开控制台,输入下面语句,执行 set global max_allowed_packet = 20*1024*1024; 网上说要重启 mysql server, 我是执行完后不用重启就 ...

  5. MT【39】构造二次函数证明

    这种构造二次函数的方法最早接触的应该是在证明柯西不等式时: 再举一例: 最后再举个反向不等式的例子: 评:此类题目的证明是如何想到的呢?他们都有一个明显的特征$AB\ge(\le)C^2$,此时构造二 ...

  6. SharePoint 2013 批量导入、删除帐号

    删除一个group里所有的帐号: cls ########################### # "Enter the site URL here" $SITEURL = &q ...

  7. bzoj1007/luogu3194 水平可见直线 (单调栈)

    先按斜率从小到大排序,然后如果排在后面的点B和前面的点A的交点是P,那B会把A在P的右半段覆盖掉,A会把B在P的左半段覆盖掉. 然后如果我们现在又进来了一条线,它跟上一条的交点还在上一条和上上条的左边 ...

  8. 火狐浏览器高度&制作简单万年历&弹出层

    浏览器高度: FireFox中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高 ...

  9. java web 使用maven打包绕过单元测试

    <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-suref ...

  10. （转）Maven仓库——私服介绍

    背景:对Maven私服一直想做个深入的总结,因为不了解,所以感觉很陌生. 转载地址:http://blog.csdn.net/catoop/article/details/62312477 常用功能和 ...