layout布局 编辑

前面讲了,include 用法,公共的东西只写一次,然后其他页面都include。

现在还有个更懒的方法,其他页面不用写include,也能添加公共的头部和底部。

1、写个公共的layout.html文件

app/home/view/public/layout.html

内容如下:

<html>
    <head>
        <script src='...js'></script>
        <link href='...css'/>
    </head>
    <body>
        <!-- 下面这个是重点  -->
        {__LAYOUT__}
    </body>
</html>

2、现在有个文档页 app/home/view/index/docs.html 页面内容如下

我是文档内容页
{$content}

3、需要编写配置文件  app/config.php

<?php
return array(
    'db_host' => 'localhost',
    'dp_pass' => 'nicaiwocai',
    
    // 下面这个才是重点
    'layout' => 'public:layout',
);

使用了 layout配置之后:

步骤2 的 app/home/view/index/docs.html 内容 会替换到

步骤1 的 app/home/view/public/layout.html 的 {__LAYOUT__}

最终展示的结果为,步骤2 的页面app/home/view/index/docs.html :

<html>
    <head>
        <script src='...js'></script>
        <link href='...css'/>
    </head>
    <body>
        <!-- 下面这个是重点  -->
        我是文档内容页
        {$content}
    </body>
</html>

以上替换完成,以后所有页面不用关心头部和底部,只需写自己内容,自动会加上头部和顶部。

关键就是配置文件 app/config.php 指定了 'layout'