php+jquery+ajax+mysql實現(xiàn)發(fā)表心情功能

下載文檔

ID：13681232

大小：75.00 KB

頁數(shù)：5頁

時間：2018-07-23

收藏

資源描述：

《php+jquery+ajax+mysql實現(xiàn)發(fā)表心情功能》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、PHP+jQuery+Ajax+Mysql實現(xiàn)發(fā)表心情功能本文通過實例講解使用PHP+jQuery+Ajax+Mysql相結(jié)合，實現(xiàn)了用戶發(fā)表心情的功能，操作簡單，實用性強，是一篇將WEB知識進行綜合應(yīng)用的文章，因此讀者需要具備PHP、Mysql、jQuery以及ajax相關(guān)知識www.bbsbbshome.com。本示例的大致原理和流程是這樣的：主頁面index.html通過ajax獲取心情圖標及柱狀圖相關(guān)數(shù)據(jù)，當(dāng)用戶點擊其中的一個心情圖標時，向后臺php發(fā)送請求，PHP驗證用戶cookie防止重復(fù)提交，然后將mysql中對應(yīng)的數(shù)據(jù)心情

2、字段內(nèi)容加1，成功后返回前端頁面，告訴index.html發(fā)表成功，并調(diào)整柱狀圖和統(tǒng)計數(shù)據(jù)。HTML先看HTML，我們在index.html中放置一個#msg，用來顯示操作結(jié)果信息，#mood是操作主區(qū)域，其中ul通過javascript異步加載心情圖標、說明、柱狀圖以及統(tǒng)計信息。?

??????????

?

3、r="root";?$db_pass="";?$db_name="demo";??$link=mysql_connect($host,$db_user,$db_pass);?mysql_select_db($db_name,$link);?mysql_query("SET?names?UTF8");??//心情說明，用半角逗號隔開?$moodname='震驚,不解,憤怒,杯具,無聊,高興,支持,超贊';?//心情圖標文件，用半角逗號隔開(template/images/目錄)?$moodpic='a1.gif,a2.gif,a3.gif,

4、a4.gif,a5.gif,a6.gif,a7.gif,a8.gif';?//統(tǒng)計心情柱圖標最大高度?$moodpicheight=80;?接下來，我們在mood.php中準備分兩部分，通過接收action參數(shù)，分為第一部分：發(fā)表心情，第二部分：獲取心情相關(guān)信息。?include_once("config.php");??$action?=?$_GET['action'];?if($action=='send'){?//發(fā)表心情?????...?}else{?//獲取心情?????...?}?Part1：發(fā)表心情。用戶從前端通過post提

5、交發(fā)表心情的參數(shù)，包括文章id，心情id。先驗證文章是否存在，然后再驗證用戶是否已經(jīng)對這篇文章發(fā)表過心情了，接著操作數(shù)據(jù)庫，將對應(yīng)的心情字段值+1，并計算出當(dāng)前心情對應(yīng)的柱狀圖的高度，返回給前端js接收。?$id?=?(int)$_POST['id'];?//文章或帖子id?$mid?=?(int)$_POST['moodid'];?//心情id（配置文件中提供8種心情）?if(!$mid?

6、

7、?!$id){?????echo?"此鏈接不存在";exit;?}??$havemood?=?chk_mood($id);?//驗證cookie?

8、if($havemood==1){?????echo?"您已經(jīng)表達過心情了，保持平常心有益身心健康！";exit;?}?$field?=?'mood'.$mid;?//數(shù)據(jù)表中的心情字段，分別用mood0，mood1，mood2...表示不同的心情字段?$query?=?mysql_query("update?mood?set?".$field."=".$field."+1?where?id=".$id);?//對應(yīng)的心情字段值+1?if($query){?????setcookie("mood".$id,?$mid.$id,?time(

9、)+300);?//設(shè)置cookie，為了測試我們設(shè)置cookie過期時間為300s?????$query2?=?mysql_query("select?*?from?mood?where?id=$id");?????$rs?=?mysql_fetch_array($query2);//獲取該文章的心情數(shù)據(jù)?????$total?=?$rs['mood0']+$rs['mood1']+$rs['mood2']+$rs['mood3']+$rs['mood4']+$rs['mood5']+?$rs['mood6']+$rs['mood7']

10、;?????$height?=?round(($rs[$field]/$total)*$moodpicheight);?//得到總量，并計算當(dāng)前對應(yīng)心情的柱狀圖的高度?????echo?$he