朱小琴

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

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

朱小琴

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

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

php；mysql；電子相冊；個性化

0 前言

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

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

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

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

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

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

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

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

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

表1為photoclass，它主要存儲相冊的分類編號和分類名稱，具體設計結(jié)構(gòu)如下所示：

表1 photoclass

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

表2 photoinfo

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

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

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

表3 picdetail

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

4 前臺主要頁面設計

一般動態(tài)網(wǎng)站的模式都是前臺和后臺分開設計與制作，因此，首先進行網(wǎng)站的前臺頁面設計。

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

各個頁面的設計過程如下：

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

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

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

圖2 分類相冊信息頁

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

圖3 分類相冊詳細信息頁

（4）電子相冊圖片詳細信息頁picdetail.php主要用于展示每個分類相冊下每張圖片的簡要描述信息，具體如圖4所示。

圖4 圖片列表信息頁

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

圖5 單張圖片信息頁

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

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

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

各個頁面的設計與實現(xiàn)過程如下：

（1）在登錄頁能通過設定好的用戶名和密碼，點擊前臺的登錄鏈接按鈕，進入到后臺管理首頁photoadmin.php，從而進行相對應的各項操作。

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

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

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

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

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

（7）當管理員要返回到前臺頁面的時候，需要進行注銷操作，點擊注銷按鈕，退出后臺管理系統(tǒng)，進入前臺界面，可以再次瀏覽和查看頁面等。

6 結(jié)論

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

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

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

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

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

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

［6］主福洋，郭坤.基于PHP技術(shù)的網(wǎng)站建設［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-），女，福建莆田人，講師，碩士，主要研究方向為數(shù)據(jù)挖掘、web挖掘等。