基于PHP的移動(dòng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

李本伍 南京科技職業(yè)學(xué)院信息工程學(xué)院

基于PHP的移動(dòng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

李本伍 南京科技職業(yè)學(xué)院信息工程學(xué)院

本文首先對(duì)移動(dòng)網(wǎng)站的開(kāi)發(fā)技術(shù)進(jìn)行了分析，介紹了前端網(wǎng)頁(yè)UI設(shè)計(jì)中的jQuery Mobile技術(shù)、用于動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)的PHP語(yǔ)言以及MySQL數(shù)據(jù)庫(kù)。本文基于PHP語(yǔ)言設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)新聞移動(dòng)網(wǎng)站。

移動(dòng)網(wǎng)站 PHP jQuery Mobile MySQL

隨著網(wǎng)站技術(shù)的發(fā)展和智能移動(dòng)終端的普及，移動(dòng)網(wǎng)站的開(kāi)發(fā)需求越來(lái)越多。移動(dòng)網(wǎng)站與移動(dòng)APP比較，有自己的特點(diǎn)，不需要安裝下載，不需要針對(duì)專門的操作系統(tǒng)進(jìn)行開(kāi)發(fā)。移動(dòng)網(wǎng)站在終端顯示時(shí)可以兼容不同的屏幕分辨率，開(kāi)發(fā)者不需開(kāi)發(fā)出多套設(shè)計(jì)方案。本文對(duì)移動(dòng)網(wǎng)站實(shí)現(xiàn)的前端技術(shù)和動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)技術(shù)進(jìn)行介紹，并設(shè)計(jì)和實(shí)現(xiàn)了一個(gè)新聞網(wǎng)站。

本文實(shí)現(xiàn)的新聞移動(dòng)網(wǎng)站，前端基于HTML5技術(shù)規(guī)范，采用jQuery Mobile技術(shù)進(jìn)行網(wǎng)頁(yè)的UI設(shè)計(jì)，動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)采用了PHP（Personal Home Page）開(kāi)發(fā)語(yǔ)言，數(shù)據(jù)庫(kù)使用MySQL來(lái)實(shí)現(xiàn)，并實(shí)現(xiàn)了網(wǎng)站的后臺(tái)管理模塊。

1 移動(dòng)網(wǎng)站的開(kāi)發(fā)技術(shù)

移動(dòng)網(wǎng)站開(kāi)發(fā)技術(shù)主要包括三大部分，即前端網(wǎng)頁(yè)的UI設(shè)計(jì)技術(shù)、動(dòng)態(tài)網(wǎng)頁(yè)的開(kāi)發(fā)技術(shù)和后臺(tái)的數(shù)據(jù)庫(kù)技術(shù)。

1.1 jQuery Mobile技術(shù)介紹

目前移動(dòng)網(wǎng)站的前端網(wǎng)頁(yè)UI設(shè)計(jì)大多基于HTML5技術(shù)規(guī)范，采用的設(shè)計(jì)框架有jQuery Mobile、Amaze UI、Frozen UI、MUI等。jQuery Mobile是完全開(kāi)源的項(xiàng)目，是一個(gè)簡(jiǎn)單高效的移動(dòng)網(wǎng)頁(yè)UI框架，基于jQuery Mobile技術(shù)開(kāi)發(fā)的移動(dòng)網(wǎng)頁(yè)，可以兼顧不同大小的移動(dòng)終端屏幕分辨率，可以兼顧不同的移動(dòng)操作系統(tǒng)，對(duì)Android系統(tǒng)和iOS系統(tǒng)等都能較好地支持。運(yùn)用jQuery Mobile可以不僅可以創(chuàng)建一個(gè)高響應(yīng)式的網(wǎng)站，而且與其它工具如PhoneGap等“封裝器”結(jié)合可以創(chuàng)建原生的應(yīng)用程序。

1.2 PHP語(yǔ)言介紹

動(dòng)態(tài)網(wǎng)頁(yè)的開(kāi)發(fā)技術(shù)有JSP、ASP/ASP．NET、PHP等。PHP作為一種服務(wù)器端的腳本語(yǔ)言，其主要特點(diǎn)有如下五點(diǎn)。1）PHP有開(kāi)放的源代碼，具有完全免費(fèi)的特點(diǎn)。2）PHP的語(yǔ)法簡(jiǎn)單，實(shí)用性強(qiáng)。PHP結(jié)合了C語(yǔ)言和Perl語(yǔ)言的特點(diǎn)，編寫方便，簡(jiǎn)單易懂。3）PHP跨平臺(tái)性較強(qiáng)，作為服務(wù)器腳本可以運(yùn)行與Linux、Windows等多種操作系統(tǒng)環(huán)境下。4）PHP廣泛地支持目前主流和非主流的數(shù)據(jù)庫(kù)系統(tǒng)。5）PHP作為開(kāi)源產(chǎn)品，快速發(fā)展[5]。

1.3 MySQL數(shù)據(jù)庫(kù)介紹

PHP支 持 多 種 數(shù) 據(jù) 庫(kù) 系 統(tǒng)，如dBase、IBM DB2、Microsoft Access、Microsoft SQL Server、MySQL、Oracle、SyBase等。MySQL數(shù)據(jù)庫(kù)有如下一些特點(diǎn)。1）運(yùn)行速度快，支持多用戶共同存取，可以避免網(wǎng)絡(luò)阻塞。2）易于使用，便于學(xué)習(xí)，支持結(jié)構(gòu)化查詢語(yǔ)言，并且支持ODBC的應(yīng)用程序。3）具體較強(qiáng)的移植性，能夠用于Windows、Linux、OS/2、Unix、Mac OS等系統(tǒng)平臺(tái)上。4）支持多種程序語(yǔ)言接口，如C++、Perl、Java、PHP和Python等。5）MySQL的社區(qū)版本是完全免費(fèi)的。6）具有非常靈活安全的權(quán)限和密碼系統(tǒng)，允許基于主機(jī)的驗(yàn)證連接。

2 新聞網(wǎng)站的模塊設(shè)計(jì)與實(shí)現(xiàn)

本文基于PHP語(yǔ)言實(shí)現(xiàn)了一個(gè)新聞移動(dòng)網(wǎng)站。該網(wǎng)站在Windows Server 2008操作系統(tǒng)上測(cè)試運(yùn)行，使用IIS Web服務(wù)器或者Apache Web服務(wù)器進(jìn)行支持。本新聞網(wǎng)站的實(shí)現(xiàn)分為后臺(tái)管理和前端展示兩大模塊。

2.1 后臺(tái)管理模塊

后臺(tái)管理模塊按照普通桌面網(wǎng)站進(jìn)行設(shè)計(jì)，主要子模塊如圖1所示。

圖1 后臺(tái)管理模塊的劃分

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

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

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

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

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

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

后臺(tái)管理系統(tǒng)的首頁(yè)展示如圖2所示。

圖2 后臺(tái)管理系統(tǒng)的首頁(yè)

2.2 前端展示模塊

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

首頁(yè)部分包括圖片新聞板塊、專題板塊、頭條板塊、活動(dòng)板塊等。在后臺(tái)管理中可以設(shè)置每一特定版塊是否展示，以及版塊呈現(xiàn)的順序。前臺(tái)新聞首頁(yè)的展示效果如圖3所示。

新聞顯示頁(yè)主要包括頁(yè)眉、頁(yè)腳、文章標(biāo)題、發(fā)布時(shí)間、摘要、正文等。一條新聞的顯示頁(yè)示例如圖4所示。

圖3 前臺(tái)新聞的首頁(yè)展示

圖4 一條新聞的顯示頁(yè)

3 結(jié)束語(yǔ)

本文基于PHP語(yǔ)言使用jQuery Mobile技術(shù)和MySQL數(shù)據(jù)庫(kù)實(shí)現(xiàn)了一個(gè)新聞移動(dòng)網(wǎng)站。該移動(dòng)網(wǎng)站的后臺(tái)系統(tǒng)可以方便的對(duì)文章、圖片庫(kù)、前端版塊等進(jìn)行管理，網(wǎng)站的前端網(wǎng)頁(yè)也能夠適應(yīng)多種移動(dòng)終端進(jìn)行顯示。

[1]陳立欣.手機(jī)網(wǎng)站建設(shè)需求調(diào)研與分析[J].科技資訊,2013,(4):7-8.

[2] 張賀,陳錦昌.基于響應(yīng)式的移動(dòng)門戶網(wǎng)站構(gòu)建[J].現(xiàn)代計(jì)算機(jī),2015,(30):48-52.

[3]朱國(guó)藝.基于jQueryMobile技術(shù)的移動(dòng)網(wǎng)站開(kāi)發(fā)研究[J].電腦編程技巧與維護(hù),2016, (23):44-45.

[4]Raymond Camden,Andy Matthews.jQuery移動(dòng)Web開(kāi)發(fā)[M].北京: 清華大學(xué)出版社, 2015:1-9.

[5]劉玉紅.PHP+MySQL動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)[M].北京:清華大學(xué)出版社,2015:2-6.

[6]于荷云.PHP+MySQL網(wǎng)站開(kāi)發(fā)[M].北京:清華大學(xué)出版社,2015:20-23.

李本伍（1980-），男，助教，碩士，研究方向：軟件開(kāi)發(fā)技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)。