0

0

Magento 2 自定义页面添加分页功能的完整实现教程

心靈之曲

心靈之曲

发布时间:2026-02-24 10:08:00

|

390人浏览过

|

来源于php中文网

原创

Magento 2 自定义页面添加分页功能的完整实现教程

本文详解如何在 magento 2 自定义模块页面(如客户报价列表页)中正确集成原生分页器,涵盖 collection 分页配置、block 中 _preparelayout() 的关键改造、pager 实例化与模板调用,附可直接复用的代码示例及常见避坑提示。

本文详解如何在 magento 2 自定义模块页面(如客户报价列表页)中正确集成原生分页器,涵盖 collection 分页配置、block 中 _preparelayout() 的关键改造、pager 实例化与模板调用,附可直接复用的代码示例及常见避坑提示。

在 Magento 2 中为自定义页面(例如客户专属的报价单列表页)添加分页功能,不能仅依赖前端 HTML 或简单循环渲染——必须结合框架的 Collection 分页机制与 Magento\Theme\Block\Html\Pager 组件协同工作。核心在于:分页逻辑由 Collection 承载,UI 渲染由 Pager Block 控制,二者需在 Block 层完成绑定与初始化

以下是一个经过生产环境验证的完整实现方案,适用于基于 EAV 或 Flat 表的自定义 Collection(如 Quote 模型集合):

✅ 正确实现步骤

1. 在 Block 类中重写 getSavedQuotes() 方法(含分页参数解析)

该方法负责构建并配置分页后的 Collection,需主动读取 URL 参数 p(当前页码)和 limit(每页条数),并调用 setPageSize() 和 setCurPage():

public function getSavedQuotes()
{
    $page = (int) $this->getRequest()->getParam('p', 1);
    $pageSize = (int) $this->getRequest()->getParam('limit', 10);

    $collection = $this->_quoteMainFactory->create()->getCollection()
        ->addFieldToFilter('is_deleted', 0)
        ->addFieldToFilter('status', 1)
        ->addFieldToFilter('customer_id', $this->customerSession->getCustomer()->getId());

    $collection->setPageSize($pageSize);
    $collection->setCurPage($page);

    return $collection;
}

⚠️ 注意:务必使用 (int) 强制类型转换,防止恶意参数注入;setCurPage() 必须在 setPageSize() 之后调用,否则分页计算将失效。

2. 在 _prepareLayout() 中创建并挂载 Pager Block

这是最关键的一步——必须在布局准备阶段手动实例化 Pager,并将其设为子 Block,同时显式调用 $collection->load() 触发分页查询:

protected function _prepareLayout()
{
    parent::_prepareLayout();
    $this->pageConfig->getTitle()->set(__('My Quotes'));

    $quotesCollection = $this->getSavedQuotes();
    if ($quotesCollection && $quotesCollection->getSize()) {
        $pager = $this->getLayout()->createBlock(\Magento\Theme\Block\Html\Pager::class)
            ->setAvailableLimit([10 => 10, 20 => 20, 30 => 30])
            ->setShowPerPage(true) // 设为 true 才显示“每页显示”下拉框
            ->setCollection($quotesCollection);

        $this->setChild('pager', $pager);
        $quotesCollection->load(); // ? 必须调用!否则 Pager 无法获取总记录数
    }

    return $this;
}

? 提示:setShowPerPage(true) 启用每页数量切换;若设为 false,则仅显示页码导航。setAvailableLimit() 定义用户可选的 pageSize 值。

3. 在 Block 中暴露 getPagerHtml() 方法供模板调用

public function getPagerHtml()
{
    return $this->getChildHtml('pager');
}

4. 在对应 .phtml 模板中渲染分页器

在你的报价列表模板(如 quote/list.phtml)底部添加:

<?php echo $block->getPagerHtml(); ?>

此时,URL 将自动支持如下分页参数:

  • ?p=2 → 第 2 页
  • ?limit=20&p=1 → 每页 20 条,第 1 页
    系统会自动生成带样式的页码导航、跳转控件及总数统计。

? 常见错误排查

  • ❌ 忘记调用 $collection->load() → Pager 显示 “0 items”,无分页控件;
  • ❌ setCurPage() 在 setPageSize() 前调用 → 分页错乱,数据重复或缺失;
  • ❌ Collection 未设置 addFieldToFilter() 等条件就传入 Pager → 分页作用于全表,性能崩溃;
  • ❌ 模板中未调用 getPagerHtml() 或拼写错误 → 分页器完全不显示;
  • ❌ 使用了 addAttributeToFilter()(EAV 专用)但模型非 EAV → 报错,应统一用 addFieldToFilter()。

✅ 最佳实践建议

  • 对高频访问的分页页码,可在 Collection 上启用缓存($collection->setIsLoaded(false)->load() 配合 Cache Tag);
  • 如需自定义 Pager 样式,可继承 \Magento\Theme\Block\Html\Pager 并重写 getPagerHtml();
  • 建议在 getSavedQuotes() 中加入 ->setOrder('created_at', 'DESC') 确保排序一致性。

通过以上四步,即可在任意 Magento 2 自定义页面中稳定、高效地集成原生分页功能,无需第三方扩展,完全兼容官方升级路径。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java进行强制类型转换
java进行强制类型转换

强制类型转换是Java中的一种重要机制,用于将一个数据类型转换为另一个数据类型。想了解更多强制类型转换的相关内容,可以阅读本专题下面的文章。

294

2023.12.01

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

850

2023.08.02

int占多少字节
int占多少字节

int占4个字节,意味着一个int变量可以存储范围在-2,147,483,648到2,147,483,647之间的整数值,在某些情况下也可能是2个字节或8个字节,int是一种常用的数据类型,用于表示整数,需要根据具体情况选择合适的数据类型,以确保程序的正确性和性能。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

581

2024.08.29

c++怎么把double转成int
c++怎么把double转成int

本专题整合了 c++ double相关教程,阅读专题下面的文章了解更多详细内容。

294

2025.08.29

C++中int的含义
C++中int的含义

本专题整合了C++中int相关内容,阅读专题下面的文章了解更多详细内容。

210

2025.08.29

C++类型转换方式
C++类型转换方式

本专题整合了C++类型转换相关内容,想了解更多相关内容,请阅读专题下面的文章。

313

2025.07.15

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

1142

2026.02.13

微博网页版主页入口与登录指南_官方网页端快速访问方法
微博网页版主页入口与登录指南_官方网页端快速访问方法

本专题系统整理微博网页版官方入口及网页端登录方式,涵盖首页直达地址、账号登录流程与常见访问问题说明,帮助用户快速找到微博官网主页,实现便捷、安全的网页端登录与内容浏览体验。

371

2026.02.13

Flutter跨平台开发与状态管理实战
Flutter跨平台开发与状态管理实战

本专题围绕Flutter框架展开,系统讲解跨平台UI构建原理与状态管理方案。内容涵盖Widget生命周期、路由管理、Provider与Bloc状态管理模式、网络请求封装及性能优化技巧。通过实战项目演示,帮助开发者构建流畅、可维护的跨平台移动应用。

245

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号