一、建立數據庫php
如下爲sql代碼,推薦採用phpmyadmin建立數據庫。css
CREATE DATABASE IF NOT EXISTS db_liuyan; USE db_liuyan; CREATE TABLE ly( id INTEGER UNSIGNED NOT NULL AUTO_INCREMENT, username VARCHAR(20) NOT NULL, email VARCHAR(100) NOT NULL, content TEXT NOT NULL, date TIMESTAMP DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (id) ) ENGINE=MyISAM DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci AUTO_INCREMENT=0;
數據庫很簡單,只有一個表,一看就明白,這裏不作解釋。html
二、配置(config)部分:mysql
簡單起見,本文章全部代碼均放在一個php文件裏面。您能夠根據本文註釋將代碼分離。sql
<?php /** **數據庫設置部分,根據本機設備進行修改** **本部分建議單首創建config.php文件** * */ define("DB_HOST","localhost");//數據庫服務器 define("DB_NAME","db_liuyan");//數據庫名 define("DB_USER","root");//數據庫用戶名 define("DB_PASSWORD","root");//用戶密碼 ?>
三、信息採集部分數據庫
本部分爲html代碼,用戶輸入界面。服務器
<div id="form"> <form action="" method="post"> <p>用戶名:<input type="text" name="username" /></p> <p>郵  箱:<input type="text" name="email" /></p> <p>留  言:<textarea name="content" ></textarea></p> <p><input type="submit" name="submit" value="提交留言"/></p> </div> <hr/>
四、留言保存post
將讀取的留言內容寫入數據庫。學習
<?php if(isset($_POST[@submit])){ if($_POST[@username] && $_POST[@email] && $_POST[@content] ){ $content=str_replace("\r\n","<br/>",$_POST[@content]); $content=str_replace(' ',' ',$content); $dsn='mysql:host='.DB_HOST.';'.'dbname='.DB_NAME; $pdo=new PDO($dsn,DB_USER,DB_PASSWORD); $sql="INSERT INTO ly (username,email,content) VALUES ('$_POST[username]','$_POST[email]','$content')"; $pdo->query('set names utf8'); $pdo->query($sql); } else{ echo "留言失敗!<br/>"."Please,try again!<hr/>"; } }
?>
五、顯示留言測試
讀取數據庫,並顯示留言內容。
<div id="list"> <?php $dsn='mysql:host='.DB_HOST.';'.'dbname='.DB_NAME; $pdo=new PDO($dsn,DB_USER,DB_PASSWORD); $sql="SELECT * FROM ly ORDER BY id DESC"; $pdo->query('set names utf8'); $query=$pdo->query($sql); while($row=$query->fetch()){ $html="<p>用戶名:".$row[@username]."</p>"."郵  箱:".$row[@email]."</p>"."<p>留  言:<br/>".$row[@content]."</p>".$row[@date]."<hr/>"; echo $html; } ?> </div>
如今留言板的主要功能已實現了,你能夠測試一下這個留言板,若是頁面是亂碼,也不要緊,繼續下面步驟就能夠解決這個問題。
六、進一步完善
如下部分對留言版的頁面作一下優化。
首先,html代碼還不完整,標準的html頁面應在上述代碼以前添加如下代碼。
<!doctype html> <html> <head> <meta name="Keywords" content="php 留言板 學習" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="css.css"> <title>超級簡單的PHP程序 很是適合php新手練手</title> </head> <body> <h3>您要說點什麼呢?</h3><hr/>
在文件末尾添加如下代碼。
</body> </html>
而後,添加CSS樣式,讓頁面更整齊、美觀。
咱們已經過下面這個html語句引入了css.css文件。
<link rel="stylesheet" type="text/css" href="css.css">
下面就是編寫一個簡單的css樣式文件(css.css)。
@chartset UTF-8; body{ margin:100px auto; width:800px; background:url(bg.jpg); } #form textarea{ width:300px; } #list{ line-height:30px; }
在css樣式中咱們用了一張圖片(bg.jpg)做爲頁面背景,將圖片存放網站所在目錄,並修更名稱爲bg.jpg。
如今留言板就完成了。
這就是咱們作的留言板的截圖:
ly.php