PHP はメインページを作成するための簡単な図書貸出システムを開発します

このセクションでは、ユーザーがログイン後にジャンプするメインページを作成します。

ホームページのヘッダーは、さまざまな本のカタログ分類です。

メインページは、ID番号、書籍タイトル、価格、保管期間、カテゴリ、既存の書籍在庫、および書籍の貸出操作を表示するために使用されます。

メインページの下部は、アイテムの総数とページングに関連する情報を表示するために使用されます

呼び出すことができるパブリックヘッダーファイルhead.phpは以前に作成されました

<?php include("head.php");?>

<table>タグを使用します<tr><td> シンプルなレイアウト

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>图书管理系统主页面</title>
    <style>
	body,td,th {font-family: 微软雅黑;font-size: 9px;color: #222;}
	body {background-color: #FFFFFF;line-height:20px;}
	a:link {color: #222;text-decoration: none;}
	a:visited {text-decoration: none;color: #222;}
	a:hover {text-decoration: underline;color: #FF0000;}
	a:active {text-decoration: none;color: #999999;}
    </style>
</head>
<body>
<?php include("head.php");?>
   <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
	<tr>
		<td width="" height="30" align="center" bgcolor="#FFFFFF" class="line2">ID</td>
		<td width="" align="center" bgcolor="#FFFFFF" class="line2">书名</td>
		<td width="" align="center" bgcolor="#FFFFFF" class="line2">价格</td>
		<td width="" align="center" bgcolor="#FFFFFF" class="line2">入库时间</td>
		<td width="" align="center" bgcolor="#FFFFFF" class="line2">类别</td>
		<td width="" align="center" bgcolor="#FFFFFF" class="line2">现有数量(本)</td>
		<td width="" align="center" bgcolor="#FFFFFF" class="line2">操作</td>
	</tr>
	<tr>
		<td height="30" align="center" bgcolor="#FFFFFF"></td>
		<td align="center" bgcolor="#FFFFFF"></td>
		<td align="center" bgcolor="#FFFFFF"></td>
		<td align="center" bgcolor="#FFFFFF"></td>
		<td align="center" bgcolor="#FFFFFF"></td>
		<td align="center" bgcolor="#FFFFFF"></td>
		<td align="center" bgcolor="#FFFFFF" class="line2"></td>
	</tr>
    </table>
	<table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
	  <tr>
		<td height="35" align="center" bgcolor="#FFFFFF">
		首页 | 上一页 |<a href="">下一页</a> |<a href="">末页</a>
		&nbsp;页次：/页&nbsp;共有/条信息</td>
	  </tr>
	</table>

  <table width="100%" height="30" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
	<tr>
	  <td height="19" align="center">&nbsp;Copyright @ 2013-2016</td>
	</tr>
  </table>
</body>
</html>

学び続ける

新しいファイル

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图书管理系统主页面</title> <style> body,td,th {font-family: 微软雅黑;font-size: 9px;color: #222;} body {background-color: #FFFFFF;line-height:20px;} a:link {color: #222;text-decoration: none;} a:visited {text-decoration: none;color: #222;} a:hover {text-decoration: underline;color: #FF0000;} a:active {text-decoration: none;color: #999999;} </style> </head> <body> <?php include("head.php");?> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td width="" height="30" align="center" bgcolor="#FFFFFF" class="line2">ID</td> <td width="" align="center" bgcolor="#FFFFFF" class="line2">书名</td> <td width="" align="center" bgcolor="#FFFFFF" class="line2">价格</td> <td width="" align="center" bgcolor="#FFFFFF" class="line2">入库时间</td> <td width="" align="center" bgcolor="#FFFFFF" class="line2">类别</td> <td width="" align="center" bgcolor="#FFFFFF" class="line2">现有数量(本)</td> <td width="" align="center" bgcolor="#FFFFFF" class="line2">操作</td> </tr> <tr> <td height="30" align="center" bgcolor="#FFFFFF"></td> <td align="center" bgcolor="#FFFFFF"></td> <td align="center" bgcolor="#FFFFFF"></td> <td align="center" bgcolor="#FFFFFF"></td> <td align="center" bgcolor="#FFFFFF"></td> <td align="center" bgcolor="#FFFFFF"></td> <td align="center" bgcolor="#FFFFFF" class="line2"></td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td height="35" align="center" bgcolor="#FFFFFF"> 首页 | 上一页 |<a href="">下一页</a> |<a href="">末页</a> 页次：/页共有/条信息</td> </tr> </table> <table width="100%" height="30" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td height="19" align="center"> Copyright @ 2013-2016</td> </tr> </table> </body> </html>

提出するリセットコード

自動運転