1.介绍
模板继承其实并不难理解，就好比类的继承一样，模板也可以定义一个基础模板（或者是布局），并且其中定义相关的区块（block），然后继承（extend）该基础模板的子模板中就可以对基础模板中定义的区块进行重载。
2.定义模板页面base.html(剩下的页面都可以继承这个页面)：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
{block name="title"}{/block}
<!--共用的css放这里-->
<link rel="stylesheet" href="/layui/css/layui.css" media="all"/>
{block name="css"}{/block}
</head>
<body class="childrenBody">
{block name="main"}{/block}
<!--共用的js都可以在这里加载-->
<script src="/static/assets/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="/layui/layui.js"></script>
{block name="script"}{/block}
</body>
</html>
3.其他页面可以直接继承base.html
{extend name="public/base"/} <!--extend实例-->
{block name="title"}
<!--这里放页面标题-->
<title>标题</title>
{/block}
{block name="css"}
<!--这里写本页面需要的css样式-->
{/block}
{block name="main"}
<!--这里放页面中的body内容-->
{/block}
{block name="script"}
<!--这里放本页面需要的js-->
</script>
{/block}