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})

    总结:

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

  • 相关阅读:
    javaweb学习总结(二十九)——EL表达式
    javaweb学习总结(二十)——JavaBean总结
    Js_闭包详解
    JDBC各种数据库连接URL关键代码
    Jquery Table 的基本操作
    浅谈HTTP中Get与Post的区别
    hibernate一级缓存和二级缓存的区别
    SQL删除重复数据只保留一条
    数据库事务的隔离级别
    完全卸载oracle11g
  • 原文地址:https://www.cnblogs.com/wangkun122/p/8353574.html
Copyright © 2011-2022 走看看