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>

繼續學習

新建檔案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>图书管理系统</title>
 <style type="text/css">
 <!--
 body {
 margin:0;
 padding:0;
 font-size: 12px;
 }
 #navigation {
 margin:0;
 padding:0;
 width:147px;
 }
 #navigation a.head {
 cursor:pointer;
 background:url(https://img.php.cn/upload/course/000/000/008/58243499f341c453.gif) no-repeat scroll;
 display:block;
 font-weight:bold;
 margin:0;
 padding:5px 0 5px;
 text-align:center;
 font-size:12px;
 text-decoration:none;
 }
 #navigation ul {
 border-width:0;
 margin:0;
 padding:0;
 text-indent:0;
 }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX