zoukankan      html  css  js  c++  java
  • ThinkPHP模版布局方式

    1  常用布局方法

    • 使用前置和后置方法,达到网页分层布局
    • 使用多次display来达到网页分层布局
    • include
    • LAYOUT
    • 模板继承

    2  模版文件引入(包含文件)

    可以使用Include标签来包含外部的模板文件,使用方法如下: include标签(包含外部模板文件)

    闭合   闭合标签

    属性   file(必须):要包含的模板文件,支持变量

    示例:

    1、 使用完整文件名包含

    格式:<include file="完整模板文件名" />

    例如:

    <include file="./Tpl/default/Public/header.html" />
    

     这种情况下,模板文件名必须包含后缀。使用完整文件名包含的时候,特别要注意文件包含指的是服务器端包含,而不是包含一个URL地址,也就是说file参数的写法是服务器端的路径,如果使用相对路径的话,是基于项目的入口文件位置。

    2、包含当前模块的其他操作模板文件

    格式:<include file="操作名" />

    例如 导入当前模块下面的read操作模版:

    <include file="read" />
    

     操作模板无需带后缀。

    3、 包含其他模块的操作模板

    格式:<include file="模块名:操作名" />

    例如,包含Public模块的header操作模版:

    <include file="Public:header" />
    

     4、包含其他模板主题的模块操作模板

    格式:<include file="主题名:模块名:操作名" />

    例如,包含blue主题的User模块的read操作模版:

    <include file="blue:User:read" />
    

     5、 用变量控制要导入的模版

    格式:<include file="$变量名" />

    例如

    <include file="$tplName" />
    

     给$tplName赋不同的值就可以包含不同的模板文件,变量的值的用法和上面的用法相同。无论你使用什么方式包含外部模板,Include标签支持在包含文件的同时传入参数,例如,下面的例子我们在包含header模板的时候传入了title和keywords变量:

    <include file="header" title="ThinkPHP框架"keywords="开源WEB开发框架"/>

    就可以在包含的header.html文件里面使用var1和var2变量,方法

        <htmlxmlns="http://www.w3.org/1999/xhtml">
        <head>
        <title>[title]</title>
        <metaname="keywords"content="[keywords]"/>
        </head>
    

     注意:由于模板解析的特点,从入口模板开始解析,如果外部模板有所更改,模板引擎并不会重新编译模板,除非在调试模式下或者缓存已经过期。如果部署模式下修改了包含的外部模板文件后,需要把模块的缓存目录清空,否则无法生效。3.1版本开始,include标签支持导入多个模板,用逗号分割即可,例如:

    <include file='file1,file2' />
    

     3.1  模版布局

    新版模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能。有两种布局模板的支持方式:

    第一种方式是 以布局模板为入口的方式

    该方式需要配置开启LAYOUT_ON 参数(默认不开启),并且设置布局入口文件名LAYOUT_NAME(默认为layout)。

    开启LAYOUT_ON后,我们的模板渲染流程就有所变化,例如:

    Class UserAction extends Action {
        Public function add() {
        $this->display('add');
        }
    }
    

    在不开启LAYOUT_ON布局模板之前,会直接渲染Tpl/User/add.html 模板文件,开启之后,首先会渲染Tpl/layout.html 模板,布局模板的写法和其他模板的写法类似,本身也可以支持所有的模板标签以及包含文件,区别在于有一个特定的输出替换变量{__CONTENT__},例如,下面是一个典型的layout.html模板的写法:

    {__CONTENT__}
    

     读取layout模板之后,会再解析User/add.html 模板文件,并把解析后的内容替换到layout布局模板文件的{__CONTENT__} 特定字符串。

    采用这种布局方式的情况下,一旦User/add.html 模板文件或者layout.html布局模板文件发生修改,都会导致模板重新编译。

    如果项目需要使用不同的布局模板,可以动态的配置LAYOUT_NAME参数实现。

    如果某些页面不需要使用布局模板功能,可以在模板文件开头加上 {__NOLAYOUT__} 字符串。

    如果上面的User/add.html 模板文件里面包含有{__NOLAYOUT__},则即使当前开启布局模板,也不会进行布局模板解析。

    第二种方式是以当前输出模板为入口的方式

    以前面的输出模板为例,这种方式的入口还是在User/add.html 模板,但是我们可以修改下add模板文件的内容,在头部增加下面的布局标签:

    <layout name="layout" />
    

     如果读取到layout标签,则会把当前模板的解析内容替换到layout布局模板的{__CONTENT__} 特定字符串。

    如果需要使用其他的布局模板,可以改变layout的name属性,例如:

    <layout name="new_layout" />
    

     由于所有include标签引入的文件都支持layout标签,所以,我们可以借助layout标签和include标签相结合的方式实现布局模板的嵌套。例如,上面的例子

    <include file="Public:header" />
    
    <div id="main" class="main" >
    
    {__CONTENT__}
    
    </div>
    
    <include file="Public:bottom" />
    

    在引入的header和footer模板文件中也可以添加layout标签,例如header模板文件的开头添加如下标签:

        <layoutname="menu"/>
    

     这样就实现了在头部模板中引用了menu布局模板。
    也可以采用两种布局方式的结合,可以实现更加复杂的模板布局以及嵌套功能。

  • 相关阅读:
    Magisk+Xposed+Root switch+Pokémon GO
    [数据库连接池] Java数据库连接池--DBCP浅析.
    [C#反射]C#中的反射解析及使用.
    [Java工具]Java常用在线工具集合.
    [Java拾遗五]使用Session防止表单重复提交
    [Java拾遗四]JavaWeb基础之Servlet_Request&&Response
    [Java拾遗三]JavaWeb基础之Servlet
    [Java拾遗二]Tomact及Http 部分总结.
    [Java拾遗一] XML的书写规范与解析.
    [数据库操作]Java中的JDBC的使用方法.
  • 原文地址:https://www.cnblogs.com/Hebe/p/3033752.html
Copyright © 2011-2022 走看看