快捷搜索:
来自 计算机编程 2019-06-22 21:36 的文章
当前位置: 67677新澳门手机版 > 计算机编程 > 正文

自定义分页,带给我们一种新的编码思路

分页

 回《【开源】EFW框架系列文章索引》       

自定义分页

 EFW框架源代码下载V1.3:

稳扎稳打版

图片 1图片 2

def book(request):
    # 从URL取参数(访问的页码)
    page_num = request.GET.get("page")
    try:
        # 将取出的page转换为int类型
        page_num = int(page_num)
    except Exception as e:
        # 当输入的页码不是正经数字的时候 默认返回第一页的数据
        page_num = 1

    # 数据库总数据是多少条
    total_count = models.Book.objects.all().count()

    # 每一页显示多少条数据
    per_page = 10

    # 总共需要多少页码来展示
    total_page, m = divmod(total_count, per_page)
    if m:
        total_page  = 1

    # 如果输入的页码数超过了最大的页码数,默认返回最后一页
    if page_num > total_page:
        page_num = total_page

    # 定义两个变量从哪里开始到哪里结束
    data_start = (page_num - 1) * 10
    data_end = page_num * 10

    # 页面上总共展示多少页码
    max_page = 11
    if total_page < max_page:
        max_page = total_page

    # 把从URL中获取的page_num 当做是显示页面的中间值, 那么展示的便是当前page_num 的前五页和后后五页
    half_max_page = max_page // 2
    # 根据展示的总页码算出页面上展示的页码从哪儿开始
    page_start = page_num - half_max_page
    # 根据展示的总页码算出页面上展示的页码到哪儿结束
    page_end = page_num   half_max_page

    # 如果当前页减一半 比1还小, 不然页面上会显示负数的页码
    if page_start <= 1:
        page_start = 1
        page_end = max_page
    # 如果 当前页 加 一半 比总页码数还大, 不然页面上会显示比总页码还大的多余页码
    if page_end >= total_page:
        page_end = total_page
        page_start = total_page - max_page   1

    # 从数据库取值, 并按照起始数据到结束数据展示
    all_book = models.Book.objects.all()[data_start:data_end]


    # 自己拼接分页的HTML代码
    html_str_list = []

    # # 加上首页
    html_str_list.append('<li><a href="/book/?page=1">首页</a></li>')

    # 断一下 如果是第一页,就没有上一页
    if page_num <= 1:
        html_str_list.append('<li class="disabled"><a href="#">&laquo;</a></li>')
    else:
        # 不是第一页,就加一个上一页的标签
        html_str_list.append('<li><a href="/book/?page={}">&laquo;</a></li>'.format(page_num - 1))

    for i in range(page_start, page_end   1):
        # 如果是当前页就加一个active样式类
        if i == page_num:
            tmp = '<li class="active"><a href="/book/?page={0}">{0}</a></li>'.format(i)
        else:
            tmp = '<li><a href="/book/?page={0}">{0}</a></li>'.format(i)

        html_str_list.append(tmp)

    # 判断,如果是最后一页,就没有下一页
    if page_num >= total_page:
        html_str_list.append('<li class="disabled"><a href="#">&raquo;</a></li>')
    else:
        # 不是最后一页, 就加一个下一页标签
        html_str_list.append('<li><a href="/book/?page={}">&raquo;</a></li>'.format(page_num   1))

    # 加上尾页
    html_str_list.append('<li><a href="/book/?page={}">尾页</a></li>'.format(total_page))

    page_html = "".join(html_str_list)
    return render(request, "book.html", {"all_book":all_book, "page_html":page_html})

稳扎稳打版

图片 3图片 4

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书籍列表</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<table class="table table-bordered">
    <thead>
        <tr>
            <th>序列号</th>
            <th>ID值</th>
            <th>书名</th>
            <th>时间</th>
        </tr>
        {% for book in all_book %}
        <tr>
            <td>{{ forloop.counter }}</td>
            <td>{{ book.id }}</td>
            <td>{{ book.name }}</td>
            <td>{{ book.date }}</td>
        </tr>
        {% endfor %}
    </thead>
</table>
<nav aria-label="Page navigation">
  <ul class="pagination">
      {{ page_html|safe }}
  </ul>
</nav>
</div>
</body>
</html>

book.html

 EFW框架实例源代码下载:

封装保存版

图片 5图片 6

class Page(object):
    def __init__(self, page_num, total_count, url_prefix, per_page=10, max_page=11):
        """
        :param page_num: 当前页码数
        :param total_count: 数据总数
        :param url_prefix: a标签href的前缀
        :param per_page: 每页显示多少条数据
        :param max_page: 页面上最多显示几个页码
        """
        self.url_prefix = url_prefix
        self.max_page = max_page
        # 总共需要多少页码来展示
        total_page, m = divmod(total_count, per_page)
        if m:
            total_page  = 1
        self.total_page = total_page

        try:
            # 将取出的page转换为int类型
            page_num = int(page_num)
        except Exception as e:
            # 当输入的页码不是正经数字的时候 默认返回第一页的数据
            page_num = 1
        # 如果输入的页码数超过了最大的页码数,默认返回最后一页
        if page_num > total_page:
            page_num = total_page
        self.page_num = page_num

        # 定义两个变量保存数据从哪儿取到哪儿
        self.data_start = (page_num - 1) * 10
        self.data_end = page_num * 10

        # 页面上总共展示多少页码
        if total_page < self.max_page:
            self.max_page = total_page

        half_max_page = self.max_page // 2
        # 页面上展示的页码从哪儿开始
        page_start = page_num - half_max_page
        # 页面上展示的页码到哪儿结束
        page_end = page_num   half_max_page
        # 如果当前页减一半 比1还小, 不然页面上会显示负数的页码
        if page_start <= 1:
            page_start = 1
            page_end = self.max_page
        # 如果 当前页 加 一半 比总页码数还大, 不然页面上会显示比总页码还大的多余页码
        if page_end >= total_page:
            page_end = total_page
            page_start = total_page - self.max_page   1
        self.page_start = page_start
        self.page_end = page_end

    @property
    def start(self):
        return self.data_start

    @property
    def end(self):
        return self.data_end

    def page_html(self):
        # 自己拼接分页的HTML代码
        html_str_list = []
        # # 加上首页
        html_str_list.append('<li><a href="{}?page=1">首页</a></li>'.format(self.url_prefix))
        # 断一下 如果是第一页,就没有上一页
        if self.page_num <= 1:
            html_str_list.append('<li class="disabled"><a href="#">&laquo;</a></li>')
        else:
            # 不是第一页,就加一个上一页的标签
            html_str_list.append('<li><a href="{}?page={}">&laquo;</a></li>'.format(self.url_prefix, self.page_num - 1))

        for i in range(self.page_start, self.page_end   1):
            # 如果是当前页就加一个active样式类
            if i == self.page_num:
                tmp = '<li class="active"><a href="{0}?page={1}">{1}</a></li>'.format(self.url_prefix, i)
            else:
                tmp = '<li><a href="{0}?page={1}">{1}</a></li>'.format(self.url_prefix, i)

            html_str_list.append(tmp)

        # 判断,如果是最后一页,就没有下一页
        if self.page_num >= self.total_page:
            html_str_list.append('<li class="disabled"><a href="#">&raquo;</a></li>')
        else:
            # 不是最后一页, 就加一个下一页标签
            html_str_list.append('<li><a href="{}?page={}">&raquo;</a></li>'.format(self.url_prefix, self.page_num   1))

        # 加上尾页
        html_str_list.append('<li><a href="{}?page={}">尾页</a></li>'.format(self.url_prefix, self.total_page))

        page_html = "".join(html_str_list)
        return page_html

封装保存版

图片 7图片 8

def publisher(request):
    page_num = request.GET.get("page")
    total_count = models.Publisher.objects.all().count()
    # 调用封装的Page类,传入相应的参数
    page_obj = Page(page_num, total_count, url_prefix="/publisher/", per_page=10, max_page=11)
    all_publisher = models.Publisher.objects.all()[page_obj.start:page_obj.end]
    page_html = page_obj.page_html()
    return render(request, "publisher.html", {"publisher": all_publisher, "page_html": page_html})

封装版使用指南

图片 9图片 10

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书列表</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <table class="table table-bordered">
        <thead>
        <tr>
            <td>序列号</td>
            <td>ID值</td>
            <td>出版社</td>
            <td>时间</td>
        </tr>
        </thead>
        <tbody>
        {% for pub in publisher %}
            <tr>
                <th>{{ forloop.counter }}</th>
                <th>{{ pub.id }}</th>
                <th>{{ pub.name }}</th>
                <th>{{ pub.date }}</th>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <nav aria-label="Page navigation">
        <ul class="pagination">
            {{ page_html|safe }}
        </ul>
    </nav>
</div>
</body>
</html>

封装版对应的HTML参考

效果图如下:

 图片 11

 

 

      前言:记得最初写出Winform版MVC的代码是在公司的一个产品中,产品有几个界面功能比较多,一个界面窗体的代码尽然有1万多行代码,让我们在维护这几个界面的时候非常的痛苦,你可能想可以把这个大的界面拆分成几个小的界面在集成在一起不就好了,但实际上这样行不同,首先界面上的控件之间依赖性太强不好拆分,更主要的是大量代码是针对网格控制的操作;后来我和另一个同事觉得重构这几个界面,同事也是一个对技术比较痴迷的那种,他利用委托来实现逻辑代码与界面之间的分离,针对界面中的控件操作定义一系列委托,再另外建一个对象编写业务逻辑并将数据通过委托在界面上显示;这种方式也达到了分离界面代码的目的,但写代码总感觉比较别扭,委托太多了根本搞不清楚,代码写起来也复杂,要弄清楚之间的调用关系不容易;而我参考了一下网上MVC的设计模式,建了一个控制器的对象用来封装所有业务逻辑代码,再把界面的所有数据操作封装成一个接口,控制器通过调用接口的方式对界面取数据和返回数据;对比起上面的委托方式,确实代码更简单,而且思路清晰,起码接口比委托封装性要好,所有的数据操作都可以封装在一个接口里;这样以来Winform控制器这种模式就初步成形了;通过使用此设计,让原来1万多行的界面代码缩减到只有几千行,就算加上控制器的代码也比原来少了一半不止;这就是Winform控制器的神奇之处,当初写完连自己都不相信;

       后来在项目实践这种开发模式的过程中,不断的完善总结,也形成了一套内部约定吧,比如对界面接口该如何定义,复杂的业务逻辑中控制器对象又怎么划分等等,这些不太容易成文的东西达成了一种共识或理解;觉得一种设计方式不是说一下就能写出来的,也不是说从书本上看到某个设计就能拿过来用的;这都只是带给你灵感,促进你思考,而真要领悟它必须得在长期的实践中积累,一定得多写代码,反复的重构,这样它才会成为属于自己的开发模式,才能更好的传播给他人;

style="font-size: 14px; font-family: 'Microsoft YaHei';">本文要点:

style="font-size: 14px; font-family: 'Microsoft YaHei';">1.Winform版MVC介绍

style="font-size: 14px; font-family: 'Microsoft YaHei';">2.Winform版MVC使用实例

style="font-size: 14px; font-family: 'Microsoft YaHei';">3.针对“程序=结构 算法”中的“结构”分析

style="font-size: 14px; font-family: 'Microsoft YaHei';">4.控制器与界面之间的关系以及一些设计原则

style="font-size: 14px; font-family: 'Microsoft YaHei';">5.带给我们一种新的编码思路

本文由67677新澳门手机版发布于计算机编程,转载请注明出处:自定义分页,带给我们一种新的编码思路

关键词: