李本伍 南京科技職業學院信息工程學院
基于PHP的移動網站設計與實現
李本伍 南京科技職業學院信息工程學院
本文首先對移動網站的開發技術進行了分析,介紹了前端網頁UI設計中的jQuery Mobile技術、用于動態網頁開發的PHP語言以及MySQL數據庫。本文基于PHP語言設計并實現了一個新聞移動網站。
移動網站 PHP jQuery Mobile MySQL
隨著網站技術的發展和智能移動終端的普及,移動網站的開發需求越來越多。移動網站與移動APP比較,有自己的特點,不需要安裝下載,不需要針對專門的操作系統進行開發。移動網站在終端顯示時可以兼容不同的屏幕分辨率,開發者不需開發出多套設計方案。本文對移動網站實現的前端技術和動態網站開發技術進行介紹,并設計和實現了一個新聞網站。
本文實現的新聞移動網站,前端基于HTML5技術規范,采用jQuery Mobile技術進行網頁的UI設計,動態網頁的設計采用了PHP(Personal Home Page)開發語言,數據庫使用MySQL來實現,并實現了網站的后臺管理模塊。
移動網站開發技術主要包括三大部分,即前端網頁的UI設計技術、動態網頁的開發技術和后臺的數據庫技術。
目前移動網站的前端網頁UI設計大多基于HTML5技術規范,采用的設計框架有jQuery Mobile、Amaze UI、Frozen UI、MUI等。jQuery Mobile是完全開源的項目,是一個簡單高效的移動網頁UI框架,基于jQuery Mobile技術開發的移動網頁,可以兼顧不同大小的移動終端屏幕分辨率,可以兼顧不同的移動操作系統,對Android系統和iOS系統等都能較好地支持。運用jQuery Mobile可以不僅可以創建一個高響應式的網站,而且與其它工具如PhoneGap等“封裝器”結合可以創建原生的應用程序。
動態網頁的開發技術有JSP、ASP/ASP.NET、PHP等。PHP作為一種服務器端的腳本語言,其主要特點有如下五點。1)PHP有開放的源代碼,具有完全免費的特點。2)PHP的語法簡單,實用性強。PHP結合了C語言和Perl語言的特點,編寫方便,簡單易懂。3)PHP跨平臺性較強,作為服務器腳本可以運行與Linux、Windows等多種操作系統環境下。4)PHP廣泛地支持目前主流和非主流的數據庫系統。5)PHP作為開源產品,快速發展[5]。
PHP支 持 多 種 數 據 庫 系 統,如dBase、IBM DB2、Microsoft Access、Microsoft SQL Server、MySQL、Oracle、SyBase等。MySQL數據庫有如下一些特點。1)運行速度快,支持多用戶共同存取,可以避免網絡阻塞。2)易于使用,便于學習,支持結構化查詢語言,并且支持ODBC的應用程序。3)具體較強的移植性,能夠用于Windows、Linux、OS/2、Unix、Mac OS等系統平臺上。4)支持多種程序語言接口,如C++、Perl、Java、PHP和Python等。5)MySQL的社區版本是完全免費的。6)具有非常靈活安全的權限和密碼系統,允許基于主機的驗證連接。
本文基于PHP語言實現了一個新聞移動網站。該網站在Windows Server 2008操作系統上測試運行,使用IIS Web服務器或者Apache Web服務器進行支持。本新聞網站的實現分為后臺管理和前端展示兩大模塊。
后臺管理模塊按照普通桌面網站進行設計,主要子模塊如圖1所示。

圖1 后臺管理模塊的劃分
網站管理員模塊,只有網站超級管理員有此功能,可以添加、刪除普通管理員,可以重置普通管理員密碼。
新聞分類管理模塊,主要功能有文章分類的添加、刪除、修改,文章的批量修改、配置等。
新聞管理模塊,主要功能有文章的上傳、刪除、修改、審核、標記等。
相冊管理模塊,主要功能有相冊的添加、刪除、修改,圖片的批量刪除等。
圖片管理模塊,主要功能有圖片的上傳、刪除、水印設置等。
前端展示模塊,主要功能為前端首頁展示板塊的添加、刪除,設置展示板塊的顯示順序等。
后臺管理系統的首頁展示如圖2所示。

圖2 后臺管理系統的首頁
前端展示模塊主要分為兩部分,一是首頁部分,一是新聞顯示頁部分。
首頁部分包括圖片新聞板塊、專題板塊、頭條板塊、活動板塊等。在后臺管理中可以設置每一特定版塊是否展示,以及版塊呈現的順序。前臺新聞首頁的展示效果如圖3所示。
新聞顯示頁主要包括頁眉、頁腳、文章標題、發布時間、摘要、正文等。一條新聞的顯示頁示例如圖4所示。

圖3 前臺新聞的首頁展示

圖4 一條新聞的顯示頁
本文基于PHP語言使用jQuery Mobile技術和MySQL數據庫實現了一個新聞移動網站。該移動網站的后臺系統可以方便的對文章、圖片庫、前端版塊等進行管理,網站的前端網頁也能夠適應多種移動終端進行顯示。
[1]陳立欣.手機網站建設需求調研與分析[J].科技資訊,2013,(4):7-8.
[2] 張賀,陳錦昌.基于響應式的移動門戶網站構建[J].現代計算機,2015,(30):48-52.
[3]朱國藝.基于jQueryMobile技術的移動網站開發研究[J].電腦編程技巧與維護,2016, (23):44-45.
[4]Raymond Camden,Andy Matthews.jQuery移動Web開發[M].北京: 清華大學出版社, 2015:1-9.
[5]劉玉紅.PHP+MySQL動態網站開發[M].北京:清華大學出版社,2015:2-6.
[6]于荷云.PHP+MySQL網站開發[M].北京:清華大學出版社,2015:20-23.
李本伍(1980-),男,助教,碩士,研究方向:軟件開發技術、計算機網絡技術。