当前位置:   article > 正文

Flask实现分页功能_flask分页

flask分页
在web开发中,分页是必不可少的功能,Flask实现展示内容的分页也非常简单,这里通过实例来学习一下Flask如何为网站分页。

首先,自定义一个分页工具类page_utils:
  1. #!usr/bin/env python
  2. # -*- coding:utf-8 -*-
  3. from urllib import urlencode
  4. class Pagination(object):
  5. """
  6. 自定义分页
  7. """
  8. def __init__(self, current_page, total_count, base_url, params, per_page_count=10, max_pager_count=11):
  9. try:
  10. current_page = int(current_page)
  11. except Exception as e:
  12. current_page = 1
  13. if current_page <=0:
  14. current_page = 1
  15. self.current_page = current_page
  16. # 数据总条数
  17. self.total_count = total_count
  18. # 每页显示10条数据
  19. self.per_page_count = per_page_count
  20. # 页面上应该显示的最大页码
  21. max_page_num, div = divmod(total_count, per_page_count)
  22. if div:
  23. max_page_num += 1
  24. self.max_page_num = max_page_num
  25. # 页面上默认显示11个页码(当前页在中间)
  26. self.max_pager_count = max_pager_count
  27. self.half_max_pager_count = int((max_pager_count - 1) / 2)
  28. # URL前缀
  29. self.base_url = base_url
  30. # request.GET
  31. import copy
  32. params = copy.deepcopy(params)
  33. get_dict = params.to_dict()
  34. self.params = get_dict
  35. @property
  36. def start(self):
  37. return (self.current_page - 1) * self.per_page_count
  38. @property
  39. def end(self):
  40. return self.current_page * self.per_page_count
  41. def page_html(self):
  42. # 如果总页数 <= 11
  43. if self.max_page_num <= self.max_pager_count:
  44. pager_start = 1
  45. pager_end = self.max_page_num
  46. # 如果总页数 > 11
  47. else:
  48. # 如果当前页 <= 5
  49. if self.current_page <= self.half_max_pager_count:
  50. pager_start = 1
  51. pager_end = self.max_pager_count
  52. else:
  53. # 当前页 + 5 > 总页码
  54. if (self.current_page + self.half_max_pager_count) > self.max_page_num:
  55. pager_end = self.max_page_num
  56. pager_start = self.max_page_num - self.max_pager_count + 1 #倒这数11个
  57. else:
  58. pager_start = self.current_page - self.half_max_pager_count
  59. pager_end = self.current_page + self.half_max_pager_count
  60. page_html_list = []
  61. # {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]}
  62. # 首页
  63. self.params['page'] = 1
  64. first_page = '<li><a href="%s?%s">首页</a></li>'.decode("utf-8") % (self.base_url,urlencode(self.params),)
  65. page_html_list.append(first_page)
  66. # 上一页
  67. self.params["page"] = self.current_page - 1
  68. if self.params["page"] < 1:
  69. pervious_page = '<li class="disabled"><a href="%s?%s" aria-label="Previous">上一页</span></a></li>'.decode("utf-8") % (self.base_url, urlencode(self.params))
  70. else:
  71. pervious_page = '<li><a href = "%s?%s" aria-label = "Previous" >上一页</span></a></li>'.decode("utf-8") % ( self.base_url, urlencode(self.params))
  72. page_html_list.append(pervious_page)
  73. # 中间页码
  74. for i in range(pager_start, pager_end + 1):
  75. self.params['page'] = i
  76. if i == self.current_page:
  77. temp = '<li class="active"><a href="%s?%s">%s</a></li>' % (self.base_url,urlencode(self.params), i,)
  78. else:
  79. temp = '<li><a href="%s?%s">%s</a></li>' % (self.base_url,urlencode(self.params), i,)
  80. page_html_list.append(temp)
  81. # 下一页
  82. self.params["page"] = self.current_page + 1
  83. if self.params["page"] > self.max_page_num:
  84. self.params["page"] = self.current_page
  85. next_page = '<li class="disabled"><a href = "%s?%s" aria-label = "Next">下一页</span></a></li >'.decode("utf-8") % (self.base_url, urlencode(self.params))
  86. else:
  87. next_page = '<li><a href = "%s?%s" aria-label = "Next">下一页</span></a></li>'.decode("utf-8") % (self.base_url, urlencode(self.params))
  88. page_html_list.append(next_page)
  89. # 尾页
  90. self.params['page'] = self.max_page_num
  91. last_page = '<li><a href="%s?%s">尾页</a></li>'.decode("utf-8") % (self.base_url, urlencode(self.params),)
  92. page_html_list.append(last_page)
  93. return ''.join(page_html_list)


自定义方法中的参数:
  • current_page——表示当前页。
  • total_count——表示数据总条数。
  • base_url——表示分页URL前缀,请求的前缀获取可以通过Flask的request.path方法,无需自己指定。
  • 例如:我们的路由方法为@app.route('/test'),request.path方法即可获取/test。
  • params——表示请求传入的数据,params可以通过request.args动态获取。
  • 例如:我们链接点击为:http://localhost:5000/test?page=10,此时request.args获取数据为ImmutableMultiDict([('page', u'10')])
  • per_page_count——指定每页显示数。
  • max_pager_count——指定页面最大显示页码

接着,我们使用一个测试方法来使用这个工具类,达到分页效果,test.py:
  1. #!usr/bin/env python
  2. # -*- coding:utf-8 -*-
  3. from flask import Flask, render_template, request
  4. from page_utils import Pagination
  5. app = Flask(__name__)
  6. @app.route('/test')
  7. def test():
  8. li = []
  9. for i in range(1, 100):
  10. li.append(i)
  11. pager_obj = Pagination(request.args.get("page", 1), len(li), request.path, request.args, per_page_count=10)
  12. print(request.path)
  13. print(request.args)
  14. index_list = li[pager_obj.start:pager_obj.end]
  15. html = pager_obj.page_html()
  16. return render_template("obj/test.html", index_list=index_list, html=html)
  17. if __name__ == '__main__':
  18. app.run(debug=True)
在上面的程序中,li为我们要分页的对象,数组list,我们获取到这个list之后,把他用工具类中的起止方法包起来。

传递数据用包装后的list,这样就达到了需要哪一段数据我们传递哪一段的效果,包装的方法:index_list = li[pager_obj.start:pager_obj.end]

我们用一个HTML页面去显示它,分页样式不是重点,我们这里直接引入bootstrap封装好的分页效果,代码如下:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
  7. <style>
  8. .container{
  9. margin-top: 20px;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <div class="container">
  15. <div class="row " style="margin-top: 10px">
  16. <ul>
  17. {% for foo in index_list %}
  18. <li>{{ foo }}:这是列表内容~~</li>
  19. {% endfor %}
  20. </ul>
  21. <nav aria-label="Page navigation" class="pull-right">
  22. <ul class="pagination">
  23. {{ html|safe }}
  24. </ul>
  25. </nav>
  26. </div>
  27. </div>
  28. </body>
  29. </html>
这样一个分页的效果就做好了,我们查看效果,如下图:



声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/686068
推荐阅读
相关标签
  

闽ICP备14008679号