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

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

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

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

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

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

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

7、Lerdorf 在1995年6月8日將 PHP/FI 公開發(fā)布，希望可以透過社群來加速程序開發(fā)與尋找錯誤。這個發(fā)布的版本命名為 PHP 2，已經(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需求分析用我們手中的相機記錄美好的世界，同時給我們一個舞臺讓我們展示當(dāng)?shù)氐臍v史文明和企業(yè)文化，借助本網(wǎng)站這個平臺，提升參與企

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

9、，所以需要充分考慮到主辦方成本及用戶需求（如跨平臺）等問題，而MySQL是世界上最為流行的開放源代碼的數(shù)據(jù)庫，是完全網(wǎng)絡(luò)化的跨平臺的關(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)站設(shè)計3.1網(wǎng)站功能分析根據(jù)需求分析的描述以及與用戶的溝通，本系統(tǒng)在設(shè)計時應(yīng)該滿足以下目標(biāo)：系統(tǒng)界面設(shè)計美觀大方、方便、快捷、準(zhǔn)確

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

11、實體之間關(guān)系的圖表，構(gòu)成E-R圖的基本要素是實體型、屬性和聯(lián)系，其表示方法為：實體型：用矩形表示，矩形框內(nèi)標(biāo)注實體名。屬性：用橢圓形表示：并用無向邊將其與相應(yīng)的實體連接起來。聯(lián)系：用菱形表示，菱形框內(nèi)標(biāo)注聯(lián)系名，并用無向邊分別與有關(guān)實體連接起來，同時在無向邊旁標(biāo)上聯(lián)系的類型（1:1、1:n、或m:n）。本系統(tǒng)中使用的數(shù)據(jù)庫實體分別為照片信息實體、用戶信息實體、用戶留言實體、照片評價實體、管理員信息實體、公告信息實體和友情鏈接實體。3.4數(shù)據(jù)庫設(shè)計創(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ā)及運行環(huán)境在開發(fā)攝影網(wǎng)站時，該項目使用的軟件開發(fā)環(huán)境如下：1服務(wù)器端操作系統(tǒng)：Windows2003Server/Linux(推薦)。服務(wù)器：Apache2.2。PHP軟件：PHP5.16。數(shù)據(jù)庫：MySQL5.0.24。MySQL圖形化管理軟件phpMyAdmin-2.9.0.2。開發(fā)工具：Dreamweaver8、Eclipse。瀏覽器：IE6.0及以上版本。分辨率：最佳效果1024X768像素。2.客戶端：瀏覽

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

14、 $mysql_username , $mysql_password); /選擇指定數(shù)據(jù)庫mysql_select_db($mysql_database) or die(錯誤信息！:.mysql_error(); /設(shè)置Mysql字符集mysql_query(SET NAMES UTF8) or die(字符集設(shè)置錯誤.mysql_error();/* 此為核心函數(shù)庫 */ 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)用的頁面require dirname(_FILE_)./comm.php; require dirname(_FILE_)./global.php; /初始化sessionSESSION_START(); /以POST的方式來接收來自LOGIN頁面的信息$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)頁面，注意路徑 else echoalert(用戶名或密碼錯誤!);hi

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

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