加载写好的模板布局文件,也就是模板布局的使用
index.html
{layout name="public:layout" /}
<!--我现在在这里写的任何内容,都会自动的把布局文件中的{__CONTENT__}进行替换-->
1111
layout.html模板文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$title|default="默认标题"}</title>
<link href="/zh/public/static/css/bootstrap.css" rel="stylesheet">
<script src="/zh/public/static/js/jquery.min.js"></script>
<script src="/zh/public/static/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
{include file="public/nav"}
</div>
</div>
<div class="row">
<div class="col-md-2">
{include file="public/left"}
</div>
<div class="col-md-10">
{__CONTENT__}
</div>
</div>
</div>
</body>
</html>
layout.html模板文件中引入的left.html文件
<ul class="nav nav-pills nav-stacked">
<li class="nav-header h3">管理系统</li>
<li><a href=""><span class="glyphicon glyphicon-cog"> 网站管理</span></a></li>
</ul>
<ul class="nav nav-pills nav-stacked">
<li class="nav-header h3">用户管理</li>
<li><a href=""><span class="glyphicon glyphicon-user"> 用户</span></a></li>
</ul>
<ul class="nav nav-pills nav-stacked">
<li class="nav-header h3">文章管理</li>
<li><a href=""><span class="glyphicon glyphicon-lock"> 分类管理</span></a></li>
<li><a href=""><span class="glyphicon glyphicon-list-alt"> 文章管理</span></a></li>
</ul>
layout.html模板文件中引入的nav.html文件
<div class="row">
<div class="col-md-12">
<!--导航-->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{:url('index/index')}">{$siteName|default="后台管理"}</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
{if $Think.session.admin_id}
<li><a href="#">{$Think.session.admin_user}</a></li>
<li><a href="#">回到前台</a></li>
<li><a href="{:url('user/logout')}">退出登录</a></li>
{/if}
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</div>
结果