zoukankan      html  css  js  c++  java
  • Thinkphp5.0 的视图view的模板布局

    Thinkphp5.0 的视图view的模板布局


    使用include,文件包含:

    <!-- 头部 -->
    <div class="header">
        {include file="common/header" /}
    </div>

    模板继承:

    commonase.html:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{block name="title"}默认标题{/block}</title>
    </head>
    <body>
        {block name="body"}
            
        {/block}
    </body>
    </html>

    index.html:

    {extend name="common/base" /}
    
    {block name="title"}
        index页面title
    {/block}
    
    {block name="body"}
        <h1>index页面body</h1>
    {/block}

    如果需要在继承的模板中显示父级的内容:

    父级:
        {block name="footer"}
            默认footer
        {/block}
    
    子级:
        {block name="footer"}
            {__block__}
            index
        {/block}

    子级就会显示:

    默认footer
    index

    layout布局:

    (1)开启配置文件的layout_on => true。

    (2)在view目录下新建layout.html文件:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{$title}</title>
    </head>
    <body>
       {__CONTENT__}
    </body>
    </html>

    可以使用include,不能使用block。

    (3)其他页面会自动使用这个页面,只替换{__CONTENT__}位置的内容。


  • 相关阅读:
    sklearn linear_model,svm,tree,naive bayes,ensemble
    便利过滤
    js下载
    小程序修改radio的大小
    el-tree 问题与需求
    jsp页面用html引入vue.js注意问题
    WebPack
    yarn
    vue-cli 4以上 vue.config.js
    Cannot find module 'core-js/modules/es6.regexp.constructor'
  • 原文地址:https://www.cnblogs.com/gyfluck/p/9413882.html
Copyright © 2011-2022 走看看