• 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" /)

     

  • 相关阅读:
    C复习-预处理器：define+条件编译+文件包含
    java计算机毕业设计互联网校园家教兼职平台源码+mysql数据库+系统+lw文档+部署
    算法--背包问题 -
    Python经典练习题（二）
    RabbitMQ入门
    计算机毕业设计Java大学生科技创新项目管理系统(源码+系统+mysql数据库+lw文档)
    OpenCV实战（4）——像素操作
    java —— 打印流
    Nginx 配置指定时间段不提供服务访问 —— 筑梦之路
    使用django+python开发的学生档案信息管理系统Vue源码
  • 原文地址：https://blog.csdn.net/qq_32450471/article/details/134514179