朱小琴

（泉州經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院，福建泉州 362000）

基于PHP技術(shù)的電子相冊(cè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

朱小琴

（泉州經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院，福建泉州 362000）

電子相冊(cè)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)是采用PHP技術(shù)，同時(shí)結(jié)合了MYSQL數(shù)據(jù)庫(kù)，實(shí)現(xiàn)了對(duì)于相冊(cè)的多層次管理，包括相冊(cè)的分級(jí)存放，相冊(cè)的瀏覽、上傳、刪除等編輯功能，極大地滿足了廣大攝影愛(ài)好者收集相冊(cè)以及管理相冊(cè)的個(gè)性化需求。

php；mysql；電子相冊(cè)；個(gè)性化

0 前言

在線電子相冊(cè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，能解決大量自拍者以及攝影愛(ài)好者大容量圖片資料的存儲(chǔ)與各種管理問(wèn)題，能為這些圖片等進(jìn)行分級(jí)、分層次管理，通過(guò)上傳、下載等功能來(lái)動(dòng)態(tài)操作這些圖片，并實(shí)現(xiàn)相冊(cè)資料的在線、實(shí)時(shí)、交互式管理。

1 開(kāi)發(fā)環(huán)境和配置介紹

網(wǎng)站的開(kāi)發(fā)、設(shè)計(jì)工具是Dreamweaver CS6。Dreamweaver[1]是由Adobe公司開(kāi)發(fā)的網(wǎng)站開(kāi)發(fā)與編輯工具，利用Dreamweaver的各項(xiàng)菜單，用戶可以進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)等各項(xiàng)活動(dòng)。

網(wǎng)站的開(kāi)發(fā)技術(shù)是PHP[2]技術(shù)。PHP是一種運(yùn)行于服務(wù)器端的動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)技術(shù)，它可以嵌入HTML標(biāo)記語(yǔ)言，其獨(dú)特的語(yǔ)法混合了C、JAVA、PERL以及PHP自創(chuàng)的語(yǔ)法。

基于PHP開(kāi)發(fā)環(huán)境進(jìn)行網(wǎng)站建設(shè)，常用的技術(shù)環(huán)境組合是：Windows操作系統(tǒng)、Apache[3]服務(wù)器、MySQL和PHP腳本語(yǔ)言。

Apache服務(wù)器是一款源代碼開(kāi)放的WEB服務(wù)器，其功能可以與微軟的IIS媲美；MySQL是一個(gè)開(kāi)放源代碼的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，具有體積小、速度快、成本低等優(yōu)點(diǎn)；PHP是一種腳本語(yǔ)言，它不但引入了面向?qū)ο蟮娜繖C(jī)制，同時(shí)還保留了向下的兼容性。

PHP環(huán)境配置文件主要包含php.ini，httpd. conf和my.ini等三個(gè)文件，用戶需要對(duì)這三個(gè)文件進(jìn)行設(shè)置后，才可以正確運(yùn)行網(wǎng)站的各個(gè)文件。

2 網(wǎng)站數(shù)據(jù)庫(kù)設(shè)計(jì)

為了分層次、分級(jí)以及更好地管理這些大容量相冊(cè)資料，滿足實(shí)際要求，應(yīng)創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)，數(shù)據(jù)庫(kù)名稱為photo，同時(shí)需要把該數(shù)據(jù)庫(kù)文件置于MYSQL的DATABASE文件夾下面，在數(shù)據(jù)庫(kù)中創(chuàng)建滿足網(wǎng)站后臺(tái)管理功能要求的數(shù)據(jù)表，其各個(gè)表的名稱和相對(duì)應(yīng)的字段、類型如表1至表3所示。

表1為photoclass，它主要存儲(chǔ)相冊(cè)的分類編號(hào)和分類名稱，具體設(shè)計(jì)結(jié)構(gòu)如下所示：

表1 photoclass

表2為photoinfo，它主要存儲(chǔ)每一個(gè)相冊(cè)的相關(guān)信息，具體設(shè)計(jì)結(jié)構(gòu)如下所示：

表2 photoinfo

picdetail主要存儲(chǔ)每一個(gè)相冊(cè)中每一張圖片的相關(guān)信息，具體結(jié)構(gòu)設(shè)計(jì)如表3所示。

3 數(shù)據(jù)庫(kù)與頁(yè)面的連接代碼

為了實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的連接，應(yīng)利用dreamwea-ver軟件先創(chuàng)建一個(gè)PHP本地網(wǎng)站文件夾，該文件夾位于C盤(pán)的WWW目錄下面，對(duì)本地網(wǎng)站進(jìn)行配置與測(cè)試之后，就可以進(jìn)行前臺(tái)閱覽頁(yè)面與后臺(tái)數(shù)據(jù)庫(kù)的連接了。連接首先需要?jiǎng)?chuàng)建一個(gè)公用的數(shù)據(jù)庫(kù)連接文件myphotoconn.php,在該文件中編寫(xiě)連接代碼[4]，具體如下所示：

表3 picdetail

前臺(tái)頁(yè)面中有涉及到跟數(shù)據(jù)庫(kù)進(jìn)行交互操作的頁(yè)面，都需要把該數(shù)據(jù)庫(kù)文件myphotoconn.pph[5]包含到其頁(yè)面中。

4 前臺(tái)主要頁(yè)面設(shè)計(jì)

一般動(dòng)態(tài)網(wǎng)站的模式都是前臺(tái)和后臺(tái)分開(kāi)設(shè)計(jì)與制作，因此，首先進(jìn)行網(wǎng)站的前臺(tái)頁(yè)面設(shè)計(jì)。

在線電子相冊(cè)網(wǎng)站主要的前臺(tái)頁(yè)面有：photoindex.php-相冊(cè)首頁(yè)、photoclass.php-相冊(cè)分類展示頁(yè)、photoclassinfo.php-分類相冊(cè)詳細(xì)信息描述頁(yè)、picdetail.php圖片列表信息頁(yè)、單張圖片詳細(xì)內(nèi)容頁(yè)piccontent.php。

各個(gè)頁(yè)面的設(shè)計(jì)過(guò)程如下：

（1）電子相冊(cè)首頁(yè)photoindex.php主要用于顯示用戶上傳到數(shù)據(jù)庫(kù)中的各條相冊(cè)信息以及相關(guān)的各條圖片信息，用戶可以根據(jù)自己的興趣愛(ài)好，進(jìn)行點(diǎn)擊選擇，頁(yè)面上包括相冊(cè)分類信息，最新上傳的相冊(cè)信息，分列表圖片展示信息等，具體如圖1所示。

圖1 電子相冊(cè)網(wǎng)站首頁(yè)

（2）電子相冊(cè)分類展示頁(yè)photoclass.php主要用于分列表展示不同類別的相冊(cè)描述信息，點(diǎn)擊鏈接之后，可以查看更詳細(xì)的每個(gè)分類相冊(cè)的相關(guān)信息，具體如圖2所示。

圖2 分類相冊(cè)信息頁(yè)

（3）電子相冊(cè)分類相冊(cè)詳細(xì)信息頁(yè)photoclassinfo.php主要用于展示每個(gè)分類相冊(cè)的所有圖片資料，具體如圖3所示。

圖3 分類相冊(cè)詳細(xì)信息頁(yè)

（4）電子相冊(cè)圖片詳細(xì)信息頁(yè)picdetail.php主要用于展示每個(gè)分類相冊(cè)下每張圖片的簡(jiǎn)要描述信息，具體如圖4所示。

圖4 圖片列表信息頁(yè)

（5）電子相冊(cè)單張圖片詳細(xì)內(nèi)容頁(yè)piccontent. php主要用于展示每個(gè)分類相冊(cè)下每張圖片的詳細(xì)內(nèi)容信息，具體如圖5所示。

圖5 單張圖片信息頁(yè)

5 后臺(tái)管理系統(tǒng)的實(shí)現(xiàn)

后臺(tái)管理系統(tǒng)主要是通過(guò)對(duì)數(shù)據(jù)庫(kù)的操作，把相對(duì)應(yīng)的處理結(jié)果顯示在前臺(tái)頁(yè)面中。

在線電子相冊(cè)網(wǎng)站主要的后臺(tái)管理頁(yè)面有：photologin.php-登錄頁(yè)、photoadmin.php相冊(cè)后臺(tái)管理首頁(yè)、photoadminclass.php-管理分類相冊(cè)頁(yè)、adminpic.php-管理圖片列表頁(yè)、addphoto.php添加相冊(cè)信息頁(yè)、addpic.php添加圖片信息頁(yè)、addphotoclass.php添加相冊(cè)分類頁(yè)。

各個(gè)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)過(guò)程如下：

（1）在登錄頁(yè)能通過(guò)設(shè)定好的用戶名和密碼，點(diǎn)擊前臺(tái)的登錄鏈接按鈕，進(jìn)入到后臺(tái)管理首頁(yè)photoadmin.php，從而進(jìn)行相對(duì)應(yīng)的各項(xiàng)操作。

（2）相冊(cè)后臺(tái)管理首頁(yè)是用戶登錄成功之后進(jìn)入的頁(yè)面，該頁(yè)面分列表顯示各個(gè)相冊(cè)的信息，管理員通過(guò)點(diǎn)擊相對(duì)應(yīng)的按鈕或者菜單，可以進(jìn)入各個(gè)子頁(yè)面進(jìn)行相關(guān)的后臺(tái)各項(xiàng)編輯操作，如刪除、修改等。

（3）分類相冊(cè)管理頁(yè)面主要實(shí)現(xiàn)對(duì)不同類型的相冊(cè)進(jìn)行刪除、修改功能；圖片管理列表頁(yè)用于分列表和分頁(yè)顯示每一種類型相冊(cè)下的每一張圖片信息，同時(shí)可以對(duì)指定的圖片進(jìn)行刪除和修改操作。

（4）相冊(cè)添加頁(yè)實(shí)現(xiàn)了根據(jù)數(shù)據(jù)庫(kù)中相冊(cè)信息表格所對(duì)應(yīng)的字段和內(nèi)容，添加相冊(cè)信息，并保存該相冊(cè)記錄到指定的數(shù)據(jù)庫(kù)表中，其部分關(guān)鍵性代碼[6]如下所示：

（5）圖片添加頁(yè)實(shí)現(xiàn)了根據(jù)數(shù)據(jù)庫(kù)中圖片信息表格所對(duì)應(yīng)的字段和內(nèi)容，添加圖片信息，并保存該圖片資料記錄到指定的數(shù)據(jù)庫(kù)表中,同時(shí)給單張圖片創(chuàng)建詳細(xì)信息頁(yè)的鏈接，從而能跳轉(zhuǎn)到圖片的詳細(xì)信息內(nèi)容頁(yè)中，更全面、更詳細(xì)地了解圖片相關(guān)資料。

（6）相冊(cè)分類添加頁(yè)面實(shí)現(xiàn)的功能是將相冊(cè)分類號(hào)和相冊(cè)分類名稱添加到數(shù)據(jù)庫(kù)中的表格新記錄當(dāng)中。

（7）當(dāng)管理員要返回到前臺(tái)頁(yè)面的時(shí)候，需要進(jìn)行注銷(xiāo)操作，點(diǎn)擊注銷(xiāo)按鈕，退出后臺(tái)管理系統(tǒng)，進(jìn)入前臺(tái)界面，可以再次瀏覽和查看頁(yè)面等。

6 結(jié)論

通過(guò)分析用戶實(shí)際的個(gè)性化需求，利用PHP腳本語(yǔ)言和MYSQL數(shù)據(jù)庫(kù)技術(shù)，借助Dreamweaver開(kāi)發(fā)工具，設(shè)計(jì)與實(shí)現(xiàn)了一個(gè)在線的個(gè)性化電子相冊(cè)，達(dá)到了大容量、分層次管理用戶相關(guān)相冊(cè)資料的目的，實(shí)現(xiàn)了圖片和相冊(cè)等資料的上傳、下載等功能，為廣大攝影愛(ài)好者提供了交流和溝通的平臺(tái)。

［1］何新起.Dreamweaver CS6完美網(wǎng)頁(yè)制作［M］.北京：人民郵電出版社，2013：33-38.

［2］孔詳盛.PHP編程基礎(chǔ)與實(shí)例教程［M］.北京：人民郵電出版社，2011：18-25.

［3］王鳳玲.基于PHP+MySQL的新聞發(fā)布系統(tǒng)的研究與實(shí)現(xiàn)［J］.計(jì)算機(jī)應(yīng)用與軟件，2012（2）：234-236.

［4］余肖生，易偲.基于PHP的開(kāi)發(fā)環(huán)境搭建與網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)［J］.重慶理工大學(xué)學(xué)報(bào)：自然科學(xué)版，2011（3）：74-77.

［5］張子豐.基于PHP的商務(wù)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)［D］.成都：電子科技大學(xué)，2015.

［6］主福洋，郭坤.基于PHP技術(shù)的網(wǎng)站建設(shè)［J］.軟件工程師，2013（Z1）：60-61.

Design and implementation of the electronic photo album website based on PHP Technology

ZHU Xiao-qin
（Quanzhou vocational college of economics business，F(xiàn)ujian Quanzhou 362000，China）

With the wide use of internet,smart phones and related shooting equipment,more and more image data are stored.Therefore,itisnecessarytodesignanonline electronic photo album website,which can manage these image data.Design and development of online electronic photo album website,which adopted PHP technology and combined with the MYSQL database,has realized the multi-level management of the album,including the album classificationstorage,thealbumbrowsing,uploading, deleting and other editing functions,this greatly satisfies the personaldemandsofmajorityofphotographylovers including collection album and photo album management.It has a certain practical significance for the album's real-time and large capacity management,and provides a feasible and convenient service for the majority of users.

PHP;MySQL;electronic album;personalization

TP393.092.3

A

1673-2022（2016）04-0056-04

2016－07－21

朱小琴（1982-），女，福建莆田人，講師，碩士，主要研究方向?yàn)閿?shù)據(jù)挖掘、web挖掘等。