第一部分:如何在 OpenCart 2.1.x.x 中创建自定义插件

作为一名开发人员,在任何框架中构建自定义内容总是令人兴奋的,对于 opencart 插件也是如此。

在这个由两部分组成的系列中,我将解释 OpenCart 中的自定义插件开发。我们将从新手开发者的角度来详细介绍 OpenCart 中的扩展开发细节。我们还将创建一个小型自定义插件来演示 OpenCart 插件结构的各个方面。

在第一部分中,我们将构建一个自定义插件,用于在商店前端显示最新产品,并且您将能够从后端本身配置产品数量。这就是本文的目的——开发一个带有配置表单的后端插件。

我假设您已经设置了最新版本的 OpenCart,在撰写本文时为 2.1.0.2。在我们继续开发实际的插件之前,我将在下一节中向您介绍 OpenCart 的基本插件架构。

MVCL 简介

OpenCart 是使用最流行的 Web 开发模式之一(MVC 模式)开发的,但有一些细微的变化,或者更确切地说,我会说这是一个补充。添加的形式是语言组件,使其成为 OpenCart 世界中的 MVCL。您可能听说过这种模式,但为了初学者,我将快速总结一下该模式的全部内容。

MVC 中的 M 代表模型,这是大部分业务逻辑所在的地方。在 OpenCart 的上下文中,它是与数据库抽象层交互的模型,以完成运行商店所需的所有繁重工作。您会发现自己大部分时间都在这个领域担任开发人员。

接下来,V代表View,它代表应用程序的表示层。顾名思义,它只处理任何页面的表示逻辑,并且大多数时候它接收其他层的输入并生成 XHTML 输出。应用程序的业务逻辑应该远离这一层;它应该只关心做什么而不是如何去做。

MVC 中的 C(控制器)位于所有内容的前面,负责处理每个请求并进行相应的处理。该区域包含大部分应用程序逻辑,从处理和验证用户输入到加载正确的模型和视图组件以准备页面输出。

最后,还有一个附加组件 L,代表语言。它使建立多语言网站变得轻而易举。

这是 OpenCart 架构的快速视图,当我们继续深入解释每个组件时,它会更有意义。

任何 OpenCart 插件的骨架

让我们快速浏览一下需要为自定义后端插件实现的文件列表。

admin/language/english/module/recent_products.php:这是一个保存在整个管理应用程序区域中使用的静态标签的文件。admin/controller/module/recent_products.php:它是一个控制器文件,保存我们模块的应用程序逻辑。admin/view/template/module/recent_products.tpl:这是一个视图模板文件,包含 XHTML 代码。

在下一节中,我们将创建上述每个文件,并进行深入说明。

按照惯例,我们需要将自定义插件文件放置在模块目录下。在这种情况下,当我们开发后端插件时,admin 下的目录将保存我们的文件。当然,根据上面所示的 OpenCart 架构,文件分布在不同的目录或组件中。

为后端插件创建文件

在本节中,我们将开始创建模块文件。首先,我们将创建一个语言文件 admin/language/english/module/recent_products.php ,其中包含以下内容。从 OpenCart 的角度来看,这是一个重要的文件,因为它是 OpenCart 检测到您的插件所必需的。

<?php// admin/language/english/module/recent_products.php// Heading$_['heading_title']    = 'Recent Products';// Text$_['text_module']      = 'Modules';$_['text_success']     = 'Success: You have modified Recent Products module!';$_['text_edit']        = 'Edit Recent Products Module';// Entry$_['entry_name']       = 'Module Name';$_['entry_limit']      = 'Limit';$_['entry_status']     = 'Status';// Error$_['error_permission'] = 'Warning: You do not have permission to modify Recent Products module!';$_['error_name']       = 'Module Name must be between 3 and 64 characters!';

如您所见,我们将静态标签分配给 PHP 数组。稍后,当数组转换为 PHP 变量时,您将可以在视图模板文件中访问这些变量。

您可能还注意到,该文件是在 english 目录下创建的,因为它是商店的默认语言。当然,对于多语言网站,您需要确保也为其他语言创建它。例如,应在 admin/language/french/module/recent_products.php 创建同一文件的法语版本。

接下来,我们将创建最重要的插件文件之一——控制器文件。让我们继续创建包含以下内容的 admin/controller/module/recent_products.php

load->language('module/recent_products');        $this->document->setTitle($this->language->get('heading_title'));        $this->load->model('extension/module');        if (($this->request->server['REQUEST_METHOD'] == 'POST') && $this->validate()) {            if (!isset($this->request->get['module_id'])) {                $this->model_extension_module->addModule('recent_products', $this->request->post);            } else {                $this->model_extension_module->editModule($this->request->get['module_id'], $this->request->post);            }            $this->session->data['success'] = $this->language->get('text_success');            $this->response->redirect($this->url->link('extension/module', 'token=' . $this->session->data['token'], 'SSL'));        }        $data['heading_title'] = $this->language->get('heading_title');        $data['text_edit'] = $this->language->get('text_edit');        $data['text_enabled'] = $this->language->get('text_enabled');        $data['text_disabled'] = $this->language->get('text_disabled');        $data['entry_name'] = $this->language->get('entry_name');        $data['entry_limit'] = $this->language->get('entry_limit');        $data['entry_status'] = $this->language->get('entry_status');        $data['button_save'] = $this->language->get('button_save');        $data['button_cancel'] = $this->language->get('button_cancel');        if (isset($this->error['warning'])) {            $data['error_warning'] = $this->error['warning'];        } else {            $data['error_warning'] = '';        }        if (isset($this->error['name'])) {            $data['error_name'] = $this->error['name'];        } else {            $data['error_name'] = '';        }        $data['breadcrumbs'] = array();        $data['breadcrumbs'][] = array(            'text' => $this->language->get('text_home'),            'href' => $this->url->link('common/dashboard', 'token=' . $this->session->data['token'], 'SSL')        );        $data['breadcrumbs'][] = array(            'text' => $this->language->get('text_module'),            'href' => $this->url->link('extension/module', 'token=' . $this->session->data['token'], 'SSL')        );        if (!isset($this->request->get['module_id'])) {            $data['breadcrumbs'][] = array(                'text' => $this->language->get('heading_title'),                'href' => $this->url->link('module/recent_products', 'token=' . $this->session->data['token'], 'SSL')            );        } else {            $data['breadcrumbs'][] = array(                'text' => $this->language->get('heading_title'),                'href' => $this->url->link('module/recent_products', 'token=' . $this->session->data['token'] . '&module_id=' . $this->request->get['module_id'], 'SSL')            );        }        if (!isset($this->request->get['module_id'])) {            $data['action'] = $this->url->link('module/recent_products', 'token=' . $this->session->data['token'], 'SSL');        } else {            $data['action'] = $this->url->link('module/recent_products', 'token=' . $this->session->data['token'] . '&module_id=' . $this->request->get['module_id'], 'SSL');        }        $data['cancel'] = $this->url->link('extension/module', 'token=' . $this->session->data['token'], 'SSL');        if (isset($this->request->get['module_id']) && ($this->request->server['REQUEST_METHOD'] != 'POST')) {            $module_info = $this->model_extension_module->getModule($this->request->get['module_id']);        }        if (isset($this->request->post['name'])) {            $data['name'] = $this->request->post['name'];        } elseif (!empty($module_info)) {            $data['name'] = $module_info['name'];        } else {            $data['name'] = '';        }        if (isset($this->request->post['limit'])) {            $data['limit'] = $this->request->post['limit'];        } elseif (!empty($module_info)) {            $data['limit'] = $module_info['limit'];        } else {            $data['limit'] = 5;        }        if (isset($this->request->post['status'])) {            $data['status'] = $this->request->post['status'];        } elseif (!empty($module_info)) {            $data['status'] = $module_info['status'];        } else {            $data['status'] = '';        }        $data['header'] = $this->load->controller('common/header');        $data['column_left'] = $this->load->controller('common/column_left');        $data['footer'] = $this->load->controller('common/footer');        $this->response->setOutput($this->load->view('module/recent_products.tpl', $data));    }    protected function validate() {        if (!$this->user->hasPermission('modify', 'module/recent_products')) {            $this->error['warning'] = $this->language->get('error_permission');        }        if ((utf8_strlen($this->request->post['name']) request->post['name']) > 64)) {            $this->error['name'] = $this->language->get('error_name');        }        return !$this->error;    }}

它为我们的自定义插件定义了新类,该类扩展了基本 Controller 类。根据约定,类的名称应模仿文件所在的目录结构。因此,路径 controller/module/recent_products.php 会根据驼峰命名约定替换斜杠和下划线字符,转换为 ControllerModuleRecentProducts

接下来,有一个事实上的 index 方法,当插件加载到前端时会调用该方法。所以,它是一个索引方法,定义了插件的大部分应用逻辑。

在当前应用程序的上下文中,简写 $this->load->language 加载相应的语言文件。在我们的例子中,它加载前面部分中定义的语言文件。语法非常简单,您只需传递前缀为 module/ 的插件名称即可。语言变量可以通过 $this->language->get 方法访问。

接下来,它使用文档对象的 setTitle 方法设置页面标题。

继续,简写 $this->load->model 用于加载模块模型。它是模型类,提供实用方法来保存模块参数等。

接下来,有一个重要的代码片段,如下所示,用于检查是否是 POST 数据提交,并在这种情况下保存模块配置。

if (($this->request->server['REQUEST_METHOD'] == 'POST') && $this->validate()) {    if (!isset($this->request->get['module_id'])) {        $this->model_extension_module->addModule('recent_products', $this->request->post);    } else {        $this->model_extension_module->editModule($this->request->get['module_id'], $this->request->post);    }    $this->session->data['success'] = $this->language->get('text_success');    $this->response->redirect($this->url->link('extension/module', 'token=' . $this->session->data['token'], 'SSL'));}

此外,我们还将 heading_titletext_edit 等语言标签分配给 $data 数组,以便我们可以使用它们在视图模板文件中。

接下来,有一个片段可以为配置页面构建正确的面包屑链接。

$data['breadcrumbs'] = array();$data['breadcrumbs'][] = array(    'text' => $this->language->get('text_home'),    'href' => $this->url->link('common/dashboard', 'token=' . $this->session->data['token'], 'SSL'));$data['breadcrumbs'][] = array(    'text' => $this->language->get('text_module'),    'href' => $this->url->link('extension/module', 'token=' . $this->session->data['token'], 'SSL'));if (!isset($this->request->get['module_id'])) {    $data['breadcrumbs'][] = array(        'text' => $this->language->get('heading_title'),        'href' => $this->url->link('module/recent_products', 'token=' . $this->session->data['token'], 'SSL')    );} else {    $data['breadcrumbs'][] = array(        'text' => $this->language->get('heading_title'),        'href' => $this->url->link('module/recent_products', 'token=' . $this->session->data['token'] . '&module_id=' . $this->request->get['module_id'], 'SSL')    );}

如果模块之前已配置并处于编辑模式,则以下代码片段将填充默认模块配置。

if (isset($this->request->get['module_id']) && ($this->request->server['REQUEST_METHOD'] != 'POST')) {    $module_info = $this->model_extension_module->getModule($this->request->get['module_id']);}

最后,我们加载常见的页面元素,例如页眉、页脚和左侧边栏。另外,它是加载实际视图文件 recent_products.tpl 并显示配置表单的 $this->load->view 简写。

控制器文件中有一些重要的注释需要记住。您会看到很多类似 $this->load->ELEMENT 的调用,其中 ELEMENT 可以是视图、模型或语言。它加载相应的视图、模型和语言组件。

今天文章的下一个也是最后一个文件是视图模板文件admin/view/template/module/recent_products.tpl。继续创建它!

<form action="" method="post" enctype="multipart/form-data" id="form-recent-products" class="form-horizontal">
<input type="text" name="name" value="" placeholder="" id="input-name" class="form-control" />
<input type="text" name="limit" value="" placeholder="" id="input-limit" class="form-control" />

眼尖的用户已经注意到它只是显示从控制器文件传递的变量。除此之外,它是显示配置表单的简单 XHTML 代码,最重要的是它具有开箱即用的响应能力。

所以,这就是我们后端自定义插件的文件设置。

启用插件

前往 OpenCart 后端并导航至扩展 > 模块。您应该在列表中看到最近的产品。单击+符号安装模块,如以下屏幕截图所示。

第一部分:如何在 OpenCart 2.1.x.x 中创建自定义插件

安装后,您将看到一个编辑图标。单击该按钮可打开模块配置表单。

第一部分:如何在 OpenCart 2.1.x.x 中创建自定义插件

在配置表单中,您可以设置要在前端块中显示的最近产品的数量。另外,不要忘记将状态字段设置为启用!保存模块,它应该看起来像这样。

第一部分:如何在 OpenCart 2.1.x.x 中创建自定义插件

模块中有一个新条目,标题为最近的产品 > 我最近的块插件。原因是您可以为不同的页面多次复制它!

所以,我们快完成了!我们在 OpenCart 中制作了一个成熟的后端自定义插件。在下一部分中,我们将介绍它的前端对应部分,它在前端显示一个漂亮的产品块!

结论

今天,我们讨论了 OpenCart 中的自定义插件开发。在这个由两部分组成的系列的第一部分中,我们完成了后端插件开发并创建了一个提供配置表单的工作自定义插件。

如果您正在寻找可在自己的项目或自己的教育中使用的其他 OpenCart 工具、实用程序、扩展程序等,请查看我们在市场上提供的产品。

在下一部分中,我们将通过创建在前端显示产品列表的前端部分来完成该插件。如有任何疑问和反馈,请使用下面的评论源。

以上就是第一部分:如何在 OpenCart 2.1.x.x 中创建自定义插件的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1551787.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 22:03:57
下一篇 2025年12月21日 22:04:04

相关推荐

  • 在JavaScript中,clientX鼠标事件的作用是什么?

    当鼠标事件被触发时,clientX鼠标事件属性用于获取鼠标指针的水平坐标。这是根据当前窗口。 示例 您可以尝试运行以下代码来了解如何实现clientX  JavaScript 中的鼠标事件。 Click here to get the x (horizontal) and y (vertical) …

    好文分享 2025年12月21日
    000
  • 在HTML中为一个元素使用多个CSS类

    为了更快地创建CSS,我们可以给单个HTML元素赋予多个类,并分别为每个类设置样式。这种方法允许我们管理样式应用的冗余。我们可以将通用样式应用于许多类,而将特定类别的样式应用于特定类别。 语法 Example 在下面的示例中,我们使用class“Varma”的样式来应用于两个段落,而第二个段落应用了…

    2025年12月21日
    000
  • 如何用JavaScript数组表示对象的源代码?

    JavaScript 数组 toSource() 方法返回一个表示数组源代码的字符串。 Mozilla 支持此方法。 示例 您可以尝试运行以下代码来了解如何使用 JavaScript 数组表示对象的源代码 – JavaScript Array toSource Method var ar…

    2025年12月21日
    000
  • 如何使用HTML显示从右到左的文本?

    direction属性指定了网页中块级元素内文本的方向。 我们使用style属性在HTML中设置文本方向。style属性为块内的元素指定了内联样式。style属性与CSS属性direction一起使用,用于设置文本的方向。 语法 以下是使用CSS属性设置文本方向(从右到左)的语法。 The text…

    2025年12月21日
    000
  • 如何将文本(水平和垂直)居中在一个div块内?

    我们可以轻松地将文本在 div 内水平和垂直居中。让我们一一看看。 使用 text-align 属性将 Div 中的文本水平居中 要将 div 中的文本水平居中,请使用 text-align 属性。 text-align 属性确定行框在块级元素内的对齐方式。以下是可能的值 – left …

    2025年12月21日
    000
  • 如何使用JavaScript的RegExp查找除换行符以外的字符?

    要查找除换行符以外的字符,请使用元字符。 (句点)。 您可以尝试运行以下代码来查找字符− 示例 JavaScript Regular Expression var myStr = “We provide websites! We provide content!”; var reg = /p.o/g…

    2025年12月21日
    000
  • 如何在HTML中创建表格的行和列?

    HTML表格允许我们在网页上将数据按行和列进行排列。 我们使用 标签,在HTML中创建表格。一个表格由行和列组成。可以使用一个或多个 、 和元素来设置表头、行和列以及表格数据。 表格行由 标签定义。对于表行和列,我们分别在 标签内使用 、 标签。 示例 以下是创建表格行和列的示例程序。 立即学习“前…

    2025年12月21日
    000
  • 在JavaScript中,”abort”事件的用途是什么?

    使用abort 事件来中止图片的加载。您可以尝试运行以下代码来学习如何在JavaScript中实现中止事件。 示例 function abortFunc() { alert(‘Error- Loading of the image aborted’); } 以上就是在JavaScript中,&#82…

    2025年12月21日
    000
  • 如何在HTML中使用不同的步长属性来使用一个范围输入?

    允许的数字间隔由 HTML 输入类型步骤属性确定。步骤是数字步骤,例如 0、2、4、6、8 等。要构造有效值范围,请将 step 属性与 max 和 min 属性结合起来。 它们在一定范围内建立步进间隔,通过从左向右移动滑块或上下移动微调器来执行该步进间隔。如果没有明确提及,默认步骤将分配给各种输入…

    2025年12月21日
    000
  • 我们如何在HTML中添加一个noscript部分?

    我们在本文中要执行的任务是如何在HTML中添加一个 部分。 对于不支持脚本标签或被用户配置为禁用脚本的浏览器,HTML使用 标签来显示文本。和标签都包含这个标签。 注意– 此元素仅由不支持脚本的浏览器使用。 语法 以下是非脚本的语法 立即学习“前端免费学习笔记(深入)”; Content…

    2025年12月21日
    000
  • 如何限制表单输入文本字段中允许的字符数量?

    在本文中,我们将学习如何限制表单输入文本字段中允许的字符数。 我们使用 标签来获取 HTML 中的用户输入。为了给输入字段赋予限制(或范围),我们使用 min 和 max 属性,分别指定输入字段的最大值和最小值。 要设置输入字段中的最大字符限制,我们使用 maxlength 属性。该属性用于指定输入…

    2025年12月21日
    000
  • web为什么使用iframe

    主要原因是iframe有分割页面结构、代码复用、跨域通信、加载第三方内容、安全隔离、并行加载和独立滚动等优点。详细说明:1、分割页面结构,可以将一个大型的网页分割成多个小的模块,使得多个开发团队可以并行工作,加快项目开发;2、代码复用,可以将一个网页作为模板,在其他网页中引用该模板,减少了代码的冗余…

    2025年12月21日
    000
  • iframe中的危险在哪里

    iframe中的危险主要有:1、安全漏洞,恶意的网页可以通过iframe加载其他网页,并进行一些攻击行为;2、同源策略突破,通过在iframe中加载其他域名下的网页,能突破同源策略,实现跨域通信,这可能会被恶意攻击;3、代码执行问题,在iframe中加载的网页可以执行JS代码,这可能导致一些安全问题…

    2025年12月21日
    000
  • layer的iframe窗是什么意思

    layer的iframe窗是一种弹窗组件,可以在网页中嵌入一个iframe元素,实现在弹窗中展示其他页面或网站的内容。当使用layer的iframe窗时,可以通过调用相关的方法来创建和管理弹窗,包括弹窗的创建与显示、弹窗的大小与位置、弹窗的样式与动画、弹窗的按钮与操作、弹窗的事件与回调等等。通过灵活…

    2025年12月21日
    000
  • 使用contentEditable属性创建一个所见即所得(WYSIWYG)编辑器

    所见即所得编辑器非常受欢迎。您可能也曾在某个时候使用过其中之一。有很多库可以帮助您设置自己的编辑器。尽管它们设置起来很快,但使用这些库也有缺点。首先,它们很臃肿。其中大多数都有您可能不会使用的奇特功能。此外,自定义这些编辑器的外观可能会很令人头疼。 在本教程中,我们将构建我们自己的轻量级所见即所得编…

    2025年12月21日
    000
  • 匹配给定集合之外的任意单个字符

    要使用 JavaScript RegExp 匹配给定集合之外的任何单个字符,请使用 [^aeiou] 元字符。 示例 JavaScript Regular Expression var myStr = “Welcome!”; var reg = /[^lc]/g; var match = myStr…

    2025年12月21日
    000
  • 在HTML5中为一个元素添加标题

    <img src="https://img.php.cn/upload/article/000/887/227/169416271621037.jpg" alt="在html5中为一个 元素添加标题”> 要向 元素添加标题,请使用 标签。您可以尝…

    好文分享 2025年12月21日
    000
  • 如何在HTML中不允许在封闭文本中插入换行符?

    使用 标记可允许 HTML 中的封闭文本不出现中断。 HTML 标签用于指示浏览器不要破坏指定的文本。 这与 标签一起使用, 会建议扩展浏览器何时可以在不可破坏的序列中插入换行符。文本。与 标记不同,即使在 – 标记的段中,该标记也始终会导致换行,而 标记仅在放置在 – 标记…

    2025年12月21日
    000
  • 在HTML5中,这个部分只包含导航链接

    HTML 标记指定仅包含导航链接的部分。您可以尝试运行以下代码来实现 HTML5 中的 标签 – 示例 HTML Nav Tag Database Tutorials: DBMS | MongoDB | MySQL | PL/SQL | SQL 以上就是在HTML5中,这个部分只包含导航…

    2025年12月21日
    000
  • 在HTML5中,是”autofocus”还是” autofocus”?

    如 w3.org 所述 – autofocus 属性是一个布尔属性。元素上存在布尔属性表示真值,不存在该属性表示假值。 如果该属性存在,则其值必须是空字符串或与属性规范名称不区分大小写的 ASCII 匹配值,不带前导或尾随空格。 在 HTML 中,将布尔属性与 或 一起使用没有价值观。对…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信