Laman utama tutorial papan mesej pembangunan PHP
Modul Papan Mesej
Apakah komponen papan mesej Anda boleh lihat gambar di bawah
Anda boleh? lihat di atas Modul digunakan untuk menghantar mesej, dan kemudian modul berikut digunakan untuk memaparkan mesej
Kod adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>留言板</title>
<style type="text/css">
*{margin:0px;padding:0px;}
body{background:#eee;}
#bdy{width:414px;height:736px;margin:0 auto;margin-top:20px;
background:#66CDAA;
}
#top{font-family:"隸書";font-size:30px;text-align:center;/*margin-top:18px;*/
color:#f60;}
.a{text-decoration:none;color:#fff;float:right;padding-right:15px;}
.a:hover{color:red;}
#cont{width:414px;height:736px;margin:0 auto;margin-top:20px;}
#left{width:350px;height:300px;margin-top:80px;margin-left:15px;/*float:left;*/
background:#48D1CC;padding-left:5px;}
#right{width:360px;height:200px;margin-top:20px;background:#48D1CC;
margin-left:15px;/*float:left;*/}
h5{text-align:center;margin-top:15px;margin-bottom:20px;}
#sub{width:120px;height:25px;margin-top:15px;}
#sub:hover{background:#AFEEEE;}
.span{font-size:18px;color:red;font-weight:bold;}
table{width:360px;margin:0 auto;margin-top:15px;border:1px solid #eee;}
td{text-align:center;}
#td a{text-decoration:none;color:#eee;}
#td a:hover{color:red;}
</style>
</head>
<body>
<div id="bdy">
<div id="top">留言板</div>
<a href="login.php" class="a">登錄</a>
<a href="reg.php" class="a">注冊</a>
<div id="cont">
<div id="left">
<h5>寫留言</h5>
<form method="post" action="addmessage.php">
標題：<input type="text" placeholder="請輸入標題" name="title">
</br></br>
內(nèi)容：<textarea cols="40" rows="5" name="content"></textarea>
</br></br>
<input type="submit" value="添加留言" id="sub">
</form>
</div>
<div id="right">
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<th>ID</th>
<th>標題</th>
<th>內(nèi)容</th>
<th>留言者</th>
</tr>
<tr>
<td>1</td>
<td>明天過后</td>
<td>11111</td>
<td>張飛</td>
</tr>
<tr>
<td colspan="4" id="td">
<a href="">首頁</a>
<a href="">上一頁</a>
<a href="">下一頁</a>
<a href="">末頁</a>
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>Kod di atas boleh mencapai kesan yang kita inginkan. Kami akan menerangkan log masuk dalam bahagian seterusnya Halaman
