6-Django项目--分页模块化封装&参数共存

目录

utils/page_data.py

分页模块化封装

在app当中创建一个python package

在当前包里面创建py文件

参数共存

完整代码


utils/page_data.py

--包里创建py文件.

# -*- coding:utf-8 -*-
from django.utils.safestring import mark_safe
from copy import deepcopy

class PageData(object):
    def __init__(self, request, queryset, page_size=10, plus=2, page_param="page"):
        """
            request: 请求
            queryset:数据表查询的结果
            page_size:每页展示多少条数据
            plus:当前页,前后各展示多少个页码
        """
        get_query_dict = deepcopy(request.GET)
        self.query_dict = get_query_dict
        self.page_param = page_param
        # 分页
        page = request.GET.get(page_param, "1")  # 当前所在的页面
        # 判断字符创当中全部都是数字
        if page.isdecimal():
            page = int(page)
        else:
            page = 1

        self.page = page
        self.start = (page - 1) * page_size
        self.end = page * page_size
        # 分页操作
        self.page_queryset = queryset[self.start: self.end]
        page_count = queryset.count()
        page_count, div = divmod(page_count, page_size)
        if div:
            page_count += 1
        self.page_count = page_count
        self.plus = plus

    def page_html(self):
        if self.page_count <= 2 * self.plus + 1:
            start_page = 1
            end_page = self.page_count
        else:
            # 当前选中的页数小于等于三
            if self.page <= self.plus:
                start_page = 1
                end_page = 2 * self.plus + 1
            else:
                # 当前页 + 2
                if (self.page + self.plus) > self.page_count:
                    start_page = self.page_count - self.plus * 2
                    end_page = self.page_count
                else:
                    start_page = self.page - self.plus
                    end_page = self.page + self.plus

        page_str_list = []
        # 首页
        self.query_dict.setlist(self.page_param, [1])
        page_str_list.append(
            f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Previous"><span aria-hidden="true">首页</span></a></li>')

        # 上一页
        if self.page > 1:
            self.query_dict.setlist(self.page_param, [self.page-1])
            page_str_list.append(
                f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>')
        else:
            page_str_list.append(
                f'<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>')

        for page_num in range(start_page, end_page + 1):
            if page_num == self.page:
                self.query_dict.setlist(self.page_param, [page_num])
                page_ele = f'<li class="active"><a href="?{self.query_dict.urlencode()}">{page_num}</a></li>'
            else:
                self.query_dict.setlist(self.page_param, [page_num])
                page_ele = f'<li><a href="?{self.query_dict.urlencode()}">{page_num}</a></li>'
            page_str_list.append(page_ele)
        # 下一页
        if self.page < self.page_count:
            self.query_dict.setlist(self.page_param, [self.page + 1])
            page_str_list.append(
                f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Next"><span aria-hidden="true">»</span></a></li>')
        else:
            page_str_list.append(
                f'<li class="disabled"><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>')

        # 尾页
        self.query_dict.setlist(self.page_param, [self.page_count])
        page_str_list.append(
            f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Previous"><span aria-hidden="true">尾页</span></a></li>')
        # 将列表当中的字符串传递给html,并且一标签的形式展示
        search_page = """
            <li>
                <form method="get" style="float: left;margin-left: 1px">
                    <input type="text" class="form-control" placeholder="页码" name="page" style="position: relative;display: inline-block;width: 75px">
                    <button class="btn btn-success btn-sm" type="submit">跳转</button>
                </form>
            </li>
            """
        page_str_list.append(search_page)
        page_string = mark_safe("".join(page_str_list))
        return page_string


分页模块化封装

  • 在app当中创建一个python package

  • 在当前包里面创建py文件

    # -*- coding:utf-8 -*-
    from django.utils.safestring import mark_safe
    from copy import deepcopy
    ​
    class PageData(object):
        def __init__(self, request, queryset, page_size=10, plus=2, page_param="page"):
            """
                request: 请求
                queryset:数据表查询的结果
                page_size:每页展示多少条数据
                plus:当前页,前后各展示多少个页码
            """
            get_query_dict = deepcopy(request.GET)
            self.query_dict = get_query_dict
            self.page_param = page_param
            # 分页
            page = request.GET.get(page_param, "1")  # 当前所在的页面
            # 判断字符创当中全部都是数字
            if page.isdecimal():
                page = int(page)
            else:
                page = 1
    ​
            self.page = page
            self.start = (page - 1) * page_size
            self.end = page * page_size
            # 分页操作
            self.page_queryset = queryset[self.start: self.end]
            page_count = queryset.count()
            page_count, div = divmod(page_count, page_size)
            if div:
                page_count += 1
            self.page_count = page_count
            self.plus = plus
    ​
        def page_html(self):
            if self.page_count <= 2 * self.plus + 1:
                start_page = 1
                end_page = self.page_count
            else:
                # 当前选中的页数小于等于三
                if self.page <= self.plus:
                    start_page = 1
                    end_page = 2 * self.plus + 1
                else:
                    # 当前页 + 2
                    if (self.page + self.plus) > self.page_count:
                        start_page = self.page_count - self.plus * 2
                        end_page = self.page_count
                    else:
                        start_page = self.page - self.plus
                        end_page = self.page + self.plus
    ​
            page_str_list = []
            # 首页
            page_str_list.append(
                f'<li><a href="?page=1" aria-label="Previous"><span aria-hidden="true">首页</span></a></li>')
    ​
            # 上一页
            if self.page > 1:
                page_str_list.append(
                    f'<li><a href="?page={self.page - 1}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>')
            else:
                page_str_list.append(
                    f'<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>')
    ​
            for page_num in range(start_page, end_page + 1):
                if page_num == self.page:
                    page_ele = f'<li class="active"><a href="?page={page_num}">{page_num}</a></li>'
                else:
                    page_ele = f'<li><a href="?page={page_num}">{page_num}</a></li>'
                page_str_list.append(page_ele)
            # 下一页
            if self.page < self.page_count:
                page_str_list.append(
                    f'<li><a href="?page={self.page + 1}" aria-label="Next"><span aria-hidden="true">»</span></a></li>')
            else:
                page_str_list.append(
                    f'<li class="disabled"><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>')
    ​
            # 尾页
            page_str_list.append(
                f'<li><a href="?page={self.page_count}" aria-label="Previous"><span aria-hidden="true">尾页</span></a></li>')
            # 将列表当中的字符串传递给html,并且一标签的形式展示
            search_page = """
                <li>
                    <form method="get" style="float: left;margin-left: 1px">
                        <input type="text" class="form-control" placeholder="页码" name="page" style="position: relative;display: inline-block;width: 75px">
                        <button class="btn btn-success btn-sm" type="submit">跳转</button>
                    </form>
                </li>
                """
            page_str_list.append(search_page)
            page_string = mark_safe("".join(page_str_list))
            return page_string

 


参数共存

  • 在做搜索的过程当中,翻页的时候,搜索的条件还在

    在翻页的时候,始终展示搜索出来满足条件的数据

    get_query_dict = deepcopy(request.GET)
        # 在get请求当中,固定存放一个page,有其他参数,不会被替换
        get_query_dict.setlist("page", [1])
        # 将两个参数使用&符号拼接起来
        # ?page=1&search=100
        print(get_query_dict.urlencode())
    # 搜索的时候,出现的参数
        http://127.0.0.1:8000/asset/data/?search=100
    # 做翻页的时候,搜索参数还在
        http://127.0.0.1:8000/asset/data/?search=100&page=3

--无论怎么搜索,查找,都只显示一个参数. 

  • 完整代码

    # -*- coding:utf-8 -*-
    from django.utils.safestring import mark_safe
    from copy import deepcopy
    ​
    class PageData(object):
        def __init__(self, request, queryset, page_size=10, plus=2, page_param="page"):
            """
                request: 请求
                queryset:数据表查询的结果
                page_size:每页展示多少条数据
                plus:当前页,前后各展示多少个页码
            """
            get_query_dict = deepcopy(request.GET)
            self.query_dict = get_query_dict
            self.page_param = page_param
            # 分页
            page = request.GET.get(page_param, "1")  # 当前所在的页面
            # 判断字符创当中全部都是数字
            if page.isdecimal():
                page = int(page)
            else:
                page = 1
    ​
            self.page = page
            self.start = (page - 1) * page_size
            self.end = page * page_size
            # 分页操作
            self.page_queryset = queryset[self.start: self.end]
            page_count = queryset.count()
            page_count, div = divmod(page_count, page_size)
            if div:
                page_count += 1
            self.page_count = page_count
            self.plus = plus
    ​
        def page_html(self):
            if self.page_count <= 2 * self.plus + 1:
                start_page = 1
                end_page = self.page_count
            else:
                # 当前选中的页数小于等于三
                if self.page <= self.plus:
                    start_page = 1
                    end_page = 2 * self.plus + 1
                else:
                    # 当前页 + 2
                    if (self.page + self.plus) > self.page_count:
                        start_page = self.page_count - self.plus * 2
                        end_page = self.page_count
                    else:
                        start_page = self.page - self.plus
                        end_page = self.page + self.plus
    ​
            page_str_list = []
            # 首页
            self.query_dict.setlist(self.page_param, [1])
            page_str_list.append(
                f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Previous"><span aria-hidden="true">首页</span></a></li>')
    ​
            # 上一页
            if self.page > 1:
                self.query_dict.setlist(self.page_param, [self.page-1])
                page_str_list.append(
                    f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>')
            else:
                page_str_list.append(
                    f'<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>')
    ​
            for page_num in range(start_page, end_page + 1):
                if page_num == self.page:
                    self.query_dict.setlist(self.page_param, [page_num])
                    page_ele = f'<li class="active"><a href="?{self.query_dict.urlencode()}">{page_num}</a></li>'
                else:
                    self.query_dict.setlist(self.page_param, [page_num])
                    page_ele = f'<li><a href="?{self.query_dict.urlencode()}">{page_num}</a></li>'
                page_str_list.append(page_ele)
            # 下一页
            if self.page < self.page_count:
                self.query_dict.setlist(self.page_param, [self.page + 1])
                page_str_list.append(
                    f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Next"><span aria-hidden="true">»</span></a></li>')
            else:
                page_str_list.append(
                    f'<li class="disabled"><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>')
    ​
            # 尾页
            self.query_dict.setlist(self.page_param, [self.page_count])
            page_str_list.append(
                f'<li><a href="?{self.query_dict.urlencode()}" aria-label="Previous"><span aria-hidden="true">尾页</span></a></li>')
            # 将列表当中的字符串传递给html,并且一标签的形式展示
            search_page = """
                <li>
                    <form method="get" style="float: left;margin-left: 1px">
                        <input type="text" class="form-control" placeholder="页码" name="page" style="position: relative;display: inline-block;width: 75px">
                        <button class="btn btn-success btn-sm" type="submit">跳转</button>
                    </form>
                </li>
                """
            page_str_list.append(search_page)
            page_string = mark_safe("".join(page_str_list))
            return page_string

  • 11
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Python-Django-Vue项目实战是一种常见的全栈发模式,结合了PythonDjango框架和Vue.js前端框架。下面是一个简单的介绍: Python-Django是一个强大的Web开发框架,它使用Python语言编写,提供了一系列的工具和库来简化Web应用程序的开发过程。Django具有高度的可扩展性和灵活性,可以帮助开发者快速构建功能丰富的Web应用。 Vue.js是一个流行的JavaScript前端框架,它专注于构建用户界面。Vue.js具有简单易学的语法和强大的功能,可以帮助开发者构建交互性强、响应迅速的前端应用。 在Python-Django-Vue项目实战中,通常会将Django作为后端框架来处理数据逻辑和业务逻辑,而Vue.js则负责前端页面的展示和用户交互。通过这种方式,可以实现前后端分离,提高开发效率和代码可维护性。 具体的项目实战可以包括以下内容: 1. 构建Django后端:使用Django框架创建后端应用程序,包括定义数据模型、编写视图函数、配置URL路由等。 2. 开发Vue前端:使用Vue.js框架创建前端应用程序,包括设计页面布局、编写组件、处理用户交互等。 3. 数据交互:通过RESTful API或GraphQL等方式,实现前后端数据的交互和通信。 4. 用户认证和权限管理:实现用户注册、登录、权限验证等功能,确保系统的安全性。 5. 数据库操作:使用Django的ORM(对象关系映射)来进行数据库操作,包括增删改查等。 6. 页面美化和响应式设计:使用CSS和Vue.js的样式绑定功能,实现页面的美化和响应式设计。 7. 部署和发布:将项目部署到服务器上,并进行性能优化和安全加固。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

金灰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值