33

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

需要使用控制器登录 - 管理面板似乎没有使用与普通站点相同的控制器。我知道如何使用 opencart 制作自定义页面(但这不适用于管理员)

一个简单的 Hello World 示例会很棒

4

2 回答 2

64

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 模式。我推荐阅读如何成为 OpenCart 大师?发布有关了解系统如何工作的帖子 - 此管理工作流程也应该足以满足客户端的需求。

1)在其中创建一个新文件admin/controller/custom/helloworld.php

您的文件名和控制器名称应按 desc 顺序相同:

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

你好.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

于 2012-05-22T11:47:29.433 回答
3

OpenCart 3.x

我们可以使用与 OC 1 和 2 中相同的 MVC+L 结构。这里是详细示例。Lats 称之为Custom Page


使用路径创建模型/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.

在这里你可以看到 method 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文件不要忘记清除树枝缓存以查看更改。


在所有这些操作之后,不要忘记为您的新应用程序设置权限。在管理面板中,转到System > Users > User groups,编辑管理员组(或/和您想要的任何其他组)。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>

Extensions > Installer中安装文件

比去Extensions > Extensions清除 OCMOD cache

在这个 OCMOD 文件中,我们只是修改了 2 个 OpenCart 核心文件,没有直接编辑它们。现在您将在左侧管理菜单的自定义页面上看到一个链接。

有关 OCMOD 的更多信息,您可以在 OpenCart 修改系统相关问题OpenCart OCMOD 和 VQMOD 修改系统中阅读

于 2020-08-26T16:59:33.083 回答