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

設(shè)計(jì)（論文）題目 攝影網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)院（系）：電子與信息工程學(xué)院學(xué)生姓名：XXX專業(yè)班級(jí)：13計(jì)算機(jī)應(yīng)用3班學(xué)號(hào)：XXXXXXXX指導(dǎo)教師：巫錦潤(rùn)2015年6月15日目錄TOC\o"1-3"\h\u11841摘要 127735第一章緒論 2109191.1課題背景 2226411.2課題意義 2239561.3設(shè)計(jì)思想 222001.4開發(fā)工具簡(jiǎn)介 326227第二章網(wǎng)站分析 4178232.1需求分析 4157672.2可行性分析 4220602.3數(shù)據(jù)庫(kù)分析 42083第三章網(wǎng)站設(shè)計(jì) 5183123.1網(wǎng)站功能分析 5287163.2網(wǎng)站功能結(jié)構(gòu)圖 5198973.3數(shù)據(jù)庫(kù)概念設(shè) 5191583.4數(shù)據(jù)庫(kù)設(shè)計(jì) 6321633.5開發(fā)及運(yùn)行環(huán)境 625730第四章

網(wǎng)站實(shí)現(xiàn) 7309824.1用戶登錄 7192694.2首頁(yè)作品欣賞 991044.3校園風(fēng)景 9292514.4留言板 10290244.5聯(lián)系我們 1073244.6更多 118866總結(jié) 1213583參考文獻(xiàn) 137484致謝 14摘要本次畢業(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)站第一章緒論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ò)上展示自己的作品，和別人分享那一分美麗，和每一張照片背后的故事。

這個(gè)學(xué)期我們學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì)，我就想用精美的網(wǎng)頁(yè)為攝影愛好者們提供這樣一個(gè)廣闊的平臺(tá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)用的更加熟練。也作出了精美的網(wǎng)頁(yè)給大家欣賞，我本人是很喜歡攝影的，也希望大家能夠通過(guò)我的網(wǎng)頁(yè)了解更多的攝影文化。也希望大家能過(guò)通過(guò)在我的網(wǎng)中欣賞到的精美圖片中，感受到攝影的魅力。拿起相機(jī)，拍下漂亮的圖片。1.4開發(fā)工具簡(jiǎn)介

PHP原始為PersonalHomePage的縮寫，已經(jīng)正式更名為"PHP:HypertextPreprocessor"。注意不是“HypertextPreprocessor”的縮寫，這種將名稱放到定義中的寫法被稱作遞歸縮寫。PHP于1994年由RasmusLerdorf創(chuàng)建，剛剛開始是RasmusLerdorf為了要維護(hù)個(gè)人網(wǎng)頁(yè)而制作的一個(gè)簡(jiǎn)單的用Perl語(yǔ)言編寫的程序。這些工具程序用來(lái)顯示RasmusLerdorf的個(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年以PersonalHomePageTools(PHPTools)開始對(duì)外發(fā)表第一個(gè)版本，Lerdorf寫了一些介紹此程序的文檔。并且發(fā)布了PHP1.0！在這的版本中，提供了訪客留言本、訪客計(jì)數(shù)器等簡(jiǎn)單的功能。以后越來(lái)越多的網(wǎng)站使用了PHP，并且強(qiáng)烈要求增加一些特性。比如循環(huán)語(yǔ)句和數(shù)組變量等等；在新的成員加入開發(fā)行列之后，RasmusLerdorf在1995年6月8日將PHP/FI公開發(fā)布，希望可以透過(guò)社群來(lái)加速程序開發(fā)與尋找錯(cuò)誤。這個(gè)發(fā)布的版本命名為PHP2，已經(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)，提升參與企業(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è)單位，所以需要充分考慮到主辦方成本及用戶需求（如跨平臺(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)確、數(shù)據(jù)存儲(chǔ)安全可靠。

全面展示照片帶來(lái)的視覺效果，并可以展示最新照片、事件、留言等。

實(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)站作品欣賞攝影網(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)描述實(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)建留言信息表（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)：Windows

2003

Server/Linux(推薦)。服務(wù)器：Apache2.2。

PHP軟件：PHP5.16。數(shù)據(jù)庫(kù)：MySQL5.0.24。

MySQL圖形化管理軟件phpMyAdmin-2.9.0.2。開發(fā)工具：Dreamweaver

8、Eclipse。瀏覽器：IE6.0及以上版本。

分辨率：最佳效果1024X768像素。

2.客戶端：

瀏覽器：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,$mysql_username,$mysql_password);//選擇指定數(shù)據(jù)庫(kù)mysql_select_db($mysql_database)ordie('錯(cuò)誤信息！:'.mysql_error());//設(shè)置Mysql字符集mysql_query('SETNAMESUTF8')ordie('字符集設(shè)置錯(cuò)誤'.mysql_error());/*此為核心函數(shù)庫(kù)*/header("content-type:text/html;charset=UTF-8");function_alert_back($info){ echo"<scripttype='text/javascript'>alert('$info');history.back();</script>"; exit();}function_locatiom($info,$url){ echo"<scripttype='text/javascript'>alert('$info');location.href='$url';</script>"; }其主要代碼：<?phpdefine('ROOT_PATH',substr(dirname(__FILE__),0,-8));//引用須要調(diào)用的頁(yè)面requiredirname(__FILE__).'/comm.php';requiredirname(__FILE__).'/global.php';//初始化sessionSESSION_START();//以POST的方式來(lái)接收來(lái)自LOGIN頁(yè)面的信息$user=$_POST[username];$pass=$_POST[userpass];//setcookie("my_info",$user,time()+3600*24,'/');if($user&&$pass){ $sql="SELECT*FROMuserWHEREusername='$user'andpassword='$pass'"; $_SESSION['username']=$_POST['userpass'];}$rest=mysql_query($sql);$rows=mysql_num_rows($rest);if($rows){ _locatiom('登錄成功！','index.php');//跳轉(zhuǎn)頁(yè)面，注意路徑}else{echo"<scriptlanguage=javascript>alert('用戶名或密碼錯(cuò)誤!');history.back();</script>";}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