PHP+Mysql+jQuery實現發佈微博程序(PHP篇)

在PHP+Mysql+jQuery實現發佈微博程序(jQuery篇) 中，我講解了如何用jQuery實現輸入表單的實時字數統計和Ajax提交數據到後臺的功能。本文將重要介紹後臺是如何處理前臺提交的數據，並返回結果的。

先仍是要說明本例的流程：

一、前端用戶輸入內容，並對輸入的內容字數進行實時統計。

二、用戶提交數據，jQuery實現經過Ajax向後臺發送數據。

三、後臺PHP接收提交表單的數據，並對數據進行必要的安全過濾。

四、後臺PHP鏈接Mysql數據庫，並將提交過來的表單數據寫入到相應的數據表中。

五、後臺向返回成功結果數據內容，並經過Ajax將返回的數據內容插入到前端頁面中。

上述一、2步在前篇文章：jQuery篇已講解了，本文將完成剩餘的散步。

數據表（更多PHP教程請訪問代碼家園）

首先咱們要準備一個數據表，表結構以下：

1. CREATE TABLE `say` ( 
2.   `id` int(11) NOT NULL auto_increment, 
3.   `userid` int(11) NOT NULL default '0', 
4.   `content` varchar(200) NOT NULL, 
5.   `addtime` int(10) NOT NULL, 
6.   PRIMARY KEY  (`id`) 
7. ) ENGINE=MyISAM  DEFAULT CHARSET=utf8; 

注意，本例中將時間字段：addtime的類型設置爲int，是爲了後續的時間處理方便，在不少應用中（如Discuz論壇）都是將時間類型轉成數字型。

時間軸處理函數和格式化輸出列表函數：

時間軸處理函數，就是把時間轉換成咱們看到的諸如「5分鐘前」，「昨天 10:21」等形式，詳細使用能夠查看以前我寫過的文章：，代碼以下：

1. /*時間轉換函數*/ 
2. function tranTime($time) { 
3.     $rtime = date("m-d H:i",$time); 
4.     $htime = date("H:i",$time); 
5.     $time = time() - $time; 
6.  
7.     if ($time < 60) { 
8.         $str = '剛剛'; 
9.     } 
10.     elseif ($time < 60 * 60) { 
11.         $min = floor($time/60); 
12.         $str = $min.'分鐘前'; 
13.     } 
14.     elseif ($time < 60 * 60 * 24) { 
15.         $h = floor($time/(60*60)); 
16.         $str = $h.'小時前 '.$htime; 
17.     } 
18.     elseif ($time < 60 * 60 * 24 * 3) { 
19.         $d = floor($time/(60*60*24)); 
20.         if($d==1) 
21.            $str = '昨天 '.$rtime; 
22.         else 
23.            $str = '前天 '.$rtime; 
24.     } 
25.     else { 
26.         $str = $rtime; 
27.     } 
28.     return $str; 
29. } 

格式化輸出函數是將獲得的用戶信息和發佈內容及時間按照必定的格式輸出到前端頁面的函數，代碼以下：

1. function formatSay($say,$dt,$uid){ 
2.     $say=htmlspecialchars(stripslashes($say)); 
3.  
4.     return' 
5.     <div class="saylist"><a href="#"><img src="images/'.$uid.'.jpg" width="50" height="50" 
6.  alt="demo" /></a> 
7.     <div class="saytxt"> 
8.     <p><strong><a href="#">demo_'.$uid.'</a></strong> '.  
9. preg_replace('/((?:http|https|ftp):\/\/(?:[A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+): 
10. ?(\d+)?\/?[^\s\"\']+)/i','<a href="$1" rel="nofollow" target="blank">$1</a>',$say).' 
11.     </p><div class="date">'.tranTime($dt).'</div> 
12.     </div> 
13.     <div class="clear"></div> 
14.     </div>'; 
15. } 

將以上兩個函數都放入function.php中，準備隨時被調用。

submit.php處理表單數據

在上篇文章中，咱們知道jQuery將前端得到的數據以POST方式，經過Ajax提交給了後臺的submit.php。那麼submit就是要完成後續的全部一攤子任務。請看代碼：

1. require_once('connect.php'); //數據庫鏈接文件 
2. require_once('function.php');  //函數調用文件 
3.  
4. $txt=stripslashes($_POST['saytxt']); //獲取提交的數據 
5. $txt=mysql_real_escape_string(strip_tags($txt),$link); //過濾HTML標籤，並轉義特殊字符 
6. if(mb_strlen($txt)<1 || mb_strlen($txt)>140) 
7.     die("0"); //判斷輸入字符數是否符合要求 
8. $time=time(); //獲取當前時間 
9. $userid=rand(0,4);  
10. //插入數據到數據表中 
11. $query=mysql_query("insert into say(userid,content,addtime)values('$userid','$txt','$time')"); 
12. if(mysql_affected_rows($link)!=1) 
13.     die("0"); 
14. echo formatSay($txt,$time,$userid); //調用函數輸出結果 

注意，本例中爲了演示，將用戶ID(userid)進行隨機處理，實際的應用是獲取當前用戶的ID。另外數據庫鏈接文件，你們能夠本身寫一個，在我提供的下載的DEMO裏也有這個文件。

最後要回到前端頁面index.php來。index.php主要除了提供輸入的入口，還要承接後臺處理返回的結果，而且要將數據庫裏已有的數據顯示出來。代碼以下：

1. <?php 
2. define('INCLUDE_CHECK',1); 
3. require_once('connect.php'); 
4. require_once('function.php'); 
5.  
6. $query=mysql_query("select * from say order by id desc limit 0,10"); 
7. while ($row=mysql_fetch_array($query)) { 
8.     $sayList.=formatSay($row[content],$row[addtime],$row[userid]); 
9. } 
10. ?> 
11. <form id="myform" action="say.php" method="post"> 
12.    <h3><span class="counter">140</span>說說你正在作什麼...</h3> 
13.    <textarea name="saytxt" id="saytxt" class="input" tabindex="1" rows="2" cols="40"></textarea> 
14.    <p> 
15.     <input type="submit" class="sub_btn" value="提 交" disabled="disabled" /> 
16.     <span id="msg"></span> 
17.    </p> 
18. </form> 
19. <div class="clear"></div> 
20. <div id="saywrap"> 
21. <?php echo $sayList;?> 
22. </div> 

至此，本例從前端交互到後臺處理程序，所有完成，有興趣的同窗最好親自動手，才能從中學到樂趣。

轉載請註明： 代碼家園  »  PHP+Mysql+jQuery實現發佈微博程序(PHP篇)  

本文原地址：http://www.daimajiayuan.com/sitejs-17820-1.html