PHP développe un système simple de prêt de livres pour créer la page principale

Dans cette section, nous allons créer la page principale vers laquelle les utilisateurs accéderont après s'être connectés.

L'en-tête de la page d'accueil est la classification catalogue de divers livres.

La page principale est utilisée pour afficher le numéro d'identification, le titre du livre, le prix, la durée de stockage, la catégorie, l'inventaire de livres existant et les opérations d'emprunt de livres.

Le bas de la page principale est utilisé pour afficher le nombre total d'éléments et d'informations liés à la pagination

Le fichier d'en-tête public head.php qui peut être appelé a été créé plus tôt

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

Utilisez les balises <table>, utilisez <tr><td> pour une mise en page simple

<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>

Formation continue

nouveau fichier

<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>

soumettre Réinitialiser le code

Opération automatique

PHP développe un système simple de prêt de livres pour créer la page principale

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]