攝影網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、 畢業(yè)設(shè)計(jì)（論文）設(shè)計(jì)（論文）題目攝影網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)院（系）： 電子與信息工程學(xué)院 學(xué)生姓名： 專業(yè)班級(jí)： 13計(jì)算機(jī)應(yīng)用3班 學(xué) 號(hào)： 指導(dǎo)教師： 2015 年 6月15日目 錄摘 要1第一章 緒論21.1課題背景21.2課題意義21.3設(shè)計(jì)思想21.4開發(fā)工具簡(jiǎn)介3第二章 網(wǎng)站分析42.1需求分析42.2可行性分析42.3數(shù)據(jù)庫(kù)分析4第三章 網(wǎng)站設(shè)計(jì)53.1網(wǎng)站功能分析53.2網(wǎng)站功能結(jié)構(gòu)圖53.3數(shù)據(jù)庫(kù)概念設(shè)53.4數(shù)據(jù)庫(kù)設(shè)計(jì)63.5開發(fā)及運(yùn)行環(huán)境6第四章網(wǎng)站實(shí)現(xiàn)74.1用戶登錄74.2首頁(yè) 作品欣賞94.3校園風(fēng)景94.4留言板104.5聯(lián)系我們104.6更多11總結(jié)12參考文獻(xiàn)13

2、致謝14I摘 要本次畢業(yè)設(shè)計(jì)主要介紹了攝影網(wǎng)站所要完成的功能和開發(fā)的過(guò)程。信息技術(shù) 的迅猛發(fā)展，已經(jīng)引起社會(huì)的深刻變革，信息時(shí)代的到來(lái)，使得數(shù)碼產(chǎn)品與Internet結(jié)合，高科技的信息時(shí)代。隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展，計(jì)算機(jī)在企業(yè) 和學(xué)校管理中應(yīng)用的普及，利用計(jì)算機(jī)實(shí)現(xiàn)各行各業(yè)信息管理勢(shì)在必行。是適應(yīng)現(xiàn)代學(xué)習(xí)與生活的要求、推動(dòng)精神文明建設(shè)走向科學(xué)化、規(guī)范化的必要條件；攝影網(wǎng) ，用戶登錄注冊(cè)，作品展示，新聞動(dòng)態(tài)，學(xué)校風(fēng)采展示。使用攝影網(wǎng)站管理系統(tǒng)，攝影網(wǎng)站系統(tǒng)是現(xiàn)在生活?yuàn)蕵?lè)不可缺少的一部分，是適應(yīng)現(xiàn)代高信息化的要求 、推動(dòng)現(xiàn)代大學(xué)走向科學(xué)化、規(guī)范化的必要條件。 關(guān)鍵詞：PHP；MySql；攝影網(wǎng)站

3、1第一章 緒論1.1課題背景本網(wǎng)站是為了響應(yīng)攝影活動(dòng)而建，以欣賞為中心的攝影作品，把舞臺(tái)現(xiàn)場(chǎng)放在學(xué)校內(nèi)，和企業(yè)內(nèi)，精彩內(nèi)容將在移動(dòng)傳媒滾動(dòng)播放，邀請(qǐng)各大企業(yè)參加，請(qǐng)企業(yè)子弟展現(xiàn)企業(yè)文化展示個(gè)人風(fēng)采。邀請(qǐng)各中小學(xué)校集體參加，展示學(xué)校新面貌，園丁風(fēng)采和成就。1.2課題意義現(xiàn)在大多是人民的生活水平提高，消費(fèi)能力提高，人們有了人多的時(shí)間花在娛樂(lè)或者休閑上。也就有了越來(lái)越多的人想要通過(guò)相片來(lái)記錄下自己人生的每一片足跡，記錄生活中快樂(lè)的、精彩的瞬間，使之成為永恒。當(dāng)今世界，隨著網(wǎng)絡(luò)技術(shù)和數(shù)碼科技的快速發(fā)展，使得越來(lái)越多的人可以拿起相機(jī)，記錄下自己每一刻，并且可以在網(wǎng)絡(luò)上展示自己的作品，和別人分享那一分美麗

4、，和每一張照片背后的故事。這個(gè)學(xué)期我們學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì)，我就想用精美的網(wǎng)頁(yè)為攝影愛(ài)好者們提供這樣一個(gè)廣闊的平臺(tái)。更方便了攝影愛(ài)好這么互相交流和學(xué)習(xí)，同時(shí)我的網(wǎng)頁(yè)也為他們提供最專業(yè)的攝影技術(shù)指導(dǎo)。使他們能夠拍出更多更好的作品來(lái)供大家欣賞。1.3設(shè)計(jì)思想隨著社會(huì)的飛速發(fā)展，人們的生活水平在不斷提高，攝影器材由舊時(shí)的“王榭堂前燕，飛入尋常百姓家”，而攝影這種專門的技術(shù)由原來(lái)的工作、商業(yè)需要變成了大眾生活中的一種普通的娛樂(lè)方式。通過(guò)這次的網(wǎng)頁(yè)設(shè)計(jì)，不僅僅是為了完成期末的考核。更重要的是我在本學(xué)期中學(xué)到的網(wǎng)頁(yè)設(shè)計(jì)知識(shí)得到了實(shí)踐的應(yīng)用，使我更加深了對(duì)網(wǎng)頁(yè)設(shè)計(jì)知識(shí)包括：層、樣式和模板等的理解，并且運(yùn)用的更加熟

5、練。也作出了精美的網(wǎng)頁(yè)給大家欣賞，我本人是很喜歡攝影的，也希望大家能夠通過(guò)我的網(wǎng)頁(yè)了解更多的攝影文化。也希望大家能過(guò)通過(guò)在我的網(wǎng)中欣賞到的精美圖片中，感受到攝影的魅力。拿起相機(jī)，拍下漂亮的圖片。1.4開發(fā)工具簡(jiǎn)介PHP原始為Personal Home Page的縮寫，已經(jīng)正式更名為 PHP: Hypertext Preprocessor。注意不是“Hypertext Preprocessor”的縮寫，這種將名稱放到定義中的寫法被稱作遞歸縮寫。PHP于1994年由Rasmus Lerdorf創(chuàng)建，剛剛開始是Rasmus Lerdorf為了要維護(hù)個(gè)人網(wǎng)頁(yè)而制作的一個(gè)簡(jiǎn)單的用Perl語(yǔ)言編寫的程序。

6、這些工具程序用來(lái)顯示 Rasmus Lerdorf 的個(gè)人履歷，以及統(tǒng)計(jì)網(wǎng)頁(yè)流量。后來(lái)又用C語(yǔ)言重新編寫，包括可以訪問(wèn)數(shù)據(jù)庫(kù)。他將這些程序和一些表單直譯器整合起來(lái)，稱為 PHP/FI。PHP/FI 可以和數(shù)據(jù)庫(kù)連接，產(chǎn)生簡(jiǎn)單的動(dòng)態(tài)網(wǎng)頁(yè)程序。在1995年以Personal Home Page Tools (PHP Tools) 開始對(duì)外發(fā)表第一個(gè)版本，Lerdorf寫了一些介紹此程序的文檔。并且發(fā)布了PHP1.0！在這的版本中，提供了訪客留言本、訪客計(jì)數(shù)器等簡(jiǎn)單的功能。以后越來(lái)越多的網(wǎng)站使用了PHP，并且強(qiáng)烈要求增加一些特性。比如循環(huán)語(yǔ)句和數(shù)組變量等等；在新的成員加入開發(fā)行列之后，Rasmus

7、Lerdorf 在1995年6月8日將 PHP/FI 公開發(fā)布，希望可以透過(guò)社群來(lái)加速程序開發(fā)與尋找錯(cuò)誤。這個(gè)發(fā)布的版本命名為 PHP 2，已經(jīng)有 PHP 的一些雛型，像是類似 Perl的 變量命名方式、表單處理功能、以及嵌入到 HTML 中執(zhí)行的能力。程序語(yǔ)法上也類似 Perl，有較多的限制，不過(guò)更簡(jiǎn)單、更有彈性。PHP/FI加入了對(duì)MySQL的支持，從此建立了PHP在動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)上的地位。到了1996年底，有 15000個(gè)網(wǎng)站使用 PHP/FI。第二章 網(wǎng)站分析2.1需求分析用我們手中的相機(jī)記錄美好的世界，同時(shí)給我們一個(gè)舞臺(tái)讓我們展示當(dāng)?shù)氐臍v史文明和企業(yè)文化，借助本網(wǎng)站這個(gè)平臺(tái)，提升參與企

8、業(yè)，與學(xué)校的知名度和企業(yè)的美譽(yù)度，對(duì)加快發(fā)展起到一定的推動(dòng)作用。2.2可行性分析經(jīng)濟(jì)上節(jié)省了大量的人力物力，在短時(shí)間內(nèi)就可以實(shí)現(xiàn)作品的收集與展示，通過(guò)網(wǎng)絡(luò)，節(jié)約了場(chǎng)地，人員等支出。收集孩子的照片，并讓大眾參加評(píng)選，需要一個(gè)這樣的網(wǎng)絡(luò)平臺(tái)！收集全國(guó)各地的照片，并迅速把他們編號(hào)成冊(cè)，單靠人力去收集需要消耗大量的時(shí)間，物力財(cái)力。統(tǒng)一排號(hào)，登陸數(shù)據(jù)，統(tǒng)計(jì)大眾投票，單靠書面整理，是無(wú)法有效，準(zhǔn)確的完成的。及時(shí)向選手和大眾宣告比賽信息，比賽臨時(shí)事件更改，成績(jī)等需要一個(gè)這樣的網(wǎng)絡(luò)平臺(tái)。本網(wǎng)站可使照片收集，標(biāo)號(hào)，統(tǒng)計(jì)數(shù)據(jù)等等，都得到解決，同時(shí)時(shí)間更加節(jié)約！2.3數(shù)據(jù)庫(kù)分析因?yàn)楸卷?xiàng)目面向的是中小學(xué)生及企事業(yè)單位

9、，所以需要充分考慮到主辦方成本及用戶需求（如跨平臺(tái)）等問(wèn)題，而MySQL是世界上最為流行的開放源代碼的數(shù)據(jù)庫(kù)，是完全網(wǎng)絡(luò)化的跨平臺(tái)的關(guān)系型數(shù)據(jù)庫(kù)系統(tǒng)，這正好滿足了比賽數(shù)據(jù)存儲(chǔ)的需求，所以本系統(tǒng)采用MySQL數(shù)據(jù)庫(kù)。作為PHP黃金搭檔MySQL數(shù)據(jù)庫(kù)不僅存儲(chǔ)和管理功能強(qiáng)大，而且它是完全免費(fèi)使用的，很多網(wǎng)站都可以下載到它，這樣可以為主辦方節(jié)省一大部分的開支。PHP中也提供了強(qiáng)大的支MySQL數(shù)據(jù)庫(kù)的函數(shù)，phpMyadmin為MySQL數(shù)據(jù)庫(kù)提供了圖形化界面。第三章 網(wǎng)站設(shè)計(jì)3.1網(wǎng)站功能分析根據(jù)需求分析的描述以及與用戶的溝通，本系統(tǒng)在設(shè)計(jì)時(shí)應(yīng)該滿足以下目標(biāo)：系統(tǒng)界面設(shè)計(jì)美觀大方、方便、快捷、準(zhǔn)確

10、、數(shù)據(jù)存儲(chǔ)安全可靠。全面展示照片帶來(lái)的視覺(jué)效果，并可以展示最新照片、事件、留言等。實(shí)現(xiàn)各種查詢，如模糊查詢、高級(jí)查詢等。查看攝影網(wǎng)站的公告信息。對(duì)用戶輸入的數(shù)據(jù)，系統(tǒng)進(jìn)行嚴(yán)格的數(shù)據(jù)檢驗(yàn)，盡可能排除人為的錯(cuò)誤。支持友情連接功能。網(wǎng)站最大限度的實(shí)現(xiàn)了易維護(hù)性和易操作性。系統(tǒng)運(yùn)行穩(wěn)定、安全可靠。3.2網(wǎng)站功能結(jié)構(gòu)圖當(dāng)用戶登錄成功后，進(jìn)入攝影網(wǎng)站，有作品欣賞，校園風(fēng)景，留言板等子網(wǎng)頁(yè)。其功能結(jié)構(gòu)圖如下：攝影網(wǎng)站作品欣賞校園風(fēng)景 留言板聯(lián)系我們 更多圖3-1 網(wǎng)站功能結(jié)構(gòu)圖3.3數(shù)據(jù)庫(kù)概念設(shè)計(jì)根據(jù)以上各節(jié)對(duì)系統(tǒng)分析所作的需求分析、系統(tǒng)設(shè)計(jì)、規(guī)劃出攝影網(wǎng)站平臺(tái)的實(shí)體關(guān)系E-R圖。實(shí)體關(guān)系E-R圖示用來(lái)描述

11、實(shí)體之間關(guān)系的圖表，構(gòu)成E-R圖的基本要素是實(shí)體型、屬性和聯(lián)系，其表示方法為：實(shí)體型：用矩形表示，矩形框內(nèi)標(biāo)注實(shí)體名。屬性：用橢圓形表示：并用無(wú)向邊將其與相應(yīng)的實(shí)體連接起來(lái)。聯(lián)系：用菱形表示，菱形框內(nèi)標(biāo)注聯(lián)系名，并用無(wú)向邊分別與有關(guān)實(shí)體連接起來(lái)，同時(shí)在無(wú)向邊旁標(biāo)上聯(lián)系的類型（1:1、1:n、或m:n）。本系統(tǒng)中使用的數(shù)據(jù)庫(kù)實(shí)體分別為照片信息實(shí)體、用戶信息實(shí)體、用戶留言實(shí)體、照片評(píng)價(jià)實(shí)體、管理員信息實(shí)體、公告信息實(shí)體和友情鏈接實(shí)體。3.4數(shù)據(jù)庫(kù)設(shè)計(jì)創(chuàng)建用戶表（user），主鍵為（id），此表是存放登錄用戶（username）和登錄用戶密碼(userpass)。圖 3-2 用戶表圖創(chuàng)建留言信息表（

12、sy_ly），主鍵為（id）,此表存放用戶留言的信息，如留言姓名(name)，聯(lián)系電話(tel)，標(biāo)題(titile)，內(nèi)容(content)等。圖 3-3 留言信息表圖3.5開發(fā)及運(yùn)行環(huán)境在開發(fā)攝影網(wǎng)站時(shí)，該項(xiàng)目使用的軟件開發(fā)環(huán)境如下：1服務(wù)器端操作系統(tǒng)：Windows2003Server/Linux(推薦)。服務(wù)器：Apache2.2。PHP軟件：PHP5.16。數(shù)據(jù)庫(kù)：MySQL5.0.24。MySQL圖形化管理軟件phpMyAdmin-2.9.0.2。開發(fā)工具：Dreamweaver8、Eclipse。瀏覽器：IE6.0及以上版本。分辨率：最佳效果1024X768像素。2.客戶端：瀏覽

13、器：IE6.0及以上版本。第四章網(wǎng)站實(shí)現(xiàn)4.1用戶登錄可以實(shí)現(xiàn)用戶登錄，當(dāng)用戶名,密碼正確時(shí)，可以進(jìn)入主頁(yè)，瀏覽整個(gè)頁(yè)面。圖4-1 用戶登錄圖 主要功能代碼：header(content-type:text/html; charset=UTF8);$mysql_servername = localhost; /主機(jī)地址$mysql_username = root; /數(shù)據(jù)庫(kù)用戶名$mysql_password =123456; /數(shù)據(jù)庫(kù)密碼$mysql_database =sy; /數(shù)據(jù)庫(kù) /連接Mysql服務(wù)器，創(chuàng)建數(shù)據(jù)庫(kù)連接mysql_connect($mysql_servername ,

14、 $mysql_username , $mysql_password); /選擇指定數(shù)據(jù)庫(kù)mysql_select_db($mysql_database) or die(錯(cuò)誤信息！:.mysql_error(); /設(shè)置Mysql字符集mysql_query(SET NAMES UTF8) or die(字符集設(shè)置錯(cuò)誤.mysql_error();/* 此為核心函數(shù)庫(kù) */ header(content-type:text/html; charset=UTF-8);function _alert_back($info)echo alert($info);history.back();exit(

15、);function _locatiom($info,$url)echo alert($info);location.href=$url;其主要代碼：?phpdefine(ROOT_PATH,substr(dirname(_FILE_),0,-8);/引用須要調(diào)用的頁(yè)面require dirname(_FILE_)./comm.php; require dirname(_FILE_)./global.php; /初始化sessionSESSION_START(); /以POST的方式來(lái)接收來(lái)自LOGIN頁(yè)面的信息$user=$_POSTusername;$pass=$_POSTuserpass

16、;/ setcookie(my_info,$user, time()+3600*24,/);if ($user & $pass)$sql = SELECT * FROM user WHERE username = $user and password=$pass;$_SESSIONusername = $_POSTuserpass; $rest = mysql_query($sql); $rows=mysql_num_rows($rest); if($rows) _locatiom(登錄成功！,index.php);/跳轉(zhuǎn)頁(yè)面，注意路徑 else echoalert(用戶名或密碼錯(cuò)誤!);hi

17、story.back();4.2首頁(yè) 作品欣賞系統(tǒng)前臺(tái)的功能主要包括首頁(yè)顯示和用戶注冊(cè)登錄功能，下面主要詳細(xì)說(shuō)明首頁(yè)顯示功能。圖4-2 作品欣賞圖4.3校園風(fēng)景用戶登錄界面是為了給已經(jīng)注冊(cè)的用戶提供一個(gè)登錄自己個(gè)人用戶界面的一個(gè)功能。由于用戶登錄又分為普通注冊(cè)用戶登錄和管理員登錄。圖4-3 校園風(fēng)景圖4.4留言板用戶可以在線留言，當(dāng)用戶輸入姓名，聯(lián)系電話，電子郵件，標(biāo)題，留言內(nèi)容，點(diǎn)擊提交按鈕時(shí)，可以添加留言。圖4-4 留言板圖當(dāng)用戶留言后，可以顯示用戶所留下的留言。圖4-5 用戶留言圖4.5聯(lián)系我們聯(lián)系我們界面：可以注冊(cè)用戶，可以查看網(wǎng)站的地址、聯(lián)系電話、QQ電子郵件等內(nèi)容。圖4-6 聯(lián)系我

18、們圖4.6更多查看本攝影網(wǎng)站的最新動(dòng)態(tài)新聞，及攝影最新資訊。圖4-7 界面更多圖總結(jié)普通用戶設(shè)置了限制權(quán)限，普通用戶只能瀏覽部分網(wǎng)頁(yè)；會(huì)員的注冊(cè)、登錄，使用會(huì)話變量，實(shí)現(xiàn)了用戶的安全登錄和退出；系統(tǒng)的注冊(cè)添加了驗(yàn)證碼，實(shí)現(xiàn)了頁(yè)面無(wú)刷新更換驗(yàn)證碼，實(shí)現(xiàn)后臺(tái)數(shù)據(jù)庫(kù)的備份和還原前臺(tái)的PHP代碼實(shí)現(xiàn)數(shù)據(jù)庫(kù)的備份和還原設(shè)計(jì)和實(shí)現(xiàn)系統(tǒng)的PHP高級(jí)編程所需的類和對(duì)象的功能。學(xué)習(xí)了Smarty類庫(kù)技術(shù)，由于時(shí)間原因未完成smarty框架的應(yīng)用后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)一個(gè)存儲(chǔ)過(guò)程，前臺(tái)調(diào)用該存儲(chǔ)過(guò)程。通過(guò)這短短的兩個(gè)星期，我們體會(huì)到了合作的重要性，學(xué)到了許多課堂上沒(méi)有的知識(shí)。再次感謝老師的諄諄教導(dǎo)！參考文獻(xiàn)1馮祖洪，用PHP訪問(wèn)MySQL數(shù)據(jù)庫(kù)的方法J.現(xiàn)代電子技術(shù)，20072黃健榮.PHP網(wǎng)站信息發(fā)布系統(tǒng)中的圖像處理J.梧州學(xué)院學(xué)報(bào),20083 明日科技.PHP從入門到精通第3版.M清華大學(xué)出版社.2