杨凌网站建设公司,网站建站授权模板下载,lnmp wordpress 权限,西安seo外包机构## 嵌套调用- 模块与模块之间的相互调用(相对路径)- 项目和项目之间的相互调用(绝对路径)- 也可以写一个通用模块就可以大面积使用#xff0c;减少代码维护成本- 或许可以实现一些神奇的效果#### 示例代码设置文件/html/www/demo/tpl/tpl.blade.php内容如下~~~这是最顶端模块{…## 嵌套调用- 模块与模块之间的相互调用(相对路径)- 项目和项目之间的相互调用(绝对路径)- 也可以写一个通用模块就可以大面积使用减少代码维护成本- 或许可以实现一些神奇的效果#### 示例代码设置文件/html/www/demo/tpl/tpl.blade.php内容如下~~~这是最顶端模块{!! tpl(a) !!}{!! tpl(a/aa, [get [name GET参数来自顶部模块], post [name POST参数来自顶部模块]]) !!}{!! tpl(c) !!}{!! tpl(e) !!}#以下是全局调用示例#这样就可以跨项目相互调用{!! tpl(/www/demo/tpl/c) !!}~~~设置文件/html/www/demo/tpl/tpl.css内容如下~~~_CLASS_{width: 500px;}~~~设置文件/html/www/demo/tpl/a/tpl.blade.php内容如下~~~a模块{!! tpl(aa, [get [name GET参数来自a模块], post [name POST参数来自a模块]]) !!}~~~设置文件/html/www/demo/tpl/a/tpl.css内容如下~~~_CLASS_{color:#F00;}~~~设置文件/html/www/demo/tpl/a/aa/tpl.blade.php内容如下~~~aa模块{{$_GET[name]}},{{$_POST[name]}}~~~设置文件/html/www/demo/tpl/a/aa/tpl.css内容如下~~~_CLASS_{background-color: #FEE;}~~~设置文件/html/www/demo/tpl/c/tpl.blade.php内容如下~~~c模块{!! tpl(../a/aa, [get [name GET参数来自c模块], post [name POST参数来自c模块]]) !!}~~~设置文件/html/www/demo/tpl/c/tpl.css内容如下~~~_CLASS_{color:#08F;}~~~设置文件/html/www/demo/tpl/e/tpl.blade.php内容如下~~~e模块{!! tpl(ee, [get [name GET参数来自e模块], post [name POST参数来自e模块]]) !!}~~~设置文件/html/www/demo/tpl/e/tpl.css内容如下~~~_CLASS_{color:#080;}~~~设置文件/html/www/demo/tpl/e/ee/_init.php内容如下~~~return function (){$get_name $_GET[name];$post_name $_POST[name];echo --- {$get_name} | {$post_name} ----;};~~~设置文件/html/www/demo/tpl/e/ee/tpl.blade.php内容如下~~~ee模块~~~设置文件/html/www/demo/tpl/e/ee/tpl.css内容如下~~~_CLASS_{background-color: #CCF;}~~~打开网址[http://demo.tphp.com/tpl](http://demo.tphp.com/tpl)获得如下效果生成源代码生成的CSS生成的JS(未设置tpl.js所以没有js代码)这是总页面路径当然所有的子页面同样可以单独访问比如打开网址[http://demo.tphp.com/tpl/c](http://demo.tphp.com/tpl/c)获得如下效果- 嵌套的页面有点多页面嵌套、CSS嵌套放到一起就会有点绕需耐心体会- JS嵌套也是一样这里就不举例了- 虽然调用的有点多但逻辑清晰很容易控制模块与模块之间的关系模块之间的class自动指向无需记住样式名称所以这里SCSS就发挥了极大的作用只要写一次_CLASS_就能够实现自动指向SCSS写法如下~~~_CLASS_{.child_1{...}.child_2{...}background-color: #CCF;}~~~将转换为~~~_CLASS_{background-color: #CCF;}_CLASS_ .child_1{...}_CLASS_ .child_2{...}~~~
