9

我是 CodeIgniter 的新手。我想创建包含菜单、页脚等基本样式的母版页或布局。我不想在所有页面中编写重复内容并为所有页面自动加载。例如，我可以在 asp.net 中创建母版页或在 asp.net mvc 中创建布局。我确信我可以在 CodeIgniter 中做到这一点。

4

4 回答 4

17

假设您有一个 html 页面

<html>
    <head>
        <title> Hello World </title>
    </head>
    <body>
        <div id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </div>

        <div id="main-content">
            <!-- this is the dynamic part -->
        </div>

        <div id="footer">
            Copy Right 2013 Hello World
        </div>
    </body>
</html>

您可以将其拆分为 1- 页眉 2- 菜单 3- 主要内容 4- 页脚

你基本上把

<html>
    <head>
        <title> Hello World </title>
    </head>
    <body>

在一个名为“view_header”的视图中，然后你把

        <div id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </div>
        <div id="main-content">

在一个名为“view_menu”的视图中，然后你把 

        </div>

        <div id="footer">
            Copy Right 2013 Hello World
        </div>
    </body>
</html>

在名为“view_footer”的视图中，然后在您的控制器中

$this->load->view('view_header');
$this->load->view('view_menu');
$this->load->view('YOUR_VIEW');
$this->load->view('view_footer');

我看到的另一个解决方案更好：创建一个名为 view_template.php 的视图

<html>
    <head>
        <title> Hello World </title>
    </head>
    <body>
        <div id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </div>

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

        <div id="footer">
            Copy Right 2013 Hello World
        </div>
    </body>
</html>

在控制器中假设您要调用一个名为 About

$data = array('content'=>'about');
$this->load->view('view_template',$data);
于 2013-11-14T13:11:09.217 回答
3

动态布局

您将创建一个带有公共 $template 变量的新控制器您的扩展控制器将从主控制器继承 $template 变量。

MY_控制器

class MY_Controller extends CI_Controller
{
    public $template=null;

    public function __construct()
    {
        if(is_null($this->template)){
            $this->template = 'layouts/default';
        }   
    }
}

管理员控制器

class Admin_Controller extends MY_Controller
{
    public function __construct()
    {
        //Still inherits from MY_Controller
        //this time, any controller extending Admin_Controller
        //will point to 'views/layouts/admin'

        if(is_null($this->template)){
            $this->template = 'layouts/admin';
        }   
    }
}

-

class User extends MY_Controller
{
    public function index()
    {
        //$this->template is inherited 
        //from MY_Controller
        //which point to 'views/layouts/default'

        //We can also load a view as data
        //ie no master layout, INTO our master layout
        //note we don't pass $this->template
        //and set the third param as true
        $dynamic_sidebar = $this->load->view('views/sidebar/dynamic', array(
            'data'  =>  'some_data'
        ), true);

        return $this->load->view($this->template, array(
            'partial'   =>  'users/index' //partial view,
            'dynamic_sidebar'   =>  $dynamic_sidebar
        ));
    }
}

视图/布局/默认

<body>

    //load the main view
    //in our example we have also loaded
    //a dynamic sidebar with this view
    <?php $this->load->view($partial); ?>
    <?php $this->load->view($dynamic_sidebar); ?>

    //load a static view
    //views/sidebar/static
    <?php $this->load->view('sidebar/static'); ?>

</body>
于 2013-11-14T14:45:13.773 回答
2

按照Laravel中母版页的想法，我们可以这样做：

控制器代码

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

查看“show.php”

设置母版页的值，然后将变量传递给母版页。将母版页代码保存在ob_start()和ob_get_clean()中。

<?php $page_title = "My first page"; ?>


<?php ob_start(); ?>
Your header stylesheet links and scripts
<?php $page_header = ob_get_clean(); ?>


<?php ob_start(); ?>
<div>
    <h1>This is a Header</h1>

    <?php $this->load->view('Partials/list'); ?>
</div>
<?php $page_content = ob_get_clean(); ?>


<?php ob_start(); ?>
Your footer html or scripts
<?php $page_footer = ob_get_clean(); ?>


<?php $this->load->view('Layout/app',array(
    'page_title' => $page_title,
    'page_header' => $page_header,
    'page_content' => $page_content,
    'page_footer' => $page_footer
)); ?>

局部视图“Partials/list.php”

如果您不希望代码拥挤。您可以创建一些局部视图以保持简单。

<ul>
    <li>LIst item 1</li>
    <li>LIst item 2</li>
    <li>LIst item 3</li>
</ul>

母版页“布局/app.php”

<html>
  <head>
    <title><?= v($page_title) ?></title>
    <?= v($page_header) ?>
  </head>
  <body>
    <?= v($page_content) ?>


    <?= v($page_footer) ?>
  </body>
</html>

<?php
function v(&$var)
{
    return isset($var) ? $var : '';
}

所以这将生成代码：

<html>
    <head>
        <title>My first page</title>
        Your header stylesheet links and scripts
    </head>
    <body>

    <div>
        <h1>This is a Header</h1>

        <ul>
            <li>LIst item 1</li>
            <li>LIst item 2</li>
            <li>LIst item 3</li>
        </ul>
    </div>


    Your footer html or scripts
  </body>
</html>
于 2016-04-06T06:04:00.067 回答
0

我们可能要做的是为页眉、菜单、页脚等单独的视图文件。这对所有页面都是通用的。并将它们包含在每个视图中。喜欢

$this->view('header');
$this->view('menu');
//Some specific content
$this->view('footer');

如果您需要相同的功能而不将上述内容复制到所有视图，则需要在控制器中创建一个函数，如下所示：

private function myviewfunction($current_view) 
{
    $this->load->view('header');
    $this->load->view('menu');
    $this->load->view($current_view);
    $this->load->view('footer');
    return NULL;
}

并在您的所有页面（方法）中调用此函数

$this->myviewfunction('about'); //About is the specific view for the method
于 2013-11-14T12:05:54.340 回答