核心:

<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. Cuba获取属性文件中的配置

    最直接的办法是,使用AppContext.getProperty("cuba.trustedClientPassword"); 可以获取到系统中的web模块下的wep-app.pr ...

  2. day12 max min zip 用法

    max min ,查看最大值,最小值 基础玩法 l = [1,2,3,4,5] print(max(l)) print(min(l)) 高端玩法 默认字典的取值是key的比较 age_dic={'al ...

  3. python构建bp神经网络_鸢尾花分类(一个隐藏层)__1.数据集

    IDE:jupyter 目前我知道的数据集来源有两个,一个是csv数据集文件另一个是从sklearn.datasets导入 1.1 csv格式的数据集(下载地址已上传到博客园----数据集.rar) ...

  4. CDQ分治总结(CDQ,树状数组,归并排序)

    闲话 CDQ是什么? 是一个巨佬,和莫队.HJT(不是我这个蒟蒻)一样,都发明出了在OI中越来越流行的算法/数据结构. CDQ分治思想 分治就是分治,"分而治之"的思想. 那为什么 ...

  5. SpringCloud基础篇AOP之拦截优先级详解

    前面两篇分别介绍了AOP的基本使用姿势和一些高级特性,当时还遗留了一个问题没有说明,即不同的advice,拦截同一个目标方法时,优先级是怎样的,本篇博文将进行详细分析 同一个切面中,不同类型的advi ...

  6. 2073: [POI2004]PRZ

    2073: [POI2004]PRZ Time Limit: 10 Sec  Memory Limit: 64 MBSubmit: 284  Solved: 213[Submit][Status][D ...

  7. [luogu3919]可持久化数组【主席树】

    链接:https://www.luogu.org/problemnew/show/P3919 分析 很明显我们可以用主席树来维护,所谓主席树就是可持久化线段树,能够查询历史版本而且可以实现修改操作,反 ...

  8. 洛谷 P3989 [SHOI2013]阶乘字符串 解题报告

    P3989 [SHOI2013]阶乘字符串 题目描述 给定一个由前\(n(\le 26)\)个小写字母组成的串\(S(|S|\le 450)\).串\(S\)是阶乘字符串当且仅当前 \(n\) 个小写 ...

  9. ASP: Response 对象 错误 'ASP 0251 : 80004005' 解决办法

    Response 对象 错误 'ASP 0251 : 80004005' 超过响应缓冲区限制 这种情况一般是因为需要输出的网页内容太大了,由于asp在输入内容到客户的浏览器上之前,会把需要输出的全部内 ...

  10. 关于vue-devtools安装

    两种方法. 第一种:使用https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbp ...