国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

PHP+jQuery+Ajax+Mysql如何實現發表心情功能

2024-09-01 08:33:04
字體:
來源:轉載
供稿:網友
這篇文章通過php+jquery+ajax+mysql相結合,實現當用戶瀏覽網站文章或者是論壇帖子后,想表達自己瀏覽后的心情,發表自己的感受,很多網站都提供了用戶發表心情的功能,通過此功能可以很直觀的分析文章或者是論壇對瀏覽者的用戶體驗度
 

實現發表心情功能通過php+jquery+ajax+mysql技術,大致流程我先給大家理下:主頁index.html頁面通過ajax獲取心情圖標及柱狀圖相關數據,當用戶點擊其中的一個心情圖標時,向后臺php發送請求,php對用戶cookie驗證(是否是首次提交),然后將數據庫對應的心情字段內容加1,成功后返回前端頁面,告訴首頁index頁面發表成功,并調整柱狀圖和統計數據。

請看效果圖:

PHP+jQuery+Ajax+Mysql如何實現發表心情功能

html:

先看HTML,我們在index.html中放置一個#msg,用來顯示操作結果信息,#mood是操作主區域,其中ul通過javascript異步加載心情圖標、說明、柱狀圖以及統計信息。

復制代碼代碼如下:

<div id="msg"></div>
    <div id=mood>
    <ul></ul>
</div>
 

 

PHP
首先我們在config.php配置文件中,配置數據庫連接信息,以及示例相關參數。
$
 

  1. host="localhost"
  2. $db_user="root"
  3. $db_pass=""
  4. $db_name="demo"
  5. $link=mysql_connect($host,$db_user,$db_pass); 
  6. mysql_select_db($db_name,$link); 
  7. mysql_query("SET names UTF8"); 
  8. //心情說明,用半角逗號隔開 
  9. $moodname='震驚,不解,憤怒,杯具,無聊,高興,支持,超贊'
  10. //心情圖標文件,用半角逗號隔開(template/images/目錄) 
  11. $moodpic='a1.gif,a2.gif,a3.gif,a4.gif,a5.gif,a6.gif,a7.gif,a8.gif'
  12. //統計心情柱圖標最大高度 
  13. $moodpicheight=80; 
?
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 丰县| 滕州市| 精河县| 漳浦县| 临泽县| 三原县| 舞阳县| 长葛市| 通江县| 仁怀市| 绥阳县| 小金县| 马山县| 临沭县| 讷河市| 海晏县| 柯坪县| 日土县| 邮箱| 双流县| 汝阳县| 沽源县| 新泰市| 嘉黎县| 昔阳县| 南丰县| 北海市| 久治县| 宜川县| 琼结县| 江油市| 彭山县| 潜江市| 富锦市| 应用必备| 清水河县| 互助| 安泽县| 荔浦县| 荔浦县| 安化县|