5-3
templates/index.tpl
<!DOCTYPE html>
<html lang="zh-TW">
{include file="header.tpl"}
<body>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
<a class="navbar-brand" href="{$action}">
<img src="images/logo.jpg" class='rounded-circle' height="200rem">
<h3 class="text-center">{$header}</h3>
</a>
<button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse"
data-target="#collapsibleNavId" aria-controls="collapsibleNavId" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="{$action}">{$navbar.home}<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="post.html">{$navbar.post}</a>
</li>
</ul>
</div>
</nav>
<hr>
<div class="row">
<div class="col-sm-3">
<p>
日期：{$now}
</p>
</div>
<div class="col-sm-9">
<ol>
<li>今天到期：1</li>
<li>逾期：2</li>
</ol>
</div>
</div>
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-sm">
<thead class="thead-dark">
<th><i class="fas fa-check"></i> 是否完成</th>
<th>標題</th>
<th>到期日</th>
<th>優先順序</th>
<th>指派對象</th>
</thead>
<tbody>
<tr>
<td>{$content.1.done}</td>
<td>{$content.1.title}</td>
<td>{$content.1.end}</td>
<td>{$content.1.priority}</td>
<td>{$content.1.assign}</td>
</tr>
<tr>
<td>{$content.2.done}</td>
<td>{$content.2.title}</td>
<td>{$content.2.end}</td>
<td>{$content.2.priority}</td>
<td>{$content.2.assign}</td>
</tr>
<tr>
<td>{$content.3.done}</td>
<td>{$content.3.title}</td>
<td>{$content.3.end}</td>
<td>{$content.3.priority}</td>
<td>{$content.3.assign}</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
5-2 index.php