PHP+MySQL+jQuery實現發布微博程序——PHP篇
在上一篇《PHP+MySQL+jQuery實現發布微博程序——jQuery篇》中,講解了如何用jQuery實現輸入表單的實時字數統計和Ajax提交數據到后臺的功能。本文將重要介紹后臺是如何處理前臺提交的數據,并返回結果的。
先還是要說明本例的業務流程:
1、前端用戶輸入內容,并對輸入的內容字數進行實時統計。
2、用戶提交數據,jQuery實現通過Ajax向后臺發送數據。
3、后臺PHP接收提交表單的數據,并對數據進行必要的安全過濾。
4、后臺PHP連接Mysql數據庫,并將提交過來的表單數據寫入到相應的數據表中。
5、后臺向返回成功結果數據內容,并通過Ajax將返回的數據內容插入到前端頁面中。
上述1、2步在前篇文章:jQuery篇已講解了,本文將完成剩余的部分。
數據表首先我們要準備一個數據表,表結構如下:
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`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
注意,本例中將時間字段:addtime的類型設置為int,是為了后續的時間處理方便,在很多應用中(如Discuz論壇)都是將時間類型轉成數字型。
時間軸處理函數和格式化輸出列表函數:時間軸處理函數,就是把時間轉換成我們看到的諸如“5分鐘前”,“昨天 10:21”等形式,詳細使用可以查看之前我寫過的文章:PHP實現時間軸函數,代碼如下:
2. function tranTime($time) {
3. $rtime = date("m-d H:i",$time);
4. $htime = date("H:i",$time);
5. $timetime = time() - $time;
6.
7. if ($time < 60) {
8. $str = '剛剛';
9. }
10. else if ($time < 60 * 60) {
11. $min = floor($time/60);
12. $str = $min.'分鐘前';
13. }
14. else if ($time < 60 * 60 * 24) {
15. $h = floor($time/(60*60));
16. $str = $h.'小時前 '.$htime;
17. }
18. else if ($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. }
格式化輸出函數是將得到的用戶信息和發布內容及時間按照一定的格式輸出到前端頁面的函數,代碼如下:
2. $say=htmlspecialchars(stripslashes($say));
3.
4. return'
5. <div class="saylist">
6. <a href="#"><img src="images/'.$uid.'.jpg" width="50" height="50" alt="demo" />
7. </a>
8. <div class="saytxt">
9. <p><strong><a href="#">demo_'.$uid.'</a></strong> '.
10. preg_replace('/((?:http|https|ftp):\/\/(?:[A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+): ?(\d+)?\/?[^\s\"\']+)/i',
11. '<a href="$1" rel="nofollow" target="blank">$1</a>',$say).'
12. </p>
13. <div class="date">'.tranTime($dt).'</div>
14. </div>
15. <div class="clear"></div>
16. </div>'
17. ; }
將以上兩個函數都放入function.php中,準備隨時被調用。
submit.php處理表單數據
在上篇文章中,我們知道jQuery將前端獲得的數據以POST方式,通過Ajax提交給了后臺的submit.php。那么submit就是要完成后續的所有一攤子任務。請看代碼:
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.
9. $timetime=time(); //獲取當前時間
10. $userid=rand(0,4);
11. //插入數據到數據表中
12. $query=mysql_query("insert into say(userid,content,addtime)values('$userid','$txt','$time')");
13. if(mysql_affected_rows($link)!=1)
14. die("0");
15. echo formatSay($txt,$time,$userid); //調用函數輸出結果
注意,本例中為了演示,將用戶ID(userid)進行隨機處理,實際的應用是獲取當前用戶的ID。另外數據庫連接文件,大家可以自己寫一個,在我提供的下載的DEMO里也有這個文件。
最后要回到前端頁面index.php來。index.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>
至此,本例從前端交互到后臺處理程序,全部完成,有興趣的同學最好親自動手,才能從中學到樂趣。