攝影網(wǎng)站的設計與實現(xiàn)

設計（論文）題目攝影網(wǎng)站的設計與實現(xiàn)院（系）:電子與信息工程學院學生姓名: XXX 專業(yè)班級:13計算機應用3班學號： XXXXXXXX 指導教師：2015年6月15日目錄第一章緒論。錯誤!未定義書簽。1.1課題背景錯誤!未定義書簽。1.21.2課題意義錯誤!未定義書簽。1.3設計思想錯誤!未定義書簽。1.4開發(fā)工具簡介錯誤!未定義書簽。第二章網(wǎng)站分析。錯誤!未定義書簽。2.1需求分析錯誤!未定義書簽。2.2可行性分析錯誤!未定義書簽。2.3數(shù)據(jù)庫分析錯誤!未定義書簽。第三章網(wǎng)站設計。錯誤!未定義書簽。3.1網(wǎng)站功能分析錯誤!未定義書簽。3.2網(wǎng)站功能結(jié)構(gòu)圖錯誤!未定義書簽。3.3數(shù)據(jù)庫概念設錯誤!未定義書簽。3.4數(shù)據(jù)庫設計錯誤!未定義書簽。3.5開發(fā)及運行環(huán)境第四章網(wǎng)站實現(xiàn)錯誤!未定義書簽。.錯誤!未定義書簽4.1用戶登錄錯誤!未定義書簽。4.2首頁作品欣賞錯誤!未定義書簽。4.3校園風景錯誤!未定義書簽。4.64.6更多總結(jié) 4.4留言板錯誤!未定義書簽。4.5聯(lián)系我們9。錯誤!未定義書簽。.錯誤!未定義書簽參考文獻 錯誤!未定義書簽。致謝 錯誤!未定義書簽摘要本次畢業(yè)設計主要介紹了攝影網(wǎng)站所要完成的功能和開發(fā)的過程。信息技術(shù)的迅猛發(fā)展，已經(jīng)引起社會的深刻變革，信息時代的到來，使得數(shù)碼產(chǎn)品與Internet結(jié)合，高科技的信息時代。隨著計算機技術(shù)的飛速發(fā)展，計算機在企業(yè)和學校管理中應用的普及,利用計算機實現(xiàn)各行各業(yè)信息管理勢在必行。是適應現(xiàn)代學習與生活的要求、推動精神文明建設走向科學化、規(guī)范化的必要條件；攝影網(wǎng)，用戶登錄注冊，作品展示，新聞動態(tài)，學校風采展示。使用攝影網(wǎng)站管理系統(tǒng)，攝影網(wǎng)站系統(tǒng)是現(xiàn)在生活娛樂不可缺少的一部分，是適應現(xiàn)代高信息化的要求、推動現(xiàn)代大學走向科學化、規(guī)范化的必要條件。關(guān)鍵詞：PHP;MySql；攝影網(wǎng)站第一章緒論1.1課題背景本網(wǎng)站是為了響應攝影活動而建，以欣賞為中心的攝影作品，把舞臺現(xiàn)場放在學校內(nèi),和企業(yè)內(nèi)，精彩內(nèi)容將在移動傳媒滾動播放,邀請各大企業(yè)參加，請企業(yè)子弟展現(xiàn)企業(yè)文化展示個人風采。邀請各中小學校集體參加，展示學校新面貌，園丁風采和成就。1.2課題意義現(xiàn)在大多是人民的生活水平提高，消費能力提高,人們有了人多的時間花在娛樂或者休閑上。也就有了越來越多的人想要通過相片來記錄下自己人生的每一片足跡，記錄生活中快樂的、精彩的瞬間,使之成為永恒。當今世界，隨著網(wǎng)絡技術(shù)和數(shù)碼科技的快速發(fā)展,使得越來越多的人可以拿起相機,記錄下自己每一刻，并且可以在網(wǎng)絡上展示自己的作品,和別人分享那一分美麗,和每一張照片背后的故事。這個學期我們學習了網(wǎng)頁設計,我就想用精美的網(wǎng)頁為攝影愛好者們提供這樣一個廣闊的平臺。更方便了攝影愛好這么互相交流和學習,同時我的網(wǎng)頁也為他們提供最專業(yè)的攝影技術(shù)指導。使他們能夠拍出更多更好的作品來供大家欣賞。1．3設計思想隨著社會的飛速發(fā)展,人們的生活水平在不斷提高,攝影器材由舊時的“王榭堂前燕,飛入尋常百姓家”，而攝影這種專門的技術(shù)由原來的工作、商業(yè)需要變成了大眾生活中的一種普通的娛樂方式。通過這次的網(wǎng)頁設計,不僅僅是為了完成期末的考核。更重要的是我在本學期中學到的網(wǎng)頁設計知識得到了實踐的應用，使我更加深了對網(wǎng)頁設計知識包括：層、樣式和模板等的理解，并且運用的更加熟練。也作出了精美的網(wǎng)頁給大家欣賞,我本人是很喜歡攝影的，也希望大家能夠通過我的網(wǎng)頁了解更多的攝影文化。也希望大家能過通過在我的網(wǎng)中欣賞到的精美圖片中，感受到攝影的魅力。拿起相機，拍下漂亮的圖片。1.4開發(fā)工具簡介PHP原始為PersonalHomePage的縮寫，已經(jīng)正式更名為"PHP：HypertextPreprocessor"。注意不是“HypertextPreprocessor”的縮寫,這種將名稱放到定義中的寫法被稱作遞歸縮寫。PHP于1994年由RasmusLerdorf創(chuàng)建，剛剛開始是RasmusLerdorf為了要維護個人網(wǎng)頁而制作的一個簡單的用Perl語言編寫的程序。這些工具程序用來顯示RasmusLerdorf的個人履歷，以及統(tǒng)計網(wǎng)頁流量。后來又用C語言重新編寫,包括可以訪問數(shù)據(jù)庫。他將這些程序和一些表單直譯器整合起來,稱為PHP/FI。PHP/FI可以和數(shù)據(jù)庫連接,產(chǎn)生簡單的動態(tài)網(wǎng)頁程序。在1995年以PersonalHomePageTools(PHPTools)開始對外發(fā)表第一個版本，Lerdorf寫了一些介紹此程序的文檔。并且發(fā)布了PHP1.0!在這的版本中，提供了訪客留言本、訪客計數(shù)器等簡單的功能。以后越來越多的網(wǎng)站使用了PHP,并且強烈要求增加一些特性。比如循環(huán)語句和數(shù)組變量等等；在新的成員加入開發(fā)行列之后,RasmusLerdorf在1995年6月8日將PHP/FI公開發(fā)布，希望可以透過社群來加速程序開發(fā)與尋找錯誤。這個發(fā)布的版本命名為PHP2，已經(jīng)有PHP的一些雛型，像是類似Perl的變量命名方式、表單處理功能、以及嵌入到HTML中執(zhí)行的能力。程序語法上也類似Perl，有較多的限制，不過更簡單、更有彈性。PHP/FI加入了對MySQL的支持，從此建立了PHP在動態(tài)網(wǎng)頁開發(fā)上的地位。到了1996年底，有15000個網(wǎng)站使用PHP/FI。第二章網(wǎng)站分析2.1需求分析用我們手中的相機記錄美好的世界，同時給我們一個舞臺讓我們展示當?shù)氐臍v史文明和企業(yè)文化，借助本網(wǎng)站這個平臺，提升參與企業(yè)，與學校的知名度和企業(yè)的美譽度，對加快發(fā)展起到一定的推動作用。2.2可行性分析經(jīng)濟上節(jié)省了大量的人力物力，在短時間內(nèi)就可以實現(xiàn)作品的收集與展示，通過網(wǎng)絡，節(jié)約了場地，人員等支出。收集孩子的照片，并讓大眾參加評選，需要一個這樣的網(wǎng)絡平臺！收集全國各地的照片,并迅速把他們編號成冊，單靠人力去收集需要消耗大量的時間，物力財力。統(tǒng)一排號，登陸數(shù)據(jù)，統(tǒng)計大眾投票，單靠書面整理,是無法有效,準確的完成的。及時向選手和大眾宣告比賽信息，比賽臨時事件更改,成績等??需要一個這樣的網(wǎng)絡平臺。本網(wǎng)站可使照片收集，標號,統(tǒng)計數(shù)據(jù)等等,都得到解決，同時時間更加節(jié)約！2．3數(shù)據(jù)庫分析因為本項目面向的是中小學生及企事業(yè)單位,所以需要充分考慮到主辦方成本及用戶需求（如跨平臺）等問題，而MySQL是世界上最為流行的開放源代碼的數(shù)據(jù)庫，是完全網(wǎng)絡化的跨平臺的關(guān)系型數(shù)據(jù)庫系統(tǒng),這正好滿足了比賽數(shù)據(jù)存儲的需求,所以本系統(tǒng)采用MySQL數(shù)據(jù)庫。作為PHP黃金搭檔MySQL數(shù)據(jù)庫不僅存儲和管理功能強大，而且它是完全免費使用的，很多網(wǎng)站都可以下載到它，這樣可以為主辦方節(jié)省一大部分的開支。PHP中也提供了強大的支MySQL數(shù)據(jù)庫的函數(shù),phpMyadmin為MySQL數(shù)據(jù)庫提供了圖形化界面。第三章網(wǎng)站設計3.1網(wǎng)站功能分析根據(jù)需求分析的描述以及與用戶的溝通,本系統(tǒng)在設計時應該滿足以下目標:系統(tǒng)界面設計美觀大方、方便、快捷、準確、數(shù)據(jù)存儲安全可靠。全面展示照片帶來的視覺效果,并可以展示最新照片、事件、留言等。實現(xiàn)各種查詢，如模糊查詢、高級查詢等。查看攝影網(wǎng)站的公告信息。對用戶輸入的數(shù)據(jù)，系統(tǒng)進行嚴格的數(shù)據(jù)檢驗，盡可能排除人為的錯誤。支持友情連接功能。網(wǎng)站最大限度的實現(xiàn)了易維護性和易操作性。系統(tǒng)運行穩(wěn)定、安全可靠。3.2網(wǎng)站功能結(jié)構(gòu)圖當用戶登錄成功后,進入攝影網(wǎng)站，有作品欣賞,校園風景，留言板等子網(wǎng)頁。其功能結(jié)構(gòu)圖如下：圖3-1網(wǎng)站功能結(jié)構(gòu)圖3.3數(shù)據(jù)庫概念設計根據(jù)以上各節(jié)對系統(tǒng)分析所作的需求分析、系統(tǒng)設計、規(guī)劃出攝影網(wǎng)站平臺的實體關(guān)系E-R圖。實體關(guān)系E-R圖示用來描述實體之間關(guān)系的圖表，構(gòu)成E-R圖的基本要素是實體型、屬性和聯(lián)系，其表示方法為：實體型:用矩形表示，矩形框內(nèi)標注實體名。屬性：用橢圓形表示：并用無向邊將其與相應的實體連接起來。聯(lián)系:用菱形表示,菱形框內(nèi)標注聯(lián)系名，并用無向邊分別與有關(guān)實體連接起來，同時在無向邊旁標上聯(lián)系的類型(1:1、l:n、或m：n)。本系統(tǒng)中使用的數(shù)據(jù)庫實體分別為照片信息實體、用戶信息實體、用戶留言實體、照片評價實體、管理員信息實體、公告信息實體和友情鏈接實體。3.4數(shù)據(jù)庫設計創(chuàng)建用戶表(user)，主鍵為(id),此表是存放登錄用戶(username)和登錄用戶密碼(userpass)。出岷務器：localhost?(4=11數(shù)據(jù)庫：sy?固表：userH鬼簽圄拈構(gòu)鑫昭L”鮭爭海入酋導出蘭Import鷲擺作麗淸卒稠冊除字段類型昂性Null□idint(22)否auto_increment□var<tiar<22]uif8_genp『ail_ci否□passwordwarchart22)u1f0_gen@ral_a圖3-2用戶表圖創(chuàng)建留言信息表(sy_ly),主鍵為(id)，此表存放用戶留言的信息，如留言姓名(name),聯(lián)系電話(tel)，標題(titi1e)，內(nèi)容(content)等。切月題器:localhost?|沖甑據(jù)庫：sy?圍義：科」y遵陽L膻Importft?Bl除宇段屆性Hull默認頷外慮作ODdin否aulajncrementiH/X斶叵圖員□namevarcnar(?Z)utr8_cenerai_d否iU X圄叵圈面Otelwarchar(22)utf3_generml_:i否喝"X IS S□ernailivarcnart??)utr3_cenerai_d否3=]jZX理巨圈囲n(|[||&\arctiar(22)utr8_cenerai_ci背iU"K瞪IS皤面□content^rcnar(22)utr8_cenerai_d猜/X囿m圈t 全選/空部不選遶手頤：腥JX.商薊M廚圖3-3留言信息表圖3.5開發(fā)及運行環(huán)境在開發(fā)攝影網(wǎng)站時,該項目使用的軟件開發(fā)環(huán)境如下：1.服務器端操作系統(tǒng)：Windows2003Server/Linux（推薦）。服務器:Apache2.2。PHP軟件：PHP5.16。數(shù)據(jù)庫:MySQL5.0.24。MySQL圖形化管理軟件phpMyAdmin-。開發(fā)工具:Dreamweaver8、Ec1ipse。瀏覽器:IE6.0及以上版本。分辨率:最佳效果1024X768像素。2?客戶端：瀏覽器：IE6.0及以上版本。第四章網(wǎng)站實現(xiàn)4.1用戶登錄可以實現(xiàn)用戶登錄，當用戶名，密碼正確時，可以進入主頁，瀏覽整個頁面。圖4-1用戶登錄圖主要功能代碼：header("content—type：text/html;charset=UTF8");$mysql_servername="loca1host";〃主機地址$mysql_username= "root";//數(shù)據(jù)庫用戶名$mysql_password="123456"； 〃數(shù)據(jù)庫密碼$mysql_database="sy";〃數(shù)據(jù)庫//連接Mysql服務器，創(chuàng)建數(shù)據(jù)庫連接mysql_connect($mysql_servername, $mysql_username,$mysq1.password)；〃選擇指定數(shù)據(jù)庫mysq1_select_db($mysql_database)ordie('錯誤信息!:'.mysql_error())；//設置Mysql字符集mysql_query('SETNAMESUTF8')ordie('字符集設置錯誤7.mysq1_error());/*此為核心函數(shù)庫*/header("content-type：text/htm1;charset=UTF-8");function_alert_back($info){2cho"<scripttype='text/javascript'>alert('$info');history.back();</script>";2xit()；}function_locatiom($info,$url){echo"vscripttype='text/javascript‘>a1ert('$info');location.href='$url'；v/script>";。}其主要代碼:V?phpdefine('ROOT_PATH',substr(dirname(_FILE—),0,-8))；//引用須要調(diào)用的頁面requiredirname( FILE ).'/comm,php';requiredirname( FILE__).'/global.php';//初始化sessionSESSION_START();〃以POST的方式來接收來自LOGIN頁面的信息$user=$_POST[username];$pass=$_POST[userpass];//setcookie("my_info",$user,time()+3600*24,'/');訐($user&&$pass){o$sql= "SELECT*FROMuserWHEREusername='$user'andpassword='$pass'";$_SESSION['username!]= $_POST[zuserpass']；}$rest=mysql_query($sql);$rows=mysql_num_rows($rest)；if($rows){_locatiom('登錄成功！’,'index.php');//跳轉(zhuǎn)頁面，注意路徑}e1se{echo"<script1anguage=javascript>alert(用戶名或密碼錯誤!，);history.back();V/script>";}

4.2首頁作品欣賞系統(tǒng)前臺的功能主要包括首頁顯示和用戶注冊登錄功能，下面主要詳細說明首頁顯示功能。九■灣聰昶董后山JlEH旳1|樂阱僑城桂林廠忡民僮九■灣聰昶董后山JlEH旳1|樂阱僑城桂林廠忡民僮IbS三嗾號貶斥良皿渴陽廬山軌烏■木齊西亍価礬囚章E5三亞4?i3事門0灣阿爲上湄珂鋼州晝%LU江耐聳國園爸譽古華眈躍芭堆雅追邁JM31E馬爾代夫；ftisniff溟丸利亞斷曲蘭?序黃鳥丸塚旭堇出SlffitSit士尼西逅邯賦四再庫3EW曲袁圮確翳古巴巴西陽根廷中樂菲粉5=GM迪輝±nsKM四理牙法固走CDjfcX^lJ豪國—圖4-2作品欣賞圖4.3校園風景用戶登錄界面是為了給已經(jīng)注冊的用戶提供一個登錄自己個人用戶界面的一個功能。由于用戶登錄又分為普通注冊用戶登錄和管理員登錄。lfii?fif?1護lfii?fif?1護pr霑『丁柿廣fTd苛煖濟a風硏礪柱tn圖4—3校園風景圖4.4留言板用戶可以在線留言，當用戶輸入姓名，聯(lián)系電話，電子郵件，標題，留言內(nèi)容，點擊提交按鈕時，可以添加留言。在址馳注呂:聯(lián)系電話：一電亍郵杵■砲廠圖4—4留言板圖當用戶留言后，可以顯示用戶所留下的留言。用戶留言:姓名:埔聯(lián)系電話：123電子郵件：l』3@qq.conn留言:測試成功！圖4-5用戶留言圖4?5聯(lián)系我們聯(lián)系我們界面:可以注冊用戶,可以查看網(wǎng)站的地址、聯(lián)系電話、QQ電子郵件等內(nèi)容。人生配臭一蘇廳”確衍在乎:Sts師:.iSU|電涇處亦］ISi4fEH人生配臭一蘇廳”確衍在乎:Sts師:.iSU|電涇處亦］ISi4fEH審険㈣IQQaflnfB3?51700010127100384laiyonglln?圖4-6聯(lián)系我們圖HERF8邊-■PE*sea.于孔tsSE-WJE：碼眄融RF辱葩髯柱睛c<VONG?fc?iW；85$Sir>>1.廉出換就的暗仏血垢尹FSCi紡社岡茁由哄畏樣1±右R?.：■：：]■￡E一?“齊耳總產(chǎn)皐淑帝的箱應石冒瑋的冊奔■育刪t?用戶通過冗成汪廿福幵沖點擊一下1"迅失-的詩丸-這禾示卩戶明詡DIWl'I上1事實，井與上沼損租目務再辰哲司過成協(xié)改|討目唯忘的聊福JIT|討目唯忘的聊福JIT-跑〔主Hfl.wwi呦■阿己■帕rm軸朗苛1馳I正#主a.^Ma-込:瞬片書頤涼廉*削?益豐. 1I人主燦嘛劭是行人I社■嘛-PffirtWM-Sfl-ittriSlrwi.- [|應囲從壯酬曲為険H幌. I4.6更多查看本攝影網(wǎng)站的最新動態(tài)新聞，及攝影最新資訊。+華盤卸1九此工廚何i專萬知于劉址口1甲疋衣孚生空■參您.工魚炬宜管*迪朮帛鯊o昕迴右工?酣幻覆霧洱罠LJL您廟也「as五&:哥葩沖垢*:ad的硝基可防阿上訕目的％事呂的區(qū)..叢巳關(guān)弭塩上點寧tLUUj弊鬲.山厘歳地T1繪-述雀坐喬奩：4巴至聽邸厲鳩上的一屋??」慷.呂古丄加礙1晰號古夏上的"S站…-丈字畋旳》?事豊叱m爾星占了?■?耐■/.總聊和離泊-巾罰立申空1詁葩主曲丿?吳學璋.E6左學I買.■匪期E壓如**g.AV古人比汪爼匕丑進皿-主:逼豪剛