zoukankan      html  css  js  c++  java
  • 分页的设置

    写成函数的类型的方法

    #自己造一条数据
    data = []
    for i in range(1, 302):
        tmp = {"id": i, "name": "alex-{}".format(i)}
        data.append(tmp)
    # data
    
    #函数形式的分页代码  低端局
    def user_list(request):
        #获取当前的页码,进行判断
        try:
            page_num = int(request.GET.get("page"))  #从html中取到的是字符串类型,所以要转成int
        except Exception as e:  #判断是否有错,当返回的地址是http://127.0.0.1:8001/fenye/?page=fds
            #非正常的数字,页码数的时候,就要用这个
            page_num = 1
        # 没有传页码, 默认展示第一页
        # if not page_num:
        #     page_num = 1
        # 每一页显示10条记录
        per_page_num = 10
        # user_list = data[0:10]  1  (1-1) *10   1*10
        # user_list = data[10:20] 2  (2-1) *10   2*10
        # user_list = data[20:30] 3   (n-1)*10   n*10
    
        # 总数据个数  条数
        total_count = len(data)
        # 总共有多少页   这里利用可商余函数  根据有没有余数来判断是否要在多开一页用于存放没有被整除的页数
        total_page_num, more = divmod(total_count, per_page_num)
        if more:#如果有余数,就给页码加个一,如果没有的话 页码就是商
            total_page_num += 1
        # 如果你输入的页码数超过我的总页数,我默认返回最后一页
        if page_num > total_page_num:
            page_num = total_page_num
    
        # 最多显示多少页码
        max_show = 11
        half_show = int((max_show-1)/2)
        # 页面上页码从哪儿开始
        page_start = page_num - half_show
        # 页面上页码最多展示到哪一个
        page_end = page_num + half_show
    
        # 如果当前页小于等于half_show, 默认从第一页展示到max_show
        if page_num <= half_show:
            page_start = 1
            page_end = max_show
        # 如果当前页大于等于总页数-half_show
        if page_num >= total_page_num - half_show:
            page_end = total_page_num
            page_start = total_page_num - max_show
    
        # 生成前页码的HTML
        page_html_list = []
        # 放置一个首页按钮
        page_first_tmp =  '<li><a href="/user_list/?page=1">首页</a></li>'
        page_html_list.append(page_first_tmp)
    
        # 加上一页按钮
        if page_num - 1 <= 0:  # 表示没有上一页
            page_prev_tmp = '<li class="disabled" ><a href="#">上一页</a></li>'
        else:
            page_prev_tmp = '<li><a href="/user_list/?page={}">上一页</a></li>'.format(page_num - 1)
        page_html_list.append(page_prev_tmp)
    
        for i in range(page_start, page_end+1):
            # 如果是当前页,就加一个active的样式
            if i == page_num:
                tmp = '<li class="active"><a href="/user_list/?page={0}">{0}</a></li>'.format(i)
             #拼成一个字符串,这里注意{0}一定要写上值,否者无法字符串格式化穿进去
    else: tmp = '<li><a href="/user_list/?page={0}">{0}</a></li>'.format(i) page_html_list.append(tmp) # 加下一页按钮 if page_num+1 > total_page_num: page_next_tmp = '<li class="disabled"><a href="#">下一页</a></li>' else: page_next_tmp = '<li><a href="/user_list/?page={}">下一页</a></li>'.format(page_num+1) page_html_list.append(page_next_tmp) # 添加一个尾页 page_last_tmp = '<li><a href="/user_list/?page={}">尾页</a></li>'.format(total_page_num) page_html_list.append(page_last_tmp) page_html = "".join(page_html_list)#是将所有的列表中的数据拼接成字符串 #然后返回到HTML中去转换成可以执行的代码, 后端用到了 {{page_html|safe}} # 去数据库取数据 start = (page_num - 1) * per_page_num end = page_num * per_page_num user_list = data[start:end] return render(request, "user_list.html", {"user_list": user_list, "page_html": page_html})

    将分页功能封装在一个类中去,然后可以调用这个类中,可以调用类的属性‘

    """
    这个文件的使用指南
    """
    
    
    class MyPage(object):
    
        def __init__(self, page_num, total_count, base_url, per_page_num=10, max_show=11):
            """
            :param page_num: 当前页
            :param total_count: 数据总个数
            :param base_url: 分页页码跳转的URL
            :param per_page_num: 每一页显示多少条数据
            :param max_show: 页面上最多显示多少页码
            """
            # 实例化时传进来的参数
            try:
                self.page_num = int(page_num)  # 字符串类型,所以要转成int
            except Exception as e:
                self.page_num = 1
            self.total_count = total_count
            self.base_url = base_url
            self.per_page_num = per_page_num
            self.max_show = max_show
            # 根据传进来的参数,计算的几个值
            self.half_show = int((self.max_show - 1) / 2)
            # 总共有多少页
            self.total_page_num, more = divmod(self.total_count, self.per_page_num)
            if more:
                self.total_page_num += 1
    
        @property
        def start(self):
            return (self.page_num - 1) * self.per_page_num
    
        @property
        def end(self):
            return self.page_num * self.per_page_num
    
        def page_html(self):
            """
            返回页面上可以用的一段HTML
            一段可用的分页页码的HTML
            :return:
            """
            # 页面上页码从哪儿开始
            page_start = self.page_num - self.half_show
            # 页面上页码最多展示到哪一个
            page_end = self.page_num + self.half_show
            # 如果当前页小于等于half_show, 默认从第一页展示到max_show
            if self.page_num <= self.half_show:
                page_start = 1
                page_end = self.max_show
            # 如果当前页大于等于总页数-half_show
            if self.page_num >= self.total_page_num - self.half_show:
                page_end = self.total_page_num
                page_start = self.total_page_num - self.max_show
    
            # 生成前页码的HTML
            page_html_list = []
            # 放置一个首页按钮
            page_first_tmp =  '<li><a href="{}?page=1">首页</a></li>'.format( self.base_url)
            page_html_list.append(page_first_tmp)
    
            # 加上一页按钮
            if self.page_num - 1 <= 0:  # 表示没有上一页
                page_prev_tmp = '<li class="disabled" ><a href="#">上一页</a></li>'
            else:
                page_prev_tmp = '<li><a href="{0}?page={1}">上一页</a></li>'.format( self.base_url, self.page_num - 1)
            page_html_list.append(page_prev_tmp)
    
            for i in range(page_start, page_end+1):
                # 如果是当前页,就加一个active的样式
                if i == self.page_num:
                    tmp = '<li class="active"><a href="{0}?page={1}">{1}</a></li>'.format( self.base_url, i)
                else:
                    tmp = '<li><a href="{0}?page={1}">{1}</a></li>'.format( self.base_url, i)
                page_html_list.append(tmp)
            # 加下一页按钮
            if self.page_num+1 > self.total_page_num:
                page_next_tmp = '<li class="disabled"><a href="#">下一页</a></li>'
            else:
                page_next_tmp = '<li><a href="{0}?page={1}">下一页</a></li>'.format( self.base_url, self.page_num+1)
            page_html_list.append(page_next_tmp)
            # 添加一个尾页
            page_last_tmp = '<li><a href="{0}?page={1}">尾页</a></li>'.format( self.base_url, self.total_page_num)
            page_html_list.append(page_last_tmp)
    
            return "".join(page_html_list)
    View Code

    调用类,实例化对象,使用对象的方法。

    ef user_list(request):
        page_num = request.GET.get("page")
        path = request.path_info
        # request.get_full_path()  # 带参数的URL
        #去调用写好的类,实例化对象:即将每页显示多少数据,页码一次显示多少个,当前的页码数,数据总长度
        from tools.mypage import MyPage
        page = MyPage(page_num, len(data), path)
        #调用此方法,得到页码数据
        page_html = page.page_html()
        data_show=data[page.start:page.end] #前端要显示的数据, 这里调用对象中的两个方法,因为设置了@property
        #所有调用的时候不用写page.start()  这种带括号的形式。
        return render(request, "user_list.html", {"user_list": data_show, "page_html": page_html})

    总结:

    可以通过将内部复杂,并且不需要看到内部内容的,而且方法很常用的一些内容封装到一个类中去,通过实例化一个类从而使用其中的方法

  • 相关阅读:
    android 75 新闻列表页面
    android 74 下载文本
    android 73 下载图片
    android 72 确定取消对话框,单选对话框,多选对话框
    android 71 ArrayAdapter和SimpleAdapter
    android 70 使用ListView把数据显示至屏幕
    maven如何将本地jar安装到本地仓库
    Centos6.7搭建ISCSI存储服务器
    解决maven打包编译出现File encoding has not been set问题
    MySQL 解决 emoji表情 的方法,使用utf8mb4 字符集(4字节 UTF-8 Unicode 编码)
  • 原文地址:https://www.cnblogs.com/wangkun122/p/8353574.html
Copyright © 2011-2022 走看看