http://www.web008.net

EFW框架CS系统开拓中的MVC情势商讨,自定义分页

打包保存版

图片 1图片 2

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

卷入保存版

图片 3图片 4

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

封装版使用指南

图片 5图片 6

<!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参谋

职能图如下:

 图片 7

 

3.针对“程序=结构+算法”中的“结构”分析

      “程序=结构+算法”,此中“算法”同等于逻辑代码,而“结构”分为八个方面,数据库表结构、业务对象与实业、分界面控件绑定数据源结构。而那三地方在程序中互相转变,利用框架中ORM能够把数量库表数据转变为实体集合,把实体集结通过数据源绑定在DataGridView控件上展现;分界面控件通过赋值调换为实体对象,实体对象通过数据库操作对象保存到数据库表中;所以代码对于“结构”的包装与转移特别频仍,结构管理得越好,那么系统也就越清晰。实体与数据库直接的转换大家得以经过框架中的ORM来解决,而分界面控件与业务实体直接转变平常都十分轻便,以至于赋值与取值代码随处都是,平日跟逻辑层代码混在一块,使我们前边对代码的精晓与保卫安全都推动了广大烦劳,所以须求豆蔻梢头种好的开荒框架结构来消逝那个主题材料,而MVC方式正是天经地义的选项,使用分界面接口把分界面控件与作业对象直接的转换都卷入起来,调节器都用接口的措施来操作分界面;

       以实例进行表达,先看书籍的“保存”操作,守旧的法子势必是那般的,在保留事件中先实例化Book对象,再把分界面上的控件的值赋值给Book对象,再把Book对象通过参数传到后台进行封存到多少中。再看分界面上控件展现书籍内容,传统情势也是后台抽取Book对象到分界面,分界面再一个特性质赋值在控件上。大家再看看使用MVC格局怎样贯彻,先在界面接口IfrmBook中定义一个currBook的属性,分界面frmBookManager承接IfrmBook接口完成currBook属性,在get中落到实处分界面调控赋值给Book对象的代码,在set中落实Book对象赋值给分界面控件的代码;那样我们就把取值与赋值都封装在贰个个性中,是还是不是很清楚,何况重开支相当的高;完毕”保存“操作,分界面只需向调整器发送三个音讯,调节器本人通过接口获取实体,再保存到数据库;

      其它,MVC情势不断消灭了“结构”上的标题,相比较守旧的开垦情势带给了大家后生可畏种新的开荒方式,让大家落时效果与利益的笔触更清晰,代码更简洁;

自定义分页

4.调控器与分界面之间的关联以至部分统筹标准

 图片 8

      Winform版的MVC与Web版的调节器与分界面关系纵然都以意气风发对多的涉嫌,一个调节器对应多少个分界面,Web版中纵然援助一个分界面能够分级调用七个调整器,但这种艺术不太建议,那会拉动程序上的复杂度,看起来比较乱;纵然两个关系很相符,但却有实质上的区分,Web版四个操作要拿走五个数据,必得接受Ajax发送一次倡议分别赢得,等于多少与数码里面包车型大巴逻辑是单身的,完全未有互动;而Winform版的就不等同,七个数据分界面能够单独向调节器伏乞,也得以三个号令调节器重回三个数据在分界面上。调整器接收分界面接口可以专擅的操作分界面上的数码。

既然调整器操作分界面这么手巧,那么为了编码进度中国科高校学失控,计算了有些界面与调节器的两全标准:

1.贰个调控器对应三个分界面接口,一个分界面接口对应二个分界面

2.先推行调整器代码再实践分界面代码,由调节器操作界面并不是分界面操作调节器

3.操作分界面响应事件后,不在事件代码中落实此功用,只是发送多少个音讯到调整器,由调整器中调用业务逻辑实现此功效再经过界面接口重返到分界面

4.分界面代码除了事件代码与落到实处接口代码,尽量不要有此外轮代理公司码

5.肖似调节器中的分界面之间的多少传递不能够透过构造函数或任何变量,只可以通过调整器传递

6.分界面接口常常封装的都以分界面数据,分界面数据又分为展现数据和取值数据

7.决定器获取分界面值,除了通过接口情势,简单的取值能够应用分界面发送音信给调节器时一同发送过来

8.调控器能够经过接口调用分界面,但分界面不可能直接调用调控器,分界面只可以发送消息给调节器

9.全局变量常常都定义在调控器中

10.三个分界面操作同调节器的别样分界面是十分轻巧的,同生机勃勃调整器下的装有分界面数据都以晶莹的

11.假使贰个界面上的控件彰显有几个特定情景,举个例子:起先和告竣多个意况下开关显示,那时能够把那几个情景封装在分界面接口中

12.像录入数据界面有四个控件,那么对那个控件的取值和赋值无需方方面面封装成接口,能够采纳实体或任何协会封装成二个接口属性就行了

13.分界面与调整器代码分为三个档期的顺序以来,接口文件放在调整器项目中,分界面项目援用控制器项目

 

从长计议版

图片 9图片 10

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

从长计议版

图片 11图片 12

<!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

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.带给大家意气风发种新的编码思路

分页

 

 

 EFW框架实例源代码下载:

5.带给咱们生龙活虎种新的编码思路

      在讲新的编码思路在此之前,先看一下守旧的编码方法,以前经常都是先把分界面画好,再把分界面上的机能二个个落到实处,早前台到后台,就比方“保存”功用,先在保存事件中编辑代码,把分界面控件上的值赋值给Book对象,再编辑后台三个艺术,分界面调用后台方法把Book对象通过参数字传送递到后台,后台方法中编辑SQL语句把Book对象保存到数据库,再唤醒保存成功。达成完保存功用,只怕接下去就落实查询功效,删除效能等。从当中吸取守旧完毕形式就好像“点”到“面”,“点”正是分界面上的效劳,“面”正是贰个个分界面;那样做起来是很顺手,可是做完后我们再看代码就会觉察有的标题,因为分界面上的效应并不是截然独立,之间必然存在一些的涉及,倘若刚初始不从“面”上思念,点与点时期的代码必然会并发重复,那样由少集多全副代码就能变得复杂,那样必然为现在得保险带来众多劳动。只怕你能够事后对那些代码举行重构来缓慢解决那个主题材料,但有未有生龙活虎种好的格局事前就化解掉那几个标题了?那正是自己说的新的编码思路。

      新的编码思路一言以蔽之就是从“面”到“点”来编排代码,“面”不只是指分界面,也是指调节器,“点”正是促成效益。先看一下这种方法的得以完成进度:

MVC方式代码编写进度:

1.陈设好分界面

2.新建调控器对象及分界面接口,以至调整器与分界面包车型地铁涉嫌

3.基于分界面控件抽象出分界面接口方法(绑定数据到分界面控件)

4.依照职业操作抽象出调控器方法(分界面操作事件)

5.分界面卫冕接口并完毕接口与分界面操作事件发送音信给调节器代码

6.到此整个代码架子已经做到,接下去只要对调节器中的业务方法填空就行了

透过上边格局“面”中两点把握美貌后,基本前边“点”的落成只要就简单了,两点分别是,封装分界面接口全面思考数据结构转变,提取调整器方法周详思量职业功用;

郑重声明:本文版权归美高梅163888所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。