extends
最后更新于：2022-04-01 11:03:59
> extends为继承指令，一般项目中, 我们的网页框架是一样的, 比如新闻介绍页, 文章介绍页, 文章列表页, 等等 都是公用的头部底部和侧边栏, 又或者做后台的时候, 都是统一的导航菜单和底部, 这时候我们可以使用模板继承方便的实现代码的重用和结构的划分
## 1. base.html
```
<!DOCTYPE html>
<html>
<head>
<title>base</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div php-block="left">这里是left, 会被替换</div>
<div php-block="right">这里是right, 会被替换</div>
<div php-block="bottom">这里是bottom, 会被替换</div>
</body>
</html>
```
## 2. index.html
```
<div php-extends="common/base"></div>
<div php-block="left">
网页主体
</div>
<div php-block="right">
侧边栏推荐
<ul>
<li php-repeat="[1,2,3,4,5] as $i">列表 {$i}</li>
</ul>
</div>
<div php-block="bottom">
版权所有 {$username}
</div>
```
> 这样模板引擎调用解析 index.html的时候会把对应的block合并到base.html中, 实现模板的继承
## 解析结果
```
<!DOCTYPE html>
<html>
<head>
<title>base</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div >
网页主体
</div>
<div >
侧边栏推荐
<ul>
<?php foreach ([1,2,3,4,5] as $i) { ?><li >列表 <?php echo $i; ?></li><?php } ?>
</ul>
</div>
<div >
版权所有 <?php echo $username; ?>
</div>
</body>
</html>
```