基于PHP的移動網站設計與實現

李本伍 南京科技職業學院信息工程學院

基于PHP的移動網站設計與實現

李本伍 南京科技職業學院信息工程學院

本文首先對移動網站的開發技術進行了分析，介紹了前端網頁UI設計中的jQuery Mobile技術、用于動態網頁開發的PHP語言以及MySQL數據庫。本文基于PHP語言設計并實現了一個新聞移動網站。

移動網站 PHP jQuery Mobile MySQL

隨著網站技術的發展和智能移動終端的普及，移動網站的開發需求越來越多。移動網站與移動APP比較，有自己的特點，不需要安裝下載，不需要針對專門的操作系統進行開發。移動網站在終端顯示時可以兼容不同的屏幕分辨率，開發者不需開發出多套設計方案。本文對移動網站實現的前端技術和動態網站開發技術進行介紹，并設計和實現了一個新聞網站。

本文實現的新聞移動網站，前端基于HTML5技術規范，采用jQuery Mobile技術進行網頁的UI設計，動態網頁的設計采用了PHP（Personal Home Page）開發語言，數據庫使用MySQL來實現，并實現了網站的后臺管理模塊。

1 移動網站的開發技術

移動網站開發技術主要包括三大部分，即前端網頁的UI設計技術、動態網頁的開發技術和后臺的數據庫技術。

1.1 jQuery Mobile技術介紹

目前移動網站的前端網頁UI設計大多基于HTML5技術規范，采用的設計框架有jQuery Mobile、Amaze UI、Frozen UI、MUI等。jQuery Mobile是完全開源的項目，是一個簡單高效的移動網頁UI框架，基于jQuery Mobile技術開發的移動網頁，可以兼顧不同大小的移動終端屏幕分辨率，可以兼顧不同的移動操作系統，對Android系統和iOS系統等都能較好地支持。運用jQuery Mobile可以不僅可以創建一個高響應式的網站，而且與其它工具如PhoneGap等“封裝器”結合可以創建原生的應用程序。

1.2 PHP語言介紹

動態網頁的開發技術有JSP、ASP/ASP．NET、PHP等。PHP作為一種服務器端的腳本語言，其主要特點有如下五點。1）PHP有開放的源代碼，具有完全免費的特點。2）PHP的語法簡單，實用性強。PHP結合了C語言和Perl語言的特點，編寫方便，簡單易懂。3）PHP跨平臺性較強，作為服務器腳本可以運行與Linux、Windows等多種操作系統環境下。4）PHP廣泛地支持目前主流和非主流的數據庫系統。5）PHP作為開源產品，快速發展[5]。

1.3 MySQL數據庫介紹

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）具有非常靈活安全的權限和密碼系統，允許基于主機的驗證連接。

2 新聞網站的模塊設計與實現

本文基于PHP語言實現了一個新聞移動網站。該網站在Windows Server 2008操作系統上測試運行，使用IIS Web服務器或者Apache Web服務器進行支持。本新聞網站的實現分為后臺管理和前端展示兩大模塊。

2.1 后臺管理模塊

后臺管理模塊按照普通桌面網站進行設計，主要子模塊如圖1所示。

圖1 后臺管理模塊的劃分

網站管理員模塊，只有網站超級管理員有此功能，可以添加、刪除普通管理員，可以重置普通管理員密碼。

新聞分類管理模塊，主要功能有文章分類的添加、刪除、修改，文章的批量修改、配置等。

新聞管理模塊，主要功能有文章的上傳、刪除、修改、審核、標記等。

相冊管理模塊，主要功能有相冊的添加、刪除、修改，圖片的批量刪除等。

圖片管理模塊，主要功能有圖片的上傳、刪除、水印設置等。

前端展示模塊，主要功能為前端首頁展示板塊的添加、刪除，設置展示板塊的顯示順序等。

后臺管理系統的首頁展示如圖2所示。

圖2 后臺管理系統的首頁

2.2 前端展示模塊

前端展示模塊主要分為兩部分，一是首頁部分，一是新聞顯示頁部分。

首頁部分包括圖片新聞板塊、專題板塊、頭條板塊、活動板塊等。在后臺管理中可以設置每一特定版塊是否展示，以及版塊呈現的順序。前臺新聞首頁的展示效果如圖3所示。

新聞顯示頁主要包括頁眉、頁腳、文章標題、發布時間、摘要、正文等。一條新聞的顯示頁示例如圖4所示。

圖3 前臺新聞的首頁展示

圖4 一條新聞的顯示頁

3 結束語

本文基于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-），男，助教，碩士，研究方向：軟件開發技術、計算機網絡技術。