PHP開發簡單圖書後台管理系統新書管理頁面
這一節建立左側導覽列中的「新書管理」頁面
如圖:
使用<table>標籤，用<tr><td>進行佈局，顯示書的id，書名，價格，入庫時間，類別，入庫總量，操作等實際內容。
底部主要是顯示分頁和資訊數等內容。
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC" class="table" > <tr> <td height="27" colspan="7" align="left" bgcolor="#FFFFFF" class="bg_tr"> 后台管理 >> 新书管理</td> </tr> <tr> <td width="6%" height="35" align="center" bgcolor="#FFFFFF">ID</td> <td width="25%" align="center" bgcolor="#FFFFFF">书名</td> <td width="11%" align="center" bgcolor="#FFFFFF">价格</td> <td width="16%" align="center" bgcolor="#FFFFFF">入库时间</td> <td width="11%" align="center" bgcolor="#FFFFFF">类别</td> <td width="11%" align="center" bgcolor="#FFFFFF">入库总量</td> <td width="20%" align="center" bgcolor="#FFFFFF">操作</td> </tr> <tr align="center"> <td class="td_bg" width="6%"><?php echo $rows["id"]?></td> <td class="td_bg" width="25%" height="26"></td> <td class="td_bg" width="11%" height="26"></td> <td class="td_bg" width="16%" height="26"></td> <td width="11%" height="26" class="td_bg"></td> <td width="11%" height="26" class="td_bg"></td> <td class="td_bg" width="20%"> <a href="#" class="trlink">修改</a> <a href="#" class="trlink">删除</a></td> </tr> <tr> <th height="25" colspan="7" align="center" class="bg_tr"> 首页 | 上一页 | 下一页 | 末页 页次：/页 共有?条信息 </th> </tr> </table>
在給與CSS樣式，就可以完成。
下一節<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP图书管理系统</title>
<style>
.table{
border: 1px solid #CAF2FF;/*边框颜色*/
margin-top: 5px;
margin-bottom: 5px;
background:#a8c7ce;
}
.td_bgf {
background:#d3eaef;
color:#000000;
}
.td_bg {
background:#ffffff;
color:#344b50;
}
.bg_tr {
font-family: "微软雅黑,Verdana, 新宋体";
color:#e1e2e3;/*标题字体色*/
font-size:12px;
font-weight:bolder;
background:#353c44;/*标题背景色*/
line-height: 22px;
}td {
color:#1E5494;
font-size:12px;
line-height: 18px;
}
</style>
</head>
<body>
<table width="" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC" class="table" >
<tr>
<td height="27" colspan="7" align="left" bgcolor="#FFFFFF" class="bg_tr"> 后台管理 >> 新书管理</td>
</tr>
<tr>
<td width="6%" height="35" align="center" bgcolor="#FFFFFF">ID</td>
<td width="25%" align="center" bgcolor="#FFFFFF">书名</td>
<td width="11%" align="center" bgcolor="#FFFFFF">价格</td>
<td width="16%" align="center" bgcolor="#FFFFFF">入库时间</td>
<td width="11%" align="center" bgcolor="#FFFFFF">类别</td>
<td width="11%" align="center" bgcolor="#FFFFFF">入库总量</td>
<td width="20%" align="center" bgcolor="#FFFFFF">操作</td>
</tr>
<tr align="center">
<td class="td_bg" width="6%"></td>
<td class="td_bg" width="25%" height="26"></td>
<td class="td_bg" width="11%" height="26"></td>
<td class="td_bg" width="16%" height="26"></td>
<td width="11%" height="26" class="td_bg"></td>
<td width="11%" height="26" class="td_bg"></td>
<td class="td_bg" width="20%">
<a href="#" class="trlink">修改</a> <a href="#" class="trlink">删除</a></td>
</tr>
<tr>
<th height="25" colspan="7" align="center" class="bg_tr">
首页 | 上一页 | 下一页 | 末页
页次：/页 共有?条信息
</th>
</tr>
</table>
</body>
</html>
