如何使用基本设计风格创建母版页(布局)

IFr*_*izy 8 codeigniter

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

UX *_*abs 16

假设你有一个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>
Run Code Online (Sandbox Code Playgroud)

你可以把它分成1-标题2-菜单3-主要内容4脚

你基本上放了

<html>
    <head>
        <title> Hello World </title>
    </head>
    <body>
Run Code Online (Sandbox Code Playgroud)

在一个名为"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">
Run Code Online (Sandbox Code Playgroud)

在一个名为"view_menu"的视图中,然后你放

        </div>

        <div id="footer">
            Copy Right 2013 Hello World
        </div>
    </body>
</html> 
Run Code Online (Sandbox Code Playgroud)

在一个名为"view_footer"的视图中然后在你的控制器中

$this->load->view('view_header');
$this->load->view('view_menu');
$this->load->view('YOUR_VIEW');
$this->load->view('view_footer');
Run Code Online (Sandbox Code Playgroud)

另一个解决方案,我看到更好:创建一个名为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>
Run Code Online (Sandbox Code Playgroud)

在控制器中,假设您要调用名为About的视图

$data = array('content'=>'about');
$this->load->view('view_template',$data);
Run Code Online (Sandbox Code Playgroud)

  • 我希望CI能够在未来得到发展和良好的维护! (4认同)