CodeIgniter中的页眉和页脚

时间:2012-03-02 21:24:38

标签: php codeigniter

我真的不喜欢在每个控制器中写作:

    $this->load->view('templates/header');
    $this->load->view('body');
    $this->load->view('templates/footer');

是否可以自动包含页眉和页脚,如果我们需要更改它,我们也可以这样做?你怎么处理那件事呢?或者你认为这不是问题?感谢。

14 个答案:

答案 0 :(得分:99)

这就是我的所作所为:

<?php

/**
 * /application/core/MY_Loader.php
 *
 */
class MY_Loader extends CI_Loader {
    public function template($template_name, $vars = array(), $return = FALSE)
    {
        $content  = $this->view('templates/header', $vars, $return);
        $content .= $this->view($template_name, $vars, $return);
        $content .= $this->view('templates/footer', $vars, $return);

        if ($return)
        {
            return $content;
        }
    }
}

对于CI 3.x:

class MY_Loader extends CI_Loader {
    public function template($template_name, $vars = array(), $return = FALSE)
    {
        if($return):
        $content  = $this->view('templates/header', $vars, $return);
        $content .= $this->view($template_name, $vars, $return);
        $content .= $this->view('templates/footer', $vars, $return);

        return $content;
    else:
        $this->view('templates/header', $vars);
        $this->view($template_name, $vars);
        $this->view('templates/footer', $vars);
    endif;
    }
}

然后,在你的控制器中,这就是你要做的全部:

<?php
$this->load->template('body');

答案 1 :(得分:38)

template.php文件夹中创建名为views的文件。

template.php的内容:

$this->load->view('templates/header');
$this->load->view($v);
$this->load->view('templates/footer');

然后从您的控制器中执行以下操作:

$d['v'] = 'body';
$this->load->view('template', $d);

这实际上是我个人加载所有视图的非常简单的版本。如果你把这个想法发挥到极致,你可以制作一些有趣的模块化布局:

考虑是否创建了一个名为init.php的视图,其中包含单行:

$this->load->view('html');

现在创建包含内容的视图html.php

<!DOCTYPE html>
<html lang="en">
    <? $this->load->view('head'); ?>
    <? $this->load->view('body'); ?>
</html>

现在创建一个包含内容的视图head.php

<head>
<title><?= $title;?></title>
<base href="<?= site_url();?>">
<link rel="shortcut icon" href='favicon.ico'>
<script type='text/javascript'>//Put global scripts here...</script>
<!-- ETC ETC... DO A BUNCH OF OTHER <HEAD> STUFF... -->
</head>

包含内容的body.php视图:

<body>
    <div id="mainWrap">
        <? $this->load->view('header'); ?>
        <? //FINALLY LOAD THE VIEW!!! ?>
        <? $this->load->view($v); ?>
        <? $this->load->view('footer'); ?>
    </div>
</body>

并根据需要创建header.phpfooter.php次观看。

现在,当您从控制器调用init时,所有繁重的工作都已完成,您的视图将被包含在<html><body>标记内,您的页眉和页脚将被加载。

$d['v'] = 'fooview'
$this->load->view('init', $d);

答案 2 :(得分:7)

尝试以下

文件夹结构

-application
 --controller
   ---dashboards.php
 --views
   ---layouts
      ----application.php
   ---dashboards
      ----index.php

控制器

class Dashboards extends CI_Controller
{

   public function __construct()
   {
     parent::__construct();
     $data                = array();
     $data['js']          = 'dashboards.js'
     $data['css']         = 'dashbaord.css'
   }

   public function index()
   { 
     $data                = array();
     $data['yield']       = 'dashboards/index';

     $this->load->view('layouts/application', $data);
   }
}

查看

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8" />
      <title>Some Title</title>
      <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/app.css" />
      <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/<?php echo $css; ?>" />
   </head>
   <body>
     <header></header>
     <section id="container" role="main">
     <?php $this->load->view($yield); ?>
     </section>
     <footer></footer>
     <script src="<php echo base_url(); ?>assets/js/app.js"></script>
     <script src="<php echo base_url(); ?>assets/js/<?php echo $js; ?>"></script>
  </body>
</html>

如果您需要在页眉或页脚中加载不同的js,css或其他内容,请使用__construct函数$this->load->vars

这种方式类似于轨道

答案 3 :(得分:2)

或者更复杂,但让生活更轻松就是在启动时使用更多常量。 因此可以自由定义子类,并使用单个方法来显示视图。 也可以将选定的常量传递给标题中的javascript。

<?php
/*
 * extends codeigniter main controller
 */

class CH_Controller extends CI_Controller {

    protected $viewdata;

public function __construct() {
    parent::__construct();
            //hard code / override and transfer only required constants (for security) server constants
            //such as domain name to client - this is for code porting and no passwords or database details
            //should be used - ajax is for this

    $this->viewdata = array(
                "constants_js" => array(
                    "TOP_DOMAIN"=>TOP_DOMAIN,
                    "C_UROOT" => C_UROOT,
                    "UROOT" => UROOT,
                    "DOMAIN"=> DOMAIN
                )
            );

}

public function show($viewloc) {
            $this->load->view('templates/header', $this->viewdata);
    $this->load->view($viewloc, $this->viewdata);
    $this->load->view('templates/footer', $this->viewdata);
}

//loads custom class objects if not already loaded
public function loadplugin($newclass) {
    if (!class_exists("PL_" . $newclass)) {
        require(CI_PLUGIN . "PL_" . $newclass . ".php");
    }
}

然后简单地说:

$this->show("<path>/views/viewname/whatever_V.php");

将加载标题,视图和页脚。

答案 4 :(得分:1)

您可以使用config.php文件,也可以使用CodeIgniter中的帮助程序。

$config['header_css'] = array('style.css','prettyPhoto.css','nivo-slider.css');
$config['header_js']  = array('core.js','core.js',
                              'jquery-1.4.1.min.js',
                              'jquery-slidedeck.pack.lite.js',
                              'jquery-prettyPhoto.js',
                              'jquery.nivo.slider.js');

来源:https://jamshidhashimi.com/dynamically-add-javascript-and-css-files-in-codeigniter-header-page/

答案 5 :(得分:1)

简单重写@Landons MY_Loader,包括身体的多个文件,e.i。页面独特的侧边栏...

<?php

class MY_Loader extends CI_Loader {
    public function template($template_name, $vars = array(), $return = FALSE)
    {
        $content  = $this->view('frontend/templates/header', $vars, $return);

        if(is_array($template_name)) { //return all values in contents

            foreach($template_name as $file_to_load) { 
                  $content .= $this->view('frontend/'.$file_to_load, $vars, $return);
            }
        }
        else {             
            $content .= $this->view('frontend/'.$template_name, $vars, $return);
        }

        $content .= $this->view('frontend/templates/footer', $vars, $return);

        if ($return)
        {
            return $content;
        }
    }
}

这两种方式都有效......

将一个文件包含在模板中:

$data['moo'] = 'my data'];
$this->load->template('home', $data);

将多个文件包含在模板中:

$data['catalog'] = 'catalog load 1';
$data['sidebar'] = 'sidebar load 2';           
$load = array('catalog/catalog', 'catalog/sidebar');        
$this->load->template($load, $data);

答案 6 :(得分:1)

CodeIgniter-Assets很容易配置存储库以使用CodeIgniter自定义页眉和页脚我希望这可以解决您的问题。

答案 7 :(得分:1)

通过添加名为&#39; MY_Loader.php&#39;的文件来重新定义CI_Loader :: view函数。在您的应用程序/核心文件夹中并添加以下内容

/**
* /application/core/MY_Loader.php
*/

class MY_Loader extends CI_Loader 
{  
        public function view($view, $vars = array(), $return = FALSE, $include_template=TRUE)
        {
            $header='';
            $footer='';

            if($include_template)
            {
                    $header=parent::view('templates/header',$vars,$return);
            }

            $content=parent::view($view, $vars,$return);

            if($include_template)
            {
                    $footer=parent::view('templates/footer',$vars,$return);
            }

            if($return)
                    return "$header$content$footer";

            return $this;
        }
}

答案 8 :(得分:1)

我尝试了本页提出的几乎所有答案以及许多其他内容。我最终在所有网站上保留的最佳选择是以下架构:

单个视图

我在浏览器中仅显示一个视图。这是我的主要视图(/views/page.php):

<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <?= $header ?? '' ?>
    </head>
    <body>
        <div style="width:1200px">
                <?= $content ?? '' ?>
        </div> 
    </body>
</html>

控制器处理多个视图

当然,我有几个视图,但是它们被串联起来以构建$header$content变量。这是我的控制器:

$data['header'] = $this->load->view('templates/google-analytics', '', TRUE)
                 .$this->load->view('templates/javascript', '', TRUE)
                 .$this->load->view('templates/css', '', TRUE);


$data['content'] = $this->load->view('templates/navbar', '', TRUE)
                  .$this->load->view('templates/alert', $myData, TRUE)
                  .$this->load->view('home/index', $myData, TRUE)
                  .$this->load->view('home/footer', '', TRUE)
                  .$this->load->view('templates/modal-login', '', TRUE);

$this->load->view('templates/page', $data);
  • 看看源代码多么美丽和清晰。
  • 您不再在一个视图中打开HTML标记,而在另一个视图中关闭了HTML标记。
  • 每个视图现在专用于一个和仅一个内容。
  • 查看视图如何串联:method chaining pattern,或者我们应该说: concatenated 链接模式!
  • 您可以添加可选部分(例如,正文末尾的第三个$javascript变量)
  • 我经常使用专用于我的应用程序的额外参数将CI_Controller扩展为重载$this->load->view,以保持控制器整洁。
  • 如果您总是在多个页面上加载相同的视图(这最终是问题的答案),则根据您的需要提供两个选项:
    • 在视图中加载视图
    • 扩展CI_Controller或CI_Loader

我为这种体系结构感到骄傲...

答案 9 :(得分:0)

这是我处理我的方式。我在views文件夹中创建了一个名为template.php的文件。此文件包含我的所有主站点布局。然后从这个模板文件中调用我的其他视图。这是一个例子:

<!doctype html>
<html lang="en">
<head>
  <meta charset=utf-8">
  <title><?php echo $title; ?></title>
    <link href="<?php echo base_url() ;?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url() ;?>assets/css/main.css" rel="stylesheet" type="text/css" />
<noscript>
Javascript is not enabled! Please turn on Javascript to use this site.
</noscript>

<script type="text/javascript">
//<![CDATA[
base_url = '<?php echo base_url();?>';
//]]>
</script>

</head>
<body>

<div id="wrapper">
    <div id="container">
        <div id="top">
            <?php $this->load->view('top');?>
        </div>

        <div id="main">
            <?php $this->load->view($main);?>
        </div>

        <div id="footer"> 
            <?php $this->load->view('bottom');?>
        </div>
    </div><!-- end container -->
</div><!-- end wrapper -->

<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.8.2.min.js" ></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>

</body>
</html>

从我的控制器中,我将视图的名称传递给$ data ['main']。所以我会做这样的事情:

class Main extends CI_Controller {

    public function index()
    {
        $data['main'] = 'main_view';
          $data['title'] = 'Site Title';
          $this->load->vars($data);
          $this->load->view('template', $data);
    }
}

答案 10 :(得分:0)

我遇到了这个问题,我希望控制器以“感谢那个表单”和通用“未找到等”等消息结束。 我在views-&gt; message-&gt; message_v.php

下执行此操作
<?php
    $title = "Message";
    $this->load->view('templates/message_header', array("title" => $title));
?>
<h1>Message</h1>
<?php echo $msg_text; ?>
<h2>Thanks</h2>
<?php $this->load->view('templates/message_footer'); ?>

允许我在任何调用

的东西的单个文件中更改站点范围内的消息呈现
$this->load->view("message/message_v", $data);

答案 11 :(得分:0)

这个问题已经得到了妥善回答,但我想补充一下我的方法,与其他人提到的方法没有什么不同。

我使用不同的布局页面来调用不同的页眉/页脚,有些人称之为布局,有些人称之为模板等。

  1. 编辑core/Loader.php并添加您自己的功能来加载您的布局,我调用了函数,例如layout

  2. 创建您自己的模板页面并为其调用header/footer,我将其称为default.php并放入新目录,例如view/layout/default.php

  3. 像往常一样从控制器中调用您自己的视图页面。但是,布局功能不会调用$this-load->view使用$this->load->layout,而是调用default.php,而default.php会调用您的页眉和页脚。

  4. <强> 1)core/Loader.php下的view()函数下,我复制了它并添加了我的

       public function layout($view, $vars = array(), $return = FALSE)
       {
           $vars["display_page"] = $view;//will be called from the layout page
           $layout               = isset($vars["layout"]) ? $vars["layout"] : "default";
           return $this->_ci_load(array('_ci_view' => "layouts/$layout", '_ci_vars' =>  $this->_ci_object_to_array($vars), '_ci_return' => $return));
       }
    

    2)创建布局文件夹并在view/layout/default.php

    中输入default.php
       $this->load->view('parts/header');//or wherever your header is
       $this->load->view($display_page);
       $this->load->view('parts/footer');or wherever your footer is
    

    3)从您的控制器中调用您的布局

     $this->load->layout('projects');// will use 'view/layout/default.php' layout which in return will call header and footer as well. 
    

    要使用其他布局,请在$data数组

    中包含新的布局名称
     $data["layout"] = "full_width";
     $this->load->layout('projects', $data);// will use full_width.php layout
    

    当然,您必须在布局目录中使用新布局,如下所示:

    view/layout/full_width.php 
    

答案 12 :(得分:0)

使用此助手进行动态模板加载

//  get  Template 
    function get_template($template_name, $vars = array(), $return = FALSE) {
        $CI = & get_instance();

        $content = "";
        $last = $CI - > uri - > total_segments();

        if ($CI - > uri - > segment($last) != 'tab') {
            $content = $CI - > load - > view('Header', $vars, $return);
            $content. = $CI - > load - > view('Sidebar', $vars, $return);
        }

        $content. = $CI - > load - > view($template_name, $vars, $return);

        if ($CI - > uri - > segment($last) != 'tab') {
            $content. = $CI - > load - > view('Footer', $vars, $return);
        }

        if ($return) {
            return $content;
        }
    }

答案 13 :(得分:0)

我已经做到了这一点,希望能帮助所有人在应用程序/核心中创建my_controller 然后将其中的代码更改为文件名

    <?php
defined('BASEPATH') OR exit('No direct script access allowed');
// this is page helper to load pages daunamically
class MY_Controller extends CI_Controller {

 function loadPage($user,$data,$page='home'){

  switch($user){

   case 'user':
   $this->load->view('Temp/head',$data);
   $this->load->view('Temp/us_sidebar',$data);
   $this->load->view('Users/'.$page,$data);
   $this->load->view('Temp/footer',$data);
   break;

   case 'admin':
   $this->load->view('Temp/head',$data);
   $this->load->view('Temp/ad_sidebar',$data);
   $this->load->view('Admin/'.$page,$data);
   $this->load->view('Temp/footer',$data);
   break;

   case 'visitor';
    $this->load->view('Temp/head',$data);
   $this->load->view($page);
   $this->load->view('Temp/footer',$data);
   break;

   default:
   echo 'wrong argument';
   die();
       }//end switch

   }//end function loadPage
}

在您的控制器中 使用此

class yourControllerName extends MY_Controller

注意:关于控制器前缀的名称,您必须确定config.php文件上的前缀 我希望能对任何人提供帮助