OpenCart 2.x

Question

我想知道如何在opencart中创建自定义管理面板页面。

需要使用控制器登录 - 管理面板似乎不使用与普通站点相同的控制器。我知道how to make custom pages with opencart（但这不适用于管理员）

一个简单的Hello World示例很棒

Answer 1

OpenCart 2.x

OpenCart 2中的路径名已更改 - 您需要创建

admin/controller/extension/module/hello.php admin/language/en-gb/extension/module/hello.php admin/view/template/extension/module/hello.tpl 然后路线变为

admin/index.php?route=extension/module/hello

OpenCart 1.x

包括完整的MVC流程。

我发现了如何做到这一点。 OpenCart使用MVC模式。我建议阅读关于学习系统如何运作的How to be an OpenCart Guru?帖子 - 这个管理工作流程也应该足以满足客户的需求。

1）在admin/controller/custom/helloworld.php

中创建一个新文件

您的文件名和控制器名称应按顺序排列：

<强> helloworld.php

<?

class ControllerCustomHelloWorld extends Controller{ 
    public function index(){
                // VARS
                $template="custom/hello.tpl"; // .tpl location and file
        $this->load->model('custom/hello');
        $this->template = ''.$template.'';
        $this->children = array(
            'common/header',
            'common/footer'
        );      
        $this->response->setOutput($this->render());
    }
}
?>

2）在admin/view/template/custom/hello.tpl

中创建一个新文件

<强> Hello.tpl

<?php echo $header; ?>
<div id="content">
<h1>HelloWorld</h1>
<?php
echo 'I can also run PHP too!'; 
?>
</div> 
<?php echo $footer; ?>

3）在admin/model/custom/hello.php

中创建一个新文件

<?php
class ModelCustomHello extends Model {
    public function HellWorld() {
        $sql = "SELECT x FROM `" . DB_PREFIX . "y`)"; 
        $implode = array();
        $query = $this->db->query($sql);
        return $query->row['total'];    
    }       
}
?>

4）然后，您需要启用该插件以避免权限被拒绝错误：

Opencart > Admin > Users > User Groups > Admin > Edit

选择并启用访问权限。

要访问您的信息页，请转到

<强> www.yoursite.com/opencart/admin/index.php?route=custom/helloworld

Answer 2

OpenCart 3.x

我们可以使用与OC 1和2中相同的MVC + L结构。这是详细的示例。习惯上称之为自定义页面。

使用路径/admin/model/custom/page.php

创建模型

<?php
class ModelCustomPage extends Model {
    
    public function getTotalInformationsOnCustomPage() {
        $query = $this->db->query("SELECT COUNT(*) AS total FROM " . DB_PREFIX . "information");
        return $query->row['total'];
    }

}

您的文件路径和型号名称应该相同。 model/custom/page.php成为ModelCustomPage。

在这里您可以看到方法public function getTotalInformationsOnCustomPage()，例如，它是从信息模型中获取的。可选。

使用路径/admin/controller/custom/page.php

创建控制器

<?php
class ControllerCustomPage extends Controller {
    public function index() {
        
        $this->load->language('custom/page'); // calling Custom Page language

        $this->document->setTitle($this->language->get('heading_title')); // set title from Custom Page language

        $this->load->model('custom/page'); // calling Custom Page model
        
        $data['information_total'] = $this->model_custom_page->getTotalInformationsOnCustomPage(); // calling model method 
        
        // breadcrumbs
        $data['breadcrumbs'] = array();

        $data['breadcrumbs'][] = array(
            'text' => $this->language->get('text_home'),
            'href' => $this->url->link('common/dashboard', 'user_token=' . $this->session->data['user_token'], true)
        );

        $data['breadcrumbs'][] = array(
            'text' => $this->language->get('heading_title'),
            'href' => $this->url->link('custom/page', 'user_token=' . $this->session->data['user_token'], true)
        );
        
        // calling header, footer and column_left for our template to render properly
        $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('custom/page', $data)); // send our $data array to view
    }
}

这是设置美观的管理页面的最小设置，具有所有默认菜单和面包屑。

与模型中一样，您的文件路径和控制器名称应相同。 controller/custom/page.php成为ControllerCustomPage。

使用路径/admin/language/en-gb/custom/page.php

创建语言

<?php
// Heading
$_['heading_title']           = 'Custom Page';

// Text
$_['text_custom_block']       = 'Custom Block';
$_['text_total_informations'] = 'Total informations:';

使用路径/admin/view/template/custom/page.twig

创建视图

{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <h1>{{ heading_title }}</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
        <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <div class="container-fluid">    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-thumbs-up"></i> {{ text_custom_block }}</h3>
      </div>
      <div class="panel-body">{{ text_total_informations }} {{ information_total }}</div>
    </div>
  </div>
</div>
{{ footer }}

在此示例中，我使用了该系统固有的标准块结构。您可以使用任何所需的HTML。如您所见，为标准管理员导航支持添加了{{ header }}，{{ column_left }}，{{ footer }}。

使用.twig文件不要忘记clear twig cache来查看更改。

所有这些操作之后，请不要忘记为新应用程序设置权限。在管理面板中，转到系统>用户>用户组，编辑管理员组（或/和其他所需的组）。在编辑页面集上，在访问权限和修改权限块中找到custom/page，并将其标记为选中状态。保存。

现在可以通过URL yoursite.com/admin/index.php?route=custom/page&user_token=XXXXXX

访问新应用程序

此时，您可能希望将自定义页面添加到管理面板的左侧菜单。您可以通过编辑核心文件或更好地通过OCMOD文件来实现。

创建custom_page.ocmod.xml

<?xml version="1.0" encoding="utf-8"?>
<modification>
  <name>Custom Page OCMOD</name>
  <code>custom-page</code>
  <version>1.0</version>
  <author>Me</author>
  <link>http://mywebsite.com</link>

  <file path="admin/controller/common/column_left.php">
    <operation>
      <search><![CDATA[// Stats]]></search>
      <add position="before"><![CDATA[
      $data['menus'][] = array(
        'id'       => 'menu-custom',
        'icon'     => 'fa-thumbs-up', 
        'name'     => $this->language->get('text_custom'),
        'href'     => $this->url->link('custom/page', 'user_token=' . $this->session->data['user_token'], true)
      );
      ]]></add>
    </operation>
  </file>  
  
  <file path="admin/language/en-gb/common/column_left.php">
    <operation>
      <search><![CDATA[// Text]]></search>
      <add position="after"><![CDATA[
        $_['text_custom']                  = 'Custom Page';
      ]]></add>
    </operation>
  </file>  

</modification>

在扩展程序>安装程序

中安装文件

然后转到扩展程序>扩展程序和clear OCMOD cache。

在此OCMOD文件中，我们仅修改了2个OpenCart核心文件，而没有直接对其进行编辑。现在，您将在左侧管理菜单的“自定义页面”上看到一个链接。

您可以阅读有关OCMOD的更多信息 Opencart Modification System Related Questions 和 OpenCart OCMOD and VQMOD Modification Systems

如何在opencart中创建自定义管理页面？

2 个答案:

OpenCart 2.x

OpenCart 1.x

OpenCart 3.x