【51CTO快譯】Ajax技術(shù)的引入給Web開發(fā)帶來了翻天覆地的變化。PHP與Javascript的結(jié)合讓我們的Web應(yīng)用變得豐富多彩。為了讓大家更上一層樓，我們在此分享一些常用的精品組件，讓你的第一時(shí)間就能抓住用戶。

下面，我們將要介紹21個(gè)免費(fèi)的PHP組件和教程，這些組件在很多的項(xiàng)目里都用得上，而且它們都比較容易配置，一下就可以學(xué)會。下次做項(xiàng)目時(shí)不妨就用它們試試吧。

1.圖表

pChart是一個(gè)用于繪制圖表的PHP類。大多數(shù)圖表的類庫都是收費(fèi)的，而這個(gè)項(xiàng)目則是免費(fèi)提供的。用于繪制圖表的數(shù)據(jù)可以從SQL查詢中獲取，也可以CSV文件獲取，或者由你指定。這個(gè)項(xiàng)目還在更新和開發(fā)中，每周都有新的功能特性產(chǎn)生。目前我們的著重點(diǎn)是通過引入抗鋸齒算法來提高渲染效果，這樣圖表就能更美觀一些。在渲染速度方面，從第一版開始就已經(jīng)取得了顯著提升，當(dāng)然我們也還在繼續(xù)不斷優(yōu)化代碼。

2.PHP組件：智能提示（Autosuggest）

這是一個(gè)用PHP 和MySQL編寫的組件，用它可以實(shí)現(xiàn)搜索框的智能輸入提示，就像Google搜索那樣。

3.用MooTools實(shí)現(xiàn)Ajax動(dòng)態(tài)刪除

用過WordPress的人可能都會對WoodPress里有一個(gè)地方很感興趣，那就是當(dāng)你點(diǎn)擊刪除鏈接時(shí)，菜單項(xiàng)就會變成紅色的，隨后該條目就被隱去了。這個(gè)教程介紹了如何用MooTools 實(shí)現(xiàn)這個(gè)功能

if(isset($_GET['delete']))   
{   
 $query = 'DELETE FROM my_table WHERE item_id = '.(int)$_GET['delete'];   
 $result = mysql_query($result,$link);   
}  

4.用PHP Filters驗(yàn)證和過濾數(shù)據(jù)

數(shù)據(jù)的驗(yàn)證和過濾是處理表單操作時(shí)不可或缺的一環(huán)，惡意的數(shù)據(jù)不僅僅會帶來安全上的問題，它還可能把我們的頁面布局完全打亂。用"filter_var"這個(gè)函數(shù)就可以實(shí)現(xiàn)過濾非法字符和驗(yàn)證數(shù)據(jù)的功能。

#p#

5.如何創(chuàng)建一個(gè)簡單的登陸驗(yàn)證系統(tǒng)

在這個(gè)教程中，將向你介紹了如何用PHP和MySQL實(shí)現(xiàn)一個(gè)登陸系統(tǒng)，涵蓋了MySqli，Prepared Statements，jQuery，Classes，Sessions，Cookies等許多技術(shù)

6.搭建你自己的簡易CMS系統(tǒng)

◆在這份教程里，你將學(xué)到以下內(nèi)容

◆如何創(chuàng)建一個(gè)數(shù)據(jù)庫

◆如何連接到數(shù)據(jù)庫

◆顯示一個(gè)有兩個(gè)域的表單

◆在數(shù)據(jù)庫里保存表單提交的數(shù)據(jù)

◆顯示數(shù)據(jù)庫里保存的數(shù)據(jù)

7. 如何用PHP，MySQL和JQuery實(shí)現(xiàn)類似Reddit風(fēng)格的投票功能

點(diǎn)擊查看范例

8.用PHP和Mootools實(shí)現(xiàn)簡易分頁功能

這是一個(gè)PHP的分頁類，它能幫你處理數(shù)據(jù)庫查詢，生成Ajax分頁導(dǎo)航條，甚至還能為你生成Javascript代碼。

點(diǎn)擊查看范例

#p#

9.實(shí)現(xiàn)緩存PHP頁面的一個(gè)簡單方法

這個(gè)教程介紹了如何利用輸出緩存實(shí)現(xiàn)將動(dòng)態(tài)頁面緩存為靜態(tài)頁面從而提高響應(yīng)速度。

點(diǎn)擊此處查看演示

10.用PHP和JQuery實(shí)現(xiàn)目錄樹

目錄樹能最直觀地表現(xiàn)出目錄的層次結(jié)構(gòu)，這份教程演示了如何用PHP和JQuery創(chuàng)建一個(gè)目錄樹。

點(diǎn)擊此處查看演示

11.用JQuery，PHP實(shí)現(xiàn)Ajax調(diào)用Twitter API

這份教程演示了如何用JQuery，PHP實(shí)現(xiàn)Ajax調(diào)用 Twitter的API，當(dāng)HTML代碼加載完成后，它就會每隔30秒調(diào)用一次getSearch()這個(gè)Javascript 函數(shù)，并返回這個(gè)Twitter API 函數(shù)的查詢結(jié)果。

12.如何創(chuàng)建一個(gè)Google所用的那種密碼強(qiáng)度指示條

密碼強(qiáng)度指示條現(xiàn)在越來越流行了，在申請Google帳戶時(shí)，我們就可以看到一個(gè)這種指示條。這里有一份教你如何自己編寫這種指示條的教程。

點(diǎn)擊此處查看演示

#p#

13.用PHP將數(shù)據(jù)庫庫里的數(shù)據(jù)備份到XML文件里

眾所周知，數(shù)據(jù)的備份是極其重要的。數(shù)據(jù)庫的備份是最重要的一環(huán)。丟失數(shù)據(jù)庫里的數(shù)據(jù)實(shí)在是再悲慘不過了。這是一份教你如何用PHP代碼將數(shù)據(jù)導(dǎo)出到XML文件的教程，下面是它生成的XML文件片段。

< database name="my_database">   
 < table name="wp_comments">   
  < columns>   
< column name="comment_ID" blob="0" maxlength="" multiple_key="0" not_null="1" numeric="1" primary_key="1" table="wp_comments" type="int" default="" unique_key="0" unsigned="1" zerofill="0" />   
< column name="comment_post_ID" blob="0" maxlength="" multiple_key="1" not_null="1" numeric="1" primary_key="0" table="wp_comments" type="int" default="" unique_key="0" unsigned="0" zerofill="0" />  

點(diǎn)擊此處查看演示

14.用PHP將個(gè)性化Google搜索集成到你自己的站點(diǎn)中

教你如何按照自己喜好把Google個(gè)性化搜索集成到你自己的網(wǎng)站里。

15. 用PHP方便，可靠地發(fā)送HTML郵件

一份簡單明了的教程，它介紹了如何發(fā)送一份帶純文本格式副本的HTML郵件

16.如何用PHP和JQuery在服務(wù)端和客戶端驗(yàn)證表單數(shù)據(jù)

在這份教程里，我們將學(xué)到如何用PHP和JQuery在服務(wù)端和客戶端驗(yàn)證用戶所提交的表單數(shù)據(jù)。我們還將看到如何用正則表達(dá)式驗(yàn)證不同的E-mail，密碼以及其它數(shù)據(jù)。

點(diǎn)擊此處查看演示

17.用PHP和AJAX實(shí)現(xiàn)留言板功能

一步一步從零開始創(chuàng)建一個(gè)Ajax留言板。并學(xué)習(xí)怎樣用jQuery和PHP實(shí)現(xiàn)異步插入和恢復(fù)MySQL數(shù)據(jù)庫里的數(shù)據(jù)。

點(diǎn)擊此處查看演示

#p#

18．用PHP壓縮CSS文件的3招

隨著頁面設(shè)計(jì)越來越精細(xì)，CSS文件也變得越來越臃腫，加載CSS文件也越來越費(fèi)時(shí)。這里有一份教程介紹了用PHP壓縮CSS文件的三種方法。

19．圖片智能縮放

這個(gè)功能的最大好處就是你在線就可以縮放或者剪裁圖片，不需要在本地操作。

20．PHP聯(lián)系人表單示例

這個(gè)聯(lián)系人表單程序?qū)崿F(xiàn)了數(shù)據(jù)的提交和驗(yàn)證，如果用戶提交的數(shù)據(jù)通過驗(yàn)證，則返回成功的信息，如果用戶填寫的消息內(nèi)容為空，或Email地址是無效地址，則返回失敗信息

點(diǎn)擊此處查看演示

21.PHP&jQuery圖片上傳裁剪器 v1.2

它能讓你輕易實(shí)現(xiàn)圖片上傳、在線縮放、在線圖片裁剪功能。

[[3684]]

這21個(gè)PHP組件及教程，你學(xué)會了嗎？

【編輯推薦】

1. 10段PHP常用功能代碼
2. 國外十大最流行PHP框架排名
3. 20個(gè)非常有用的PHP類庫
4. PHP面向?qū)ο缶幊讨械拇砼c異常定制
5. 手把手教你在Google App Engine上運(yùn)行PHP