劉 鐳,林文如
(1.福建師范大學信息技術學院,福建 福州 350007;2.閩江學院計算機科學系,福建 福州 350108)
從MVC的角度看,Flex只是一個客戶端表現層(即View),要真正地實現數據處理,就必須與服務端程序進行交互[1].在Flex中運用ZendAMF框架進行通信的應用研究較少[2].本文將研究和探討在ThinkPHP中整合ZendAMF框架的方法和實例,為基于Flex的富客戶端應用提供數據交互的能力.
ThinkPHP是一個免費開源的、快速簡單的、面向對象的輕量級PHP開發框架,遵循Apache2開源協議發布,是為了敏捷Web應用開發和簡化企業應用開發而誕生的,并且集成了許多第三方類庫[3].
AMF協議是Adobe公司的Action Message Format協議的簡稱[4],主要用于數據交互和遠程過程調用,在功能上與WebService相當,但AMF與WebService中的XML不同,AMF是二進制數據,而 XML是文本數據,AMF的傳輸效率比XML高[5].本文所整合的是基于 AMF協議的ZendAMF,該框架在執行效率、穩定性各方面均有較大優勢.
Flex是一個高效、免費的開源框架,可用于構建具有表現力的Web應用程序.這些應用程序利用 Adobe Flash Player和 Adobe AIR,運行時跨瀏覽器、桌面和操作系統,實現一致的部署.
如上所述,ThinkPHP、ZendAMF、Flex三者之間具有各自的優勢,那么如何整合3個框架,為企業級應用提供一種敏捷的開發方案,是一個急需解決的技術問題.
ThinkPHP是一個服務端開發框架,封裝了CURD和一些常用操作,在查詢語言、自動驗證、視圖模型等方面均有獨特的表現,即在設計控制器(Controller)與模型(Model)方面具有很強的處理能力,但富客戶端界面視圖(View)方面的表現則不盡如人意.
ZendAMF也是一個服務端開發框架,本身并沒有處理客戶端界面視圖方面的能力,但它內置了Flash對象,可以將服務端的Object、Array、Date、XML等數據傳回服務器端,在服務器端自動解析成適當的對象,這就減輕了開發人員繁復的工作負擔,同時也節省了開發時間.
Flex是一個富客戶端開發框架,先天就缺少服務端控制器、模型方面的能力,但在界面視圖方面卻有獨具一面的優勢.
整合3個框架的思路是:將3個框架各自的優點抽取出來,分別扮演M(模型)、V(視圖)、C(控制器)的角色,即ThinkPHP扮演控制器及模型的角色,ZendAMF扮演控制器網關的角色,Flex扮演視圖的角色.
根據以上分析的結果,整合后的開發框架如圖1所示.

圖1 框架整合圖
如圖1所示,整合后的框架使用Flex來代替ThinkPHP的視圖(View)部分,Flex負責前端的用戶交互,ThinkPHP負責服務端的業務邏輯(Controller)和數據處理(Model),ZendAMF的AMF網關負責架起Flex與ThinkPHP之間通信的橋梁,通信的方式為Remote Object.用Remote Object格式來傳遞數據,適用于大數據量通信的PRC服務.
框架的操作流程為:Flex客戶端通過ZendAMF網關向ThinkPHP控制器發送請求,Think-PHP控制器根據接收到的請求命令向ThinkPHP模型發送數據處理指令,ThinkPHP模型通過ThinkPHP內置的數據庫接口向數據庫請求數據,數據庫返回的數據通過上述路線原路返回給Flex客戶端界面.
為了簡明扼要地介紹3種框架整合技術的實現,又不失一般性,本實例將實現一個簡單的留言板功能模塊,包括寫留言、查看留言2項操作.
在Windows平臺下,使用如下開發環境:Apache 2.2.17+PHP5.3.3+MySQL5.5.8+ThinkPHP2.1+ZendAMF 1.1.1+ZendStudio 9.0.1+Adobe Flash Builder 4.5.
數據庫設計:在MySQL數據庫中新建一個表guestbook,包括 3 個字段:id、title、content.
在ZendStudio中新建一個本地PHP項目guestbook,系統自動在web服務器的根目錄下建立一個guestbook文件夾及index.php等文件,將ThinkPHP框架目錄復制到guestbook文件夾內,并在項目根目錄下新建一個www文件夾.
將ZendAMF框架復制到ThinkPHPVendor目錄下(注:ThinkPHP完整版中包含的 Zend-Framework已經包含了 ZendAMF).打開 index.php文件,ThinkPHP的入口文件一般寫法如下:

打開瀏覽器,在瀏覽器地址欄中輸入 http://localhost/guestbook,回車執行,若未提示錯誤,則表示ThinkPHP框架已經配置成功.在wwwLibAction下新建一個控制器,名為GbAction.class.php的文件,主要代碼為:

在wwwLibAction下新建一個控制器,名為 GatewayAction.class.php 的文件,代碼如下:


打開瀏覽器,在瀏覽器中輸入網址http://localhost/guestbook/index.php/Gateway/,回車執行,若瀏覽器中返回的結果顯示“Zend Amf Endpoint”或者提示下載 gateway文件的話,表明ZendAMF配置成功,并且與ThinkPHP整合成功.
在Flash Builder中新建一個Flex項目,在窗口中增加2個Button控件,1個DataGrid控件(id=dg),1個 TextInput控件,1個 TextArea控件.由于篇幅關系,本文只列出“查看全部留言”按鈕的實現代碼,主要代碼如下:


運行結果如圖2所示,當點擊按鈕時,觸發請求,通過 ZendAMF的網關,我們成功地用ThinkPHP強大的數據模型功能獲得服務器數據,最終返回給Flex顯示.

圖2 運行界面
在進行對比分析之前,首先給出傳統方法和本文方法的技術簡明表,如表1所示.

表1 兩種開發方案的技術簡明表
針對留言板功能模塊,分別使用上述2種方法進行了開發,運行在相同的服務器及客戶端環境下,下面將從開發效率、請求響應時間兩方面進行對比分析.
從表2可以看出,模塊代碼行與模塊開發時間的對比上,本文的方法都明顯優于傳統的方法.注:代碼行的區別主要體現在服務端PHP的代碼量.

表2 開發效率對比表
從表3可以看出,在小數據量方面,兩種方法的請求響應時間基本一樣,無明顯差別.但對于請求大數據的時候,本文方法的請求響應時間明顯優于傳統的方法.注:請求響應時間包括加載、初始化、執行和模板的響應時間.

表3 請求響應時間對比表
綜上所述,使用ThinkPHP強大的數據操作和模型的功能,通過ZendAMF的通信,可為Flex提供遠程數據調用服務,而Flex強大的富客戶端技術又彌補了ThinkPHP中視圖(View)的不足.本文的方法綜合了3者的優勢,為敏捷式企業級應用開發提供了一個較好的技術解決方案.
[1]吳波.Flex異步通信方式的比較[J].廣播與電視技術,2012(2):133-138.
[2]徐英鐘,陳文竹,張凌霄.基于Flex與PHP的MVC框架整合應用研究[J].計算機光盤軟件與應用,2010(4):108-109.
[3]Thinkphp團隊.ThinkPHP簡介[Z/OL].(2010-03-09)[2012 -05 -07].http://www.thinkphp.cn/about.html,2008.
[4]易學武.Net平臺下的AMF開發[J].電腦知識與技術,2010,6(23):6615 -6617,6520.
[5]陳顯軍,魏祖寬.基于Flex的XML數據通信與應用研究[J].計算機與現代化,2008(3):112-114.