5-7
登入後,畫面應有的變化
- 除了顯示姓名外,登入框應該不見,取而代之的可能是管理工具列。
一、製作工具列面板
- 建立 templates\side_tools.tpl
<div class="panel panel-success">
<div class="panel-heading">工具列</div>
<!-- List group -->
<div class="list-group">
<a href="index.php" class="list-group-item">回首頁</a>
<a href="admin.php" class="list-group-item">發布活動</a>
<a href="index.php?op=logout" class="list-group-item">登出</a>
</div>
</div>
-
這是用 bootsrtap中的面板+列表組的應用。
二、讓系統自行切換
- 直接在樣板中判斷 $group 的值,以便做出不同對應
<!DOCTYPE html>
<html lang="zh-Hant">
{include file='head.tpl'}
<body>
<div class="container">
<h1 class="page-header">{$page_title}</h1>
<div class="row">
<div class="col-md-9">
<h2>主內容</h2>
{$content}
</div>
<div class="col-md-3">
<h2>Hi {$name}!</h2>
{if $group=='admin'}
{include file='side_tools.tpl'}
{else}
{include file='side_login.tpl'}
{/if}
</div>
</div>
</div>
<!--BootStrap js-->
<script src="class/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
三、練習
- 請試著做出登出功能。
(溫馨提示:可以用unset() 移除掉 session 變數,也可以把 session 變數的值改掉。)