• 贴心猫(imcat) 模板包含 --- [Top]
    • ● 加载页面公共区块,可用[模板包含]:语法:{inc:"sub_path/tpl_name"}。
        -> 如:{inc:"d_tpltag/tpltag_aside"}。
        -> 注意:sub_path位当前整套模板的子目录,tpl_name是模板文件名,不含后缀。
        -> 示例:点本页最后一行:类似[tpl:d_tpltag/tpltag_basic;]链接查看模板源代码(当前整套模板所有页类似都可看模板源代码)。
    • ● 加载页面代码区块(不需要编译)可以按如下加载:
        -> 示例:{code:"tools/a-cfgs"} -=> inc文件:{当前模板}/tools/a-cfgs.php
        -> 注意:(前面不要/,后面不要.php)
        -> 如果包含其他模板的区块,则加上dir:标记如:{code:"dev:tools/a-cfgs"}
    • ● 跨模版包含:公共区块/代码区块
        -> 包含公共模版区块:{inc:"comm:c_pub/inc-blinks"} -=> inc文件:{tpls}/home/c_pub/inc-blinks.htm
        -> 包含其它模版区块:{code:"dev:tools/a-cfgs"} -=> inc文件:{tpls}/dev/tools/a-cfgs.php
  • 贴心猫(imcat) 模板继承 --- [Top]
    • ● [模板继承]用于很多类似的页面,中间只改变少量信息块,可把这些页面公共部分抽取出来做成[基础模板];
    • ● [基础模板]设置一个或多个block区块如:{block:title}layout-title!{/block:title};
        -> 引用:类似{imp:"sub_path/xxx_layout"},写在模板的第一行,即继承了[基础模板]的布局和内容;
        -> 引用后,各区块默认和[基础模板]内容相同;
        -> 用类似{block:title}my-title!{/block:title}重写[基础模板]区块;
        -> 用{:parent}把原模版区块中的内容导入过来,如上例:{block:title}my-title!(old:{:parent}){/block:title};
        -> 使用{:clear}把原模版区块中的内容清空,如上例:{block:title}{:clear}{/block:title};
    • ● 注意:不能多重继承,一旦继承了[基础模板],则所有代码都要写在block区块中,任何不在block中的信息,不会显示;
    • ● 示例:查看基础模板源代码 或 点本页最后一行:类似[tpl:d_tpltag/tpltag_basic;]链接查看模板源代码。
  • 贴心猫(imcat) 加载CSS/JS --- [Top]
  • <link href='{=PATH_VIEWS}/dev/assets/home.css' type='text/css' rel='stylesheet'/>
    <script src='{=PATH_VENDUI}/layer/layer.js'></script>
    ------ ------ 或
    {php}
    # v4.7
    eimp('/~tpl/cinfo.css');      // /views/{tpldir}/assets/cinfo.css
    eimp('/~now/cijs/funcs.js');  // /views/{tpldir}/{mdodir}/cijs/funcs.js
    eimp('/~base/cssjs/cinfo.css'); // /views/base/assets/cssjs/cinfo.css
    eimp('/~base/jslib/jsbase.js'); // /views/base/assets/cssjs/jsbase.js
    eimp('/layer/layer.js','vendui');
    # v4.6
    eimp('/~tpl/cinfo.css'); // /views/{tpldir}/assets/cinfo.css
    eimp('/base/assets/cssjs/cinfo.css'); // /views/base/assets/cssjs/cinfo.css
    eimp('/base/assets/jslib/jsbase.js'); // /views/base/assets/cssjs/jsbase.js
    {php}
    
    ------ ------ 或(初始化)
    eimp('initJs','zepto,jquery,bootcss,bootstrap,layer;comm;comm(-lang);user'); // in head
     -=>
        // js-cfgs + /base/assets/jslib/jsbase.js + /base/assets/jslib/jsbext.js
        + 
        <script src='/views/{tpldir}/assets/comm.js'></script>
        <script src='/views/{tpldir}/assets/comm-{lang}.js'></script> // {lang}=cn/en
        <script src='/views/{tpldir}/assets/user.js'></script> // {lang}=cn/en
        + (以上合并,以下不合并)
        <script src='{=PATH_VENDUI}/jquery/zepto-1x.js'></script> // 与jquer用其一即可
        <script src='{=PATH_VENDUI}/jquery/jquery-3.x.js'></script> // 1.x/3.x自适应
        <link href='{=PATH_VENDUI}/bootstrap/css/bootstrap.min.css' type='text/css' rel='stylesheet'/>
        <script src='{=PATH_VENDUI}/bootstrap/js/bootstrap.min.js'></script>
        <script src='{=PATH_VENDUI}/layer/layer.js'></script>
    eimp('initCss','bootstrap,stpub,jstyle;comm(-mob);faqs'); // in head
     -=>
        @import url({=PATH_VENDUI}/bootstrap/css/bootstrap.min.css);
        + (以上不合并,以下合并)
        <link href='/base/assets/jslib/stpub.css' type='text/css' rel='stylesheet'/>
        <link href='/base/assets/cssjs/jstyle.css' type='text/css' rel='stylesheet'/>
        <link href='/views/{tpldir}/assets/comm{-mob}.css' type='text/css' rel='stylesheet'/> // {-mob}自适应
        <link href='/views/{tpldir}/assets/faqs.css' type='text/css' rel='stylesheet'/>
    eimp('loadExtjs','jspop,jq_base,bootstrap,layer'); // 可放body最后 
     -=>
        <script src='/views/base/assets/jslib/jspop.js'></script>
        <script src='/views/base/assets/jslib/jq_base.js'></script>
        <script src='{=PATH_VENDUI}/bootstrap/js/bootstrap.min.js'></script>
        <script src='{=PATH_VENDUI}/layer/layer.js'></script>
    ------ ------ 或(其他)
    eimp('?ajax-comjs&act=autoJQ');
    basJscss::loadJqbs('zepto',0);
    basJscss::loadJqbs('jquery',0);
    basJscss::loadJqbs('jquery,bootcss,bootstrap,layer',0);
    {/php}
  • 贴心猫(imcat) 加载扩展类库 --- [Top]
    • ● 所有模板扩展类库,放在当前整套模板目录的[_funcs]子目录;
    • ● _funcs/tex_base.php (当前所有模版能使用的公用方法[自动加载]);
    • ● {php vopTpls::tinc('tex_cargo');} //加载多个模版使用的特定类库文件(_funcs/tex_cargo.php) [当前模版需要时加];
    • ● 示例:_funcs/tex_base.php 中定义方法:function coder($tpl=''),c_page/info_coder 中使用如:<?php echo tex('texBase')->coder($tpl); ?>;
    • ● 示例:查看当前模版公用类库

提示:`/dev.php`入口为贴心猫中文文档;欢迎进入`问答`交流使用经验!

QQ群:607070548; Copyright © 2011-2018 txjia.com All rights reserved.

Run:0.000/28.973(ms); 0(sql)/1.964(MB); dev:c_demo/tpltag_main; Upd:2024-04-20 06:28:07