zoukankan      html  css  js  c++  java
  • ThinkPHP 代码重用

    母模板样式

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 
     4 <head>
     5 //母模板(子板)标题写入
     6 <block><title>......</title></block>
     7 
     8 <script src="......"></script>
     9 
    10 <style type="text/css">
    11 
    12     //定义子板引入css样式的位置
    13     <block name="yinruCSS"></block>
    14 
    15     //定义子板写入css样式的位置
    16     <block name="css"></block>
    17 
    18 </style>
    19 
    20 </head>
    21 
    22 <body>
    23 
    24     //母模板主页页眉写入的位置
    25     <div id="pagehead">.....页眉.....</div>
    26 
    27     //定义子板写入内容的位置
    28     <block name="pagecontent"></block>
    29 
    30     //母模板主页页脚写入的位置
    31     <div id="pagefoot">.....页脚.....</div>
    32 
    33 </body>
    34 
    35 </html>
    36 
    37 //母模板js写入的位置
    38 <script type="javascript/text">
    39 
    40     //定义子板Js写入的位置
    41     <block name="js"></block>
    42 
    43 </script>

     

    子板

     1 //继承母模板
     2 <extend name="muban" />
     3 
     4 //子板写入css样式
     5 <block name="css">............</block>
     6 
     7 //子板标题
     8 <block name="title"><title>..........</title></block>
     9 
    10 //子板写入内容
    11 <block name="pagecongt">..........</block>
    12 
    13 //子板写入js
    14 <block name="js">..........</block>

     

  • 相关阅读:
    盒子模型
    flex布局
    less基本使用
    vue全局配置(引入全局方法样式、按需加载elementui)
    vue性能优化
    vue实现原理
    webapi读取配置文件内容
    命令行启动dotnet core项目
    Linux常用命令
    sqlserver数据库密码忘记了,如何重置?
  • 原文地址:https://www.cnblogs.com/wells33373/p/6295355.html
Copyright © 2011-2022 走看看