## 嵌套调用
- 模块与模块之间的相互调用(相对路径)
- 项目和项目之间的相互调用(绝对路径)
- 也可以写一个通用模块就可以大面积使用，减少代码维护成本
- 或许可以实现一些神奇的效果
#### 示例代码
设置文件/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内容如下
~~~
{!! 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内容如下
~~~
~~~
设置文件/html/www/demo/tpl/a/aa/tpl.css内容如下
~~~
_CLASS_{
background-color: #FEE;
}
~~~
设置文件/html/www/demo/tpl/c/tpl.blade.php内容如下
~~~
{!! 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内容如下
~~~
{!! 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 "
};
~~~
设置文件/html/www/demo/tpl/e/ee/tpl.blade.php内容如下
~~~
~~~
设置文件/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{
...
}
~~~
