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}