Django中html里的分页显示

分页一



因为数据量过大,而又想直观便捷的查看数据,进而通过分页显示就可以完成这项工作

app中views.py

LIST=[]                #全局定义一个LIST
for i in range(100):   #数据量为100
    LIST.append(i)     #使LIST里面包含0-99个自然数

def user_list(request):
    current_page=request.GET.get(‘p‘,1)  #用户不存在默认看第一页
    current_page=int(current_page)       #使char型变为int型
    start=(current_page-1)*10            #第一页
    end=current_page*10                  #最后一页
    data=LIST[start:end]                 #使数据自动分页,每页10个数据

    all_count=len(LIST)                  # 计算LIST的长度
    count,y=divmod(all_count,10)         #divmod为算法 all_count/10,商为count,余数为y
    if y:           #y不为0
        count+=1    #页数+1
    page_list=[]
    for i in range(1,count+1):
        if i==current_page:   #i==页数
            temp=‘<a class="page active" href="/user_list/?p=%s">%s</a>‘%(i,i)      #点击页数时,通过css使其页数栏变色
        else:
            temp=‘<a class="page" href="/user_list/?p=%s">%s</a>‘%(i,i)
        page_list.append(temp)

    page_str=‘‘.join(page_list)  #以空的字符串将页数连接起来
    from django.utils.safestring import mark_safe  

    page_str=mark_safe(page_str)  #使page_str为安全

    return render(request,‘user_list.html‘,{‘li‘:data,‘page_str‘:page_str})

html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pagination .page{
            display: inline-block;
            padding: 5px;
            background-color: lavender;
            color: black;
            margin: 10px;
        }
        .pagination .page .active{
            background-color: red;
        }
    </style>
</head>
<body>
    <ul>
        {% for item in li %}
            {% include ‘li.html‘ %}
        {% endfor %}
    </ul>
    <div class="pagination">
        {{ page_str }}
    </div>

</body>
</html>

li.html

<li>{{ item }}</li>

分页二



Django中html里的分页显示

原文地址:https://www.cnblogs.com/zhuifeng-mayi/p/9052737.html

时间: 2025-01-03 04:11:15

Django中html里的分页显示的相关文章

Django中的模板和分页

模板 在Templates中添加母版: - 母版...html 母版(master.html)中可变化的地方加入: {%block content%}{%endblock%} 在子版 (usermg.html) 中设置如下: {% extends 'master.html' %} {% block content%} <h1>用户管理</h1> {%end block%}  导入小组件的模块: {% include 'model.html' %} #同样会载入model.html中

Django在模版里显示当前日期的方法的代码

在代码过程中,把开发过程比较重要的内容记录起来,下面的代码内容是关于Django在模版里显示当前日期的方法的代码,希望对小伙伴有用. {% now "Y-m-d" %} 显示:2013-05-01 {% now "Y" %} 显示:2013 原文地址:https://www.cnblogs.com/Wladybird/p/11230963.html

ASP.NET中分页显示

分页详解,ASP.NET书本  "数据空间应用" (1)使用GridView控件分页显示 步奏:1.添加GridView控件 2.将GrideView控件的AllowPaging属性设置为True,表示允许分页  3.将PageSize属性设置一个数字,用来控制每页中显示的记录数 4.最后在GridView控件的PageIndexChanging事件中设置GridView控件的PageIndex属性为当前页的索引值,并重新绑定GridView控件 (2)DataList控件中的数据 u

LigerUI中通过加载服务端数据进行表格的分页显示

前言:我的这一篇文章是紧接着上一篇关于LigerUI的文章(http://www.zifangsky.cn/379.html)写的,因此在这里我就省略了相关的环境搭建,直接进入正题 一 介绍 在LigerUI中显示表格是用的ligerGrid,同时我们可以通过配置url参数就可以加载远程数据并显示成表格形式.不仅如此,ligerGrid还可以进行数据的排序和分页显示: (1)排序:需要用到"sortname"和"sortorder"这两个参数,分别表示按哪个字段排序

分页显示数据----前端(将数据库中的信息分页显示到网页)

在上篇文章中,我们已经完成了分页显示的后台处理,现在进行前端的处理. 期望显示结果: 由于对于不同的项目.不同的数据库数据部分不同,所以我们将分页部分提取出来,单独建立jsp页面: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <%@ taglib prefix="c"

Hibernate+Spring+Struts2整合开发中的一个分页显示方案(转载)

分页显示一直是web开发中一大烦琐的难题,传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码,那样做分页可能简单一点,但当把网站分层开发后,分页就比较困难了,下面是我做Spring+Hibernate+Struts2项目时设计的分页代码,与大家分享交流. 1.DAO层接口的设计,在MemberDao接口中定义了如下两个方法: public interface MemberDao{        //省略了其他的代码        /**     * 分页查询     * @

@有两个含义:1,在参数里,以表明该变量为伪参数 ,在本例中下文里将用@name变量代入当前代码中2,在字串中,@的意思就是后面的字串以它原本的含义显示,如果不

@有两个含义:1,在参数里,以表明该变量为伪参数 ,在本例中下文里将用@name变量代入当前代码中 2,在字串中,@的意思就是后面的字串以它原本的含义显示,如果不加@那么需要用一些转义符\来显示一些特殊字符 举例1:(2) stringsql ="update Table1 set name [email protected] where ID = '1'";//未采用SqlParameter SqlParameter sp =newSqlParameter("@name&q

实现数据在前台动态显示之分页的实现(将DataSet中的数据分页显示)

在实现前台动态显示数据时有多种方法,但使用到将DataSet中的数据分页这一方法时发现很多地方都能用得到,在这里记录一下. /// <summary> /// 分页的实现(将DataSet中的数据分页显示) /// </summary> /// <param name="ds"></param> /// <returns></returns> public DataSet SplitDataSet() { Data

将sharepoint中的跨网站、列表查询的结果用SPGridView分页显示

将sharepoint中的跨网站.列表查询的结果用SPGridView分页显示 2008-12-30 10:14 by Virus-BeautyCode, 1200 阅读, 0 评论, 收藏, 编辑 我是用户控件(也就是ascx控件)写的查询界面和显示结果,然后用QuickPart包装了一下,这样做的好处就是复杂界面可以使用拖动控件来开发,要比写代码来的直观,不足之处就是调试困难,但是昨天我的同事发现了一个调试的好办法,很不错,下一篇我会写出来. 需求是开发一个公司动态发布系统,我将未发布动态,