名词解释： acff844e88dc87a9386a7cc690642ab.png

上图中红圈圈出来，每个页面都有这行导航部分，为了方便不用再每个页面都写所以写在一个同一个的父页面里。
再模块再建立一个文件夹：common，该文件夹用于存放父页面。
然后在父页面存入公共的导航以及向公共使用的内容。
并在不同的地方用占位符进行站位。
例如：父页面

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Standard button -->
<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">Profile</a></li>
  <li role="presentation"><a href="#">Messages</a></li>
</ul>
{block name='uid'}
<!--中间是占位符-->
{/block}

{block name='mid'}
<!--中间是占位符-->
{/block}

子页面：

{extend name='../common/father'} //这里是父页面的路径
这里将是登录页面哦
{block name='uid'}
<a href="./index.php/ip">跳转查看本地ip</a>
<a href="./index.php/index/add/add">调转看看模板继承的样子</a>

{/block}

{block name='mid'}
<h1>每天进步一点点</h1>
{/block}