• thinkphp中区块block和模板继承extend用法举例,和公共头部

    1. 	<div class="footer">
    2. 		<h1>这是底部h1>
    3. 	div>
    4. html>
    1.介绍

    模板继承就好比类的继承一样，模板也可以定义一个基础模板（或者是布局），并且其中定义相关的区块（block），然后继承（extend）该基础模板的子模板中就可以对基础模板中定义的区块进行重载。

    2.定义模板页面base.html(剩下的页面都可以继承这个页面)：

    1. html>
    2. <html>
    3. <head>
    4.    <meta charset="UTF-8">
    5.    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    6.    {block name="title"}{/block}
    7.  　　
    8.    <link rel="stylesheet" href="/static/admin/css/layui.css" rel="external nofollow"  media="all"/>
    9.    {block name="css"}{/block}
    10. head>
    11. <body class="childrenBody">
    12. {block name="main"}{/block}
    14. <script src="/static/admin/js/jquery-1.11.0.js">script>
    15. <script type="text/javascript" src="/static/admin/js/layui.js">script>
    16. {block name="script"}{/block}
    17. body>
    18. html>
    3.其他页面可以直接继承base.html
    1. {extend name="public/base"/}
    2. {block name="title"}
    3. 　　
    4. 　　<title>标题title>
    5. {/block}
    6. {block name="css"}
    7.  
    8.     <link src="/css/main.css">
    9. {/block}
    10.  
    11. {block name="main"}
    13.     <div> 内容  div>
    14. {/block}
    15.  
    16. {block name="script"}
    18. <script src="/main.js" />
    19. script>
    20. {/block}

     

    4.ThinkPHP模板文件可以通过以下代码引入公共的头部和底部
     头部文件公共部分放在header.html文件中：
    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="utf-8">
    5.     <title>大象后台管理系统title>
    6.     <meta name="keywords" content="大象后台管理系统">
    7.     <meta name="description" content="大象后台管理系统">
    8.     <meta name="renderer" content="webkit">
    9.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    10.     <meta http-equiv="Access-Control-Allow-Origin" content="*">
    11.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    12.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
    13.     <meta name="apple-mobile-web-app-capable" content="yes">
    14.     <meta name="format-detection" content="telephone=no">
    15.     
    16.     <link rel="stylesheet" href="__ADMIN__/lib/layui-v2.6.3/css/layui.css" media="all">
    17.     media="all">
    18.  
    19.     {block name="css"}{/block}
    20.     
    21.     
    22.     <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js">script>
    23.     <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js">script>
    24.     
    25.     <style id="layuimini-bg-color">
    26.     style>
    27. head>

     

    1. 	<div class="footer">
    2. 		<h1>这是底部h1>
    3. 	div>
    4.  
    5. html>
    5. 在其他模板文件中，使用以下代码引入头部和底部：
    1.     (include file="layout/header" /)
    3.     (include file="layout/footer" /)

     

  • 相关阅读:
    nginx测试配置文件的问题
    Codeforces Round #835 (Div. 4) A. Medium Number
    redis的高可用
    IDEA 使用技巧(快速生成list)
    笙默考试管理系统-MyExamTest----codemirror（29）
    Go语言实践模式 - 函数选项模式(Functional Options Pattern)
    fastapi_No.14_中间件
    Spring Authorization Server 0.3.0 发布，官方文档正式上线
    06 【nodejs内置模块（中）】
    MAX插件CGMAGIC一键解决效果图在软包硬包上费时费力操作！
  • 原文地址：https://blog.csdn.net/qq_32450471/article/details/134514179