要在magento2中创建一个模块，实现从第三方数据库获取数据，然后做一个类似目录列表页的的功能，左侧是筛选项目，右侧是数据列表，支持 grid/list模式，有翻页功能怎么实现

2024-09-05 12:25:25 阅读：41 来源： 互联网

标签：

在 Magento 2 中创建一个模块以从第三方数据库获取数据，并实现一个带有筛选项目和翻页功能的目录列表页面，是一个涉及多个步骤的任务。以下是一个详细的实现步骤指南。

步骤 1：创建模块结构

首先，你需要创建模块的目录结构。假设我们将模块命名为 Vendor_ModuleName。

app/code/Vendor/ModuleName/
├── registration.php
├── etc
│   ├── module.xml
│   └── di.xml
└── Controller
    └── Index
        └── Index.php
└── Block
    └── ListView.php
└── view
    └── frontend
        ├── layout
        │   └── vendor_modulename_index_index.xml
        └── templates
            └── list.phtml

步骤 2：创建注册文件

在 registration.php 中注册模块：

<?php
use \Magento\Framework\Component\ComponentRegistrar;

ComponentRegistrar::register(ComponentRegistrar::MODULE, 'Vendor_ModuleName', __DIR__);

PHP

步骤 3：创建模块配置文件

在 etc/module.xml 中定义模块版本：

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Vendor_ModuleName" setup_version="1.0.0"/>
</config>

XML

步骤 4：创建依赖注入配置

在 etc/di.xml 中，您可以定义依赖关系，例如数据库连接：

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Vendor\ModuleName\Model\ResourceModel\YourData">
        <arguments>
            <argument name="connection" xsi:type="object">Vendor\ModuleName\Model\ResourceModel\DbConnection</argument>
        </arguments>
    </type>
</config>

XML

步骤 5：创建控制器

在 Controller/Index/Index.php 中实现控制器逻辑：

<?php
namespace Vendor\ModuleName\Controller\Index;

use Magento\Framework\App\Action\Action;
use Magento\Framework\App\Action\Context;
use Vendor\ModuleName\Block\ListView;

class Index extends Action
{
    protected $listView;

    public function __construct(Context $context, ListView $listView)
    {
        parent::__construct($context);
        $this->listView = $listView;
    }

    public function execute()
    {
        // 获取数据
        $data = $this->listView->getData();
        // Pass data to the view
        $this->_view->loadLayout();
        $this->_view->getLayout()->getBlock('your.list.block')->setData('data', $data);
        $this->_view->renderLayout();
    }
}

PHP

步骤 6：创建 Block

在 Block/ListView.php 中实现数据获取逻辑：

<?php
namespace Vendor\ModuleName\Block;

use Magento\Framework\View\Element\Template;

class ListView extends Template
{
    protected $resourceConnection;

    public function __construct(
        Template\Context $context,
        \Magento\Framework\App\ResourceConnection $resourceConnection,
        array $data = []
    ) {
        $this->resourceConnection = $resourceConnection;
        parent::__construct($context, $data);
    }

    public function getData()
    {
        $connection = $this->resourceConnection->getConnection();
        $sql = 'SELECT * FROM your_table'; // 替换为实际的 SQL 查询
        return $connection->fetchAll($sql);
    }
}

PHP

步骤 7：创建布局文件

在 view/frontend/layout/vendor_modulename_index_index.xml 中设置页面结构：

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <block class="Vendor\ModuleName\Block\ListView" name="your.list.block" template="Vendor_ModuleName::list.phtml"/>
        </referenceContainer>
    </body>
</page>

XML

步骤 8：创建模板文件

在 view/frontend/templates/list.phtml 中实现前端展示逻辑：

<div class="filter">
    <!-- 添加筛选项 -->
</div>
<div class="data-list">
    <?php if ($data): ?>
        <ul>
            <?php foreach ($data as $item): ?>
                <li><?php echo $item['your_column']; // 替换为实际的列名 ?></li>
            <?php endforeach; ?>
        </ul>
    <?php else: ?>
        <p>No data found.</p>
    <?php endif; ?>
</div>

<div class="pagination">
    <!-- 添加分页逻辑 -->
</div>

PHP

步骤 9：实现分页、筛选等功能

对于分页，可以在控制器和模型中实现相关的 SQL 查询和逻辑。
可以使用 AJAX 来加载更多数据或实现更复杂的筛选功能。
可以进一步将筛选项目、分页逻辑封装到 Block 类中，并在模板中调用。

步骤 10：部署和测试

完成模块后，记得清理缓存并部署静态内容：

bin/magento cache:clean
bin/magento cache:flush
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f

Bash

结论

以上是用 Magento 2 创建一个模块，实现在第三方数据库获取数据并展示为目录列表的基本步骤。您可以根据项目需求调整 SQL 查询、实现更复杂的筛选、分页和 UI 设计。希望这些信息对您有所帮助！

标签：
来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9