PHP開發簡單圖書後台管理系統left頁面

這一節我們建立管理系統的左側功能頁面，進入後台管理系統中主要的對系統的操作就在這裡，方便管理員進行圖書管理的各種操作。

如圖，包括系統設定功能，圖書管理功能，查詢統計等並用<a>標籤增加跳轉鏈接，實現圖書管理後台的各種功能。

使用了<ul><li>標籤進行排序

<div  style="height:100%;">
   <ul id="navigation">
      <li> <a class="head">系统设置</a>
         <ul>
            <li><a href="ly_pwd.php" target="rightFrame">密码修改</a></li>
         </ul>
      </li>
      <li><a class="head">图书管理</a>
         <ul>
            <li><a href="list.php" target="rightFrame">新书管理</a></li>
            <li><a href="add.php" target="rightFrame">新书入库</a></li>
         </ul>
      </li>
      <li><a class="head">查询统计</a>
         <ul>
            <li><a href="select.php" target="rightFrame">图书查询</a></li>
            <li><a href="count.php" target="rightFrame">图书统计</a></li>
         </ul>
      </li>
      <li> <a class="head">版本信息</a>
         <ul>
            <li>
               <div align="center">SS3.3</div>
            </li>
         </ul>
      </li>
   </ul>
</div>

繼續學習

新建檔案

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图书管理系统</title> <style type="text/css">  </style> </head> <body> <div style="height:100%;"> <ul id="navigation"> <li> <a class="head">系统设置</a> <ul> <li><a href="ly_pwd.php" target="rightFrame">密码修改</a></li> </ul> </li> <li><a class="head">图书管理</a> <ul> <li><a href="list.php" target="rightFrame">新书管理</a></li> <li><a href="add.php" target="rightFrame">新书入库</a></li> </ul> </li> <li><a class="head">查询统计</a> <ul> <li><a href="select.php" target="rightFrame">图书查询</a></li> <li><a href="count.php" target="rightFrame">图书统计</a></li> </ul> </li> <li> <a class="head">版本信息</a> <ul> <li> <div align="center">SS3.3</div> </li> </ul> </li> </ul> </div> </body> </html>

提交重置程式碼

自動運行