模板中的元素共用

很多时候我们页面上的元素是重复又重复，如果要改真的挺麻烦的，可以对这部分进行优化。

优化的方法就是提取出公共的部分，对不是公共的部分传递变量进行判断，这里以一个项目举例说明。

页面效果

上面的例子是几个页面都有的tab切换，除了名字和链接其余都一样。

提取出公共的部分到一个新的文件，一般情况下会把公共模板放在common目录下，这里我们取名叫tab_brand.php，因为是品牌相关的tab所以这样命名。

模板源代码

寻找不一样的地方，首先选中有样式class="current"， 访问链接和名字也不一样，我们要修改这一部分内容。所以在引用页面，需要传递参数判断是哪个页面，然后选中样式，链接，名字。如果这些都在引用页面写也没有问题，但是参数传递的参数就很多了。我们可以把页面中的链接，名字都配置在公共页面，就像下面一样。

参数配置

参数配置完成之后，需要把他们遍历输出出来，这样就不用写很多个标签了。

遍历tab

这样配置项就完成了，如果需要修改只修改php代码就可以了，html不用修改，还有就是页面选中效果该如何做呢，必须要在应用页面传递参数，然后进行判断。

首先应用页面如何引入这个模板呢，我们以Yii2框架举例。

引入公共页面

不同的框架引入方式不一样，我们详细讲解一下，首先在需要引入公共模板的地方引入文件，renderFile是渲染模板并返回，然后把返回的内容输出到当前页面上，这里我们要传递一个参数，参数是一个数组，在公共模板页面就可以使用这个参数了。

使用传递的参数

在公共模板直接使用参数$tab,而不需要从数组中获取，这是模板引擎实现的操作，加上需要的样式判断，这里$tab的值也有考究，不可以随便取，要和我们公共模板配置项可以匹配。

链接

这里的链接我们并不是直接使用配置项中的，而是使用我们封装的一个生成链接地址的方法，生成含有域名的链接地址，这样的地址尽管把页面下载下来也可以访问，具体效果看一下。

链接效果

下一小节我们将讲解生成生成链接地址的Servcie是如何实现的，具体如何使用？