最佳实践:What';s是构造页眉和页脚的最佳方法


Best Practices: What's the Best Way for Constructing Headers and Footers?

构造页眉和页脚的最佳方法是什么?您应该从控制器调用它,还是从视图文件中包含它?我正在使用CodeIgniter,我想知道这方面的最佳实践是什么。从控制器加载所有包含的视图文件,像这样吗?

class Page extends Controller {
   function index()
   {
      $data['page_title'] = 'Your title';
      $this->load->view('header');
      $this->load->view('menu');
      $this->load->view('content', $data);
      $this->load->view('footer');
   }
}

或者调用单个视图文件,并从中调用页眉和页脚视图:

//controller file    
class Page extends Controller {
   function index()
   {
      $data['page_title'] = 'Your title';
      $this->load->view('content', $data);
   }
}
//view file
<?php $this->load->view('header'); ?>
<p>The data from the controller</p>
<?php $this->load->view('footer'); ?>

我看到了这两种方式,但我想在走得太远之前现在就做出选择。

实际上,在我自己研究了很多之后,我得出结论,在MVC中包含页眉和页脚的最佳实践是第三种选择,即扩展基本控制器。这将比文本的建议给你更多的灵活性,特别是如果你正在构建一个非常模块化的布局(不仅仅是页眉和页脚,还有侧边栏面板、非静态菜单等)

首先,定义一个Base_controller类,在其中创建将页面元素(页眉、页脚等)附加到输出字符串的方法:

class Base_controller extends Controller
{
    var $_output = '';
    function _standard_header($data=null)
    {
        if (empty($data))
            $data = ...; // set default data for standard header here
        $this->_output .= $this->load->view('header', $data, true);
    }
    function _admin_header($data=null)
    {
        if (empty($data))
            $data = ...; // set default data for expanded header here
        $this->_output .= $this->load->view('admin_header', $data, true);
    }
    function _standard_page($data)
    {
        $this->_standard_header();
        $this->_output .=
            $this->load->view('standard_content', $data, true);
        echo $this->_output; // note: place the echo statement in a
                             // separate function for added flexibility
    }
    function _page_with_admin_header($data)
    {
        $this->_admin_header($data);
        $this->_output .=
            $this->load->view('standard_content', $data, true);
        echo $this->_output;
    }
}

然后,在页面控制器中,只需扩展基类并调用函数即可构建页面。

class Page_controller extends Base_controller
{
    function index()
    {
        $data = ...; // Set content data here
        $this->_standard_page($data);
    }
    function admin()
    {
        $data = ...; // Set content and header data here
        $this->_page_with_admin_header($data);
    }
}

使用基本控制器,您可以在各个页面控制器中实现非常干净的代码,并为页面上的元素提供单独的视图(允许在视图和控制器中重用代码)。您所需要做的就是将通用页面的"sections"(您可能会称之为"fragments")定义为基本控制器中的函数。

如果基本控制器开始不受控制地增长(这可能发生在大型站点上),您可以将其一些不太通用的函数放在子类中,并让相应的页面控制器扩展这些函数,而不是原来的基本控制器。

享受吧!

您也可以这样尝试——定义一个默认的视图模板,然后根据控制器传递的变量(在我的示例中为"content")引入内容。

在您的控制器中:

$data['content'] = 'your_controller/index';
// more code...
$this->load->vars($data);
$this->load->view('layouts/default');

然后为所有页面定义默认布局,例如views/layouts/default.php

// doctype, header html etc.
<div id="content">
    <?= $this->load->view($content) ?>
</div>
// footer html etc.

然后,您的视图可以只包含纯内容,例如views/your_controller/index.php可能只包含从控制器/数据阵列传递的变量

<?= $archives_table ?>
<?= $pagination ?>
// etc.

有关CI wiki/FFAQ的更多详细信息--(Q.如何在视图中嵌入视图?嵌套模板?…)

我认为做这件事的第一种方式是更干净。只是从将要呈现的知识的角度来看。而不是必须输入视图文件才能找到其余部分。

在其他视图内部调用视图是不好的做法。这可以是控制器视图混合的一种形式。CI中的视图函数允许您传递第三个参数,使其以字符串形式返回该视图的输出。您可以使用它来创建复合视图。

例如:

class Page extends Controller {
   function index() {
      $data['page_title'] = 'Your title';
      
      $this->load->view('default_layout', array(
         'header'  => $this->load->view('header' , array(), true), 
         'menu'    => $this->load->view('menu'   , array(), true), 
         'content' => $this->load->view('content', $data  , true), 
         'footer'  => $this->load->view('footer' , array(), true), 
      ));
   }
}

default_layout.php

<? echo $header, $menu, $content, $footer; ?>

你可能想把页眉和页脚组合起来,做成这样的模板。

class Page extends Controller {
   function index() {
      $data['page_title'] = 'Your title';
      
      $this->load->view('default_template', array(
         'menu'    => $this->load->view('menu'   , array(), true), 
         'content' => $this->load->view('content', $data  , true), 
      ));
   }
}

default_template.php

<html><head></head><body><span>Some Header HTML</span> // this is your header html
<? echo $menu, $content; ?>
<span>some footer HTML</span></body></html>  // this is your footer html