攝影網(wǎng)站畢業(yè)論文

1、<p><b>　　摘要</b></p><p>　　本次畢業(yè)設(shè)計(jì)主要介紹了攝影網(wǎng)站所要完成的功能和開發(fā)的過程。重點(diǎn)的說明了系統(tǒng)設(shè)計(jì)的重點(diǎn)、設(shè)計(jì)思想、難點(diǎn)技術(shù)和解決方案。</p><p>　　信息技術(shù)的迅猛發(fā)展，已經(jīng)引起社會(huì)的深刻變革，信息時(shí)代的到來，使得數(shù)碼產(chǎn)品與Internet結(jié)合，高科技的信息時(shí)代。隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展，計(jì)算機(jī)在企業(yè)和學(xué)校管理中應(yīng)用

2、的普及，利用計(jì)算機(jī)實(shí)現(xiàn)各行各業(yè)信息管理勢(shì)在必行。是適應(yīng)現(xiàn)代學(xué)習(xí)與生活的要求、推動(dòng)精神文明建設(shè)走向科學(xué)化、規(guī)范化的必要條件；攝影網(wǎng)站主要用于公布比賽規(guī)則，提交作品，用戶登錄注冊(cè)，作品展示，新聞動(dòng)態(tài)，夏令營(yíng)，學(xué)生風(fēng)采展示，留言管理，訪問統(tǒng)計(jì)。使用攝影網(wǎng)站管理系統(tǒng)，便于主辦方及時(shí)了解大賽進(jìn)程情況，及時(shí)調(diào)整管理策略。攝影網(wǎng)站系統(tǒng)是現(xiàn)在生活?yuàn)蕵凡豢扇鄙俚囊徊糠?，是適應(yīng)現(xiàn)代高信息化的要求 、推動(dòng)現(xiàn)代大學(xué)走向科學(xué)化、規(guī)范化的必要條件。</p&g

3、t;<p>　　我們?cè)谶@次設(shè)計(jì)當(dāng)中主要參與了以下工作：需求調(diào)研，模塊設(shè)計(jì)，數(shù)據(jù)庫設(shè)計(jì)，代碼編寫，css設(shè)計(jì)，Java語言的應(yīng)用，ajax的使用。期中老師的指導(dǎo)意見給了我們很大的幫助，對(duì)我們順利完成項(xiàng)目起了不可或缺的作用，在此表示衷心的感謝！</p><p><b>　　目錄</b></p><p><b>　　摘要2</b><

4、;/p><p>　　第一章 緒論５</p><p><b>　　1.1開發(fā)背景５</b></p><p><b>　　1.2需求分析５</b></p><p>　　1.3 可行性分析5</p><p><b>　　1.4項(xiàng)目目標(biāo)5</b>&l

5、t;/p><p>　　1.3.1普通用戶界面5</p><p><b>　　1.3.2會(huì)員5</b></p><p>　　1.3.3管理員5</p><p>　　1.5開發(fā)工具簡(jiǎn)介6</p><p>　　1.5.1 Eclipse6</p><p>　　1.5.2 D

6、reamweaver簡(jiǎn)述6</p><p>　　1.5.3 AppServ簡(jiǎn)述及與Zend的結(jié)合安裝7</p><p>　　第二章 攝影網(wǎng)站系統(tǒng)分析8</p><p>　　2.1網(wǎng)站功能分析8</p><p>　　2.2網(wǎng)站功能結(jié)構(gòu)圖9</p><p>　　2.3參賽者及管理流程圖：10</p>

7、<p>　　2.4簡(jiǎn)單整體流程圖11</p><p>　　2.5開發(fā)及運(yùn)行環(huán)境11</p><p>　　第三章 數(shù)據(jù)庫設(shè)計(jì)12</p><p>　　3.1數(shù)據(jù)庫分析12</p><p>　　3.2 數(shù)據(jù)庫概念設(shè)計(jì)12</p><p>　　3.2.1 照片信息實(shí)體12</p>&l

8、t;p>　　3.2.2用戶信息實(shí)體13</p><p>　　3.2.3 用戶留言實(shí)體13</p><p>　　3.3 創(chuàng)建數(shù)據(jù)庫及數(shù)據(jù)表14</p><p>　　第四章 公共模塊設(shè)計(jì)17</p><p>　　4.1 數(shù)據(jù)庫鏈接文件 17</p><p>　　4.2 css樣式表文件18</p&g

9、t;<p>　　4.3 js文件19</p><p>　　第五章 各部分具體設(shè)計(jì)方案20</p><p>　　5.1 用戶登錄 20</p><p>　　5.2 用戶注冊(cè)20</p><p>　　5.3 后臺(tái)存儲(chǔ)及前臺(tái)調(diào)用20</p><p>　　5.4 數(shù)據(jù)庫的備份與還原21</p&g

10、t;<p><b>　　第六章 總結(jié)21</b></p><p><b>　　附錄22</b></p><p><b>　　第一章 緒論</b></p><p><b>　　1.1開發(fā)背景</b></p><p>　　本網(wǎng)站是為了響應(yīng)攝

11、影活動(dòng)而建，以中小學(xué)生為中心的攝影比賽，把舞臺(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)采和成就。</p><p><b>　　1.2需求分析</b></p><p>　　用孩子手中的相機(jī)記錄美好的世界，同時(shí)給孩子一個(gè)舞臺(tái)讓孩子展示當(dāng)?shù)氐臍v史文明和企業(yè)文化

12、，借助本網(wǎng)站這個(gè)平臺(tái)，提升參與企業(yè)，與學(xué)校的知名度和企業(yè)的美譽(yù)度，對(duì)加快發(fā)展起到一定的推動(dòng)作用。</p><p><b>　　1.3可行性分析</b></p><p>　　經(jīng)濟(jì)上節(jié)省了大量的人力物力，在短時(shí)間內(nèi)就可以實(shí)現(xiàn)作品的收集與展示，通過網(wǎng)絡(luò)，節(jié)約了場(chǎng)地，人員等支出。</p><p>　　收集孩子的照片，并讓大眾參加評(píng)選，需要一個(gè)這樣的網(wǎng)絡(luò)

13、平臺(tái)！</p><p>　　收集全國(guó)各地的照片，并迅速把他們編號(hào)成冊(cè)，單靠人力去收集需要消耗大量的時(shí)間，物力財(cái)力。</p><p>　　統(tǒng)一排號(hào)，登陸數(shù)據(jù)，統(tǒng)計(jì)大眾投票，單靠書面整理，是無法有效，準(zhǔn)確的完成的。</p><p>　　及時(shí)向選手和大眾宣告比賽信息，比賽臨時(shí)事件更改，成績(jī)等……需要一個(gè)這樣的網(wǎng)絡(luò)平臺(tái)。</p><p>　　本網(wǎng)站可

14、使照片收集，標(biāo)號(hào)，統(tǒng)計(jì)數(shù)據(jù)等等，都得到解決，同時(shí)時(shí)間更加節(jié)約！</p><p><b>　　1.4項(xiàng)目目標(biāo)</b></p><p>　　通過調(diào)查，要求系統(tǒng)需要有以下功能：</p><p>　　1.4.1普通用戶界面：</p><p>　　要求系統(tǒng)良好的人機(jī)操作界面。</p><p><b&g

15、t;　　提示本活動(dòng)的要求。</b></p><p><b>　　顯示系統(tǒng)的結(jié)果。</b></p><p><b>　　用戶注冊(cè)。</b></p><p><b>　　1.4.2會(huì)員：</b></p><p><b>　　會(huì)員安全登錄退出。</b>

16、;</p><p>　　提交作品，瀏覽作品，</p><p><b>　　個(gè)人信息的維護(hù)</b></p><p><b>　　系統(tǒng)退出。</b></p><p><b>　　1.4.3管理員：</b></p><p><b>　　審核、修改信息

17、。</b></p><p><b>　　數(shù)據(jù)庫備份與恢復(fù)。</b></p><p><b>　　1.5開發(fā)工具簡(jiǎn)介</b></p><p>　　1.5.1 Eclipse</p><p>　　Eclipse 是一種基于 Java 的可擴(kuò)展開源開發(fā)平臺(tái)。就其自身而言，它只是一個(gè)框架和一組服

18、務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運(yùn)的是，Eclipse 附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括為人熟知的 Java 開發(fā)工具（Java Development Tools，JDT）。 </p><p>　　雖然大多數(shù)用戶很樂于將 Eclipse 當(dāng)作 Java 集成開發(fā)環(huán)境（IDE）來使用，但 Eclipse 的目標(biāo)卻不僅限于此。Eclipse 還包括插件開發(fā)環(huán)境（Plug-in Development Environ

19、ment，PDE），這個(gè)組件主要針對(duì)希望擴(kuò)展 Eclipse 的軟件開發(fā)人員，因?yàn)樗试S他們構(gòu)建與 Eclipse 環(huán)境無縫集成的工具。由于 Eclipse 中的每樣?xùn)|西都是插件，對(duì)于給 Eclipse 提供插件，以及給用戶提供一致和統(tǒng)一的集成開發(fā)環(huán)境而言，所有工具開發(fā)人員都具有同等的發(fā)揮場(chǎng)所。 </p><p>　　這種平等和一致性并不僅限于 Java 開發(fā)工具。盡管 Eclipse 是使用 Java 語言開發(fā)

20、的，但它的用途并不限于 Java 語言；例如，支持諸如 C/C++ 和 COBOL 等編程語言的插件已經(jīng)可用，或預(yù)計(jì)將會(huì)推出。Eclipse 框架還可用來作為與軟件開發(fā)無關(guān)的其他應(yīng)用程序類型的基礎(chǔ)，比如內(nèi)容管理系統(tǒng)。 </p><p>　　基于 Eclipse 的應(yīng)用程序的一個(gè)突出例子是 IBM&reg; Rational&reg; Software Architect，它構(gòu)成了 IBM Java

21、 開發(fā)工具系列的基礎(chǔ)</p><p>　　1.5.2 Dreamweaver簡(jiǎn)述</p><p><b>　　最佳的制作效率</b></p><p>　　Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。</p><p><b>　　網(wǎng)站管理&

22、lt;/b></p><p>　　使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有連結(jié)。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。 </p><p><b>　　無可比擬的控制能力</b></p><p>　　

23、Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。 </p><p>　　Dreamweaver還集成了程序開發(fā)語言，對(duì)ASP、.NET、PHP、JS的基本語言和連接操作數(shù)據(jù)庫，都是完全支持的。</p><p>　　1.5.3 AppServ簡(jiǎn)述及與Zend的結(jié)合安裝</p><p>　　AppServ 是 PHP

24、網(wǎng)頁架站工具組合包，作者將一些網(wǎng)絡(luò)上免費(fèi)的架站資源重新包裝成單一的安裝程序，以方便初學(xué)者快速完成架站，AppServ 所包含的軟件有：Apache、Apache Monitor、PHP、MySQL、phpMyAdmin等。用這個(gè)軟件則可以讓你迅速搭建完整的底層環(huán)境，從而實(shí)現(xiàn)對(duì)EcShop的快速試用。</p><p>　　由于大家在安裝過程中出現(xiàn)種種問題，現(xiàn)在就與Zend的安裝簡(jiǎn)單介紹一下主要分為三個(gè)步驟： <

25、;/p><p>　　AppServ 2.2與Zend Optimizer下載 </p><p>　　軟件名稱：AppServ 2.2 appserv-AddOns-ZendOptimizer-2.5.10.exe </p><p>　　AppServ 2.2與Zend Optimizer的安裝； </p><p>　　EcShop軟件安裝； &l

26、t;/p><p>　　因?yàn)锳ppServ使用的是Apache，所以有IIS服務(wù)的朋友最好先將IIS服務(wù)停止（Win2k、2003系統(tǒng)的朋友尤其要注意記得停止IIS服務(wù)）。 </p><p>　　系統(tǒng)安裝很簡(jiǎn)單，基本上就像在windows上安裝任何一個(gè)軟件一樣，只要不斷的按下一步即可 </p><p>　　選擇軟件安裝目錄，您可以根據(jù)需要進(jìn)行選擇。 </p>

27、<p>　　這一步，點(diǎn)擊“Next”即可； </p><p>　　可以將郵件地址修改為你的地址，不做修改也可。如果希望修改Web服務(wù)器的默認(rèn)端口，請(qǐng)根據(jù)需要進(jìn)行修改。記住，如果修改端口為90，則訪問地址要加上這個(gè)端口號(hào)，比如http://localhost:90 。此處可以不做任何修改，繼續(xù)“Next”； </p><p>　　Mysql的一些信息，可以進(jìn)行修改，也可以不做任何

28、修改，繼續(xù)“Next”； </p><p>　　到這里，php、mysql和Apache都已經(jīng)安裝完成。EcShop軟件目前還不需要Zend Optimizer的支持。Zend Optimizer是對(duì)于運(yùn)行加密過的PHP軟件提供運(yùn)行支持，它的安裝同樣很簡(jiǎn)單，雙擊后一直點(diǎn)擊“Next”即可。 </p><p>　　為使Zend Optimizer生效，必須重啟Apache。因此，接下來，您需

29、要按照提示來操作。 </p><p>　　您需要找到AppServ程序快捷方式，然后點(diǎn)擊“Apche Restart”，此時(shí)Zend Optimizer即可生效。 </p><p>　　此時(shí)，在瀏覽器錄入http://localhost，如果看到如圖12的頁面，則說明Apche安裝成功。如果看不到該頁面，請(qǐng)檢查您是否沒有停止iis服務(wù)，或者是給Apache設(shè)置了其他的訪問端口。 </

30、p><p>　　您也可以在瀏覽器上錄入 http://localhost/phpinfo.php ，看一下是否出現(xiàn)如圖13的頁面。請(qǐng)注意Powered By Zend圖標(biāo)旁邊是否有Zend Optimizer v2.5.10字樣。如果有，則說明Zend Optimizer已經(jīng)安裝成功。</p><p><b>　　攝影網(wǎng)站系統(tǒng)分析</b></p><p

31、>　　2.1 網(wǎng)站功能分析</p><p>　　根據(jù)需求分析的描述以及與用戶的溝通，本系統(tǒng)在設(shè)計(jì)時(shí)應(yīng)該滿足以下目標(biāo)：</p><p>　　系統(tǒng)界面設(shè)計(jì)美觀大方、方便、快捷、準(zhǔn)確、數(shù)據(jù)存儲(chǔ)安全可靠。</p><p>　　全面展示照片帶來的視覺效果，并可以展示最新照片、事件、留言等。</p><p>　　實(shí)現(xiàn)各種查詢，如模糊查詢、高級(jí)查詢等

32、。</p><p>　　查看攝影網(wǎng)站的公告信息。。</p><p>　　對(duì)用戶輸入的數(shù)據(jù)，系統(tǒng)進(jìn)行嚴(yán)格的數(shù)據(jù)檢驗(yàn)，盡可能排除人為的錯(cuò)誤。</p><p><b>　　支持友情連接功能。</b></p><p>　　網(wǎng)站最大限度的實(shí)現(xiàn)了易維護(hù)性和易操作性。</p><p>　　系統(tǒng)運(yùn)行穩(wěn)定、安全可靠

33、。</p><p>　　2.2網(wǎng)站功能結(jié)構(gòu)圖</p><p>　　2.3參賽者及管理流程圖</p><p>　　2.4 簡(jiǎn)單整體流程圖</p><p>　　2.5開發(fā)及運(yùn)行環(huán)境</p><p>　　在開發(fā)攝影網(wǎng)站時(shí)，該項(xiàng)目使用的軟件開發(fā)環(huán)境如下：</p><p><b>　　1．服務(wù)器

34、端：</b></p><p>　　操作系統(tǒng)：Windows 2003 Server/Linux(推薦)。</p><p>　　服務(wù)器：Apache2.2。</p><p>　　PHP軟件：PHP5.16。</p><p>　　數(shù)據(jù)庫：MySQL5.0.24。</p><p>　　MySQL圖形化管理軟件：p

35、hpMyAdmin-2.9.0.2。</p><p>　　開發(fā)工具：Dreamweaver 8、Eclipse。</p><p>　　瀏覽器：IE6.0及以上版本。</p><p>　　分辨率：最佳效果1024X768像素。</p><p><b>　　2.客戶端：</b></p><p>　　

36、瀏覽器：IE6.0及以上版本。 </p><p>　　分辨率：最佳效果1024×768像素。</p><p><b>　　數(shù)據(jù)庫設(shè)計(jì)</b></p><p>　　3.1 數(shù)據(jù)庫分析</p><p>　　因?yàn)楸卷?xiàng)目面向的是中小學(xué)生及企事業(yè)單位，所以需要充分考慮到主辦方成本及用戶需求（如跨平臺(tái)）等問題，而MySQ

37、L是世界上最為流行的開放源代碼的數(shù)據(jù)庫，是完全網(wǎng)絡(luò)化的跨平臺(tái)的關(guān)系型數(shù)據(jù)庫系統(tǒng)，這正好滿足了比賽數(shù)據(jù)存儲(chǔ)的需求，所以本系統(tǒng)采用MySQL數(shù)據(jù)庫。作為PHP黃金搭檔MySQL數(shù)據(jù)庫不僅存儲(chǔ)和管理功能強(qiáng)大，而且它是完全免費(fèi)使用的，很多網(wǎng)站都可以下載到它，這樣可以為主辦方節(jié)省一大部分的開支。PHP中也提供了強(qiáng)大的支持MySQL數(shù)據(jù)庫的函數(shù)，phpMyadmin為MySQL數(shù)據(jù)庫提供了圖形化界面。</p><p><

38、;b>　　數(shù)據(jù)庫概念設(shè)計(jì)</b></p><p>　　根據(jù)以上各節(jié)對(duì)系統(tǒng)分析所作的需求分析、系統(tǒng)設(shè)計(jì)、規(guī)劃出攝影網(wǎng)站平臺(tái)的實(shí)體關(guān)系E-R圖。實(shí)體關(guān)系E-R圖示用來描述實(shí)體之間關(guān)系的圖表，構(gòu)成E-R圖的基本要素是實(shí)體型、屬性和聯(lián)系，其表示方法為：</p><p>　　實(shí)體型：用矩形表示，矩形框內(nèi)標(biāo)注實(shí)體名。 </p><p>　　屬性：用橢圓形表示：

39、并用無向邊將其與相應(yīng)的實(shí)體連接起來。</p><p>　　聯(lián)系：用菱形表示，菱形框內(nèi)標(biāo)注聯(lián)系名，并用無向邊分別與有關(guān)實(shí)體連接起來，同時(shí)在無向邊旁標(biāo)上聯(lián)系的類型（1:1、1:n、或m:n）。</p><p>　　本系統(tǒng)中使用的數(shù)據(jù)庫實(shí)體分別為照片信息實(shí)體、用戶信息實(shí)體、用戶留言實(shí)體、照片評(píng)價(jià)實(shí)體、管理員信息實(shí)體、公告信息實(shí)體和友情鏈接實(shí)體。下面將介紹幾個(gè)關(guān)鍵實(shí)體E-R圖。</p>

40、<p><b>　　照片信息實(shí)體</b></p><p>　　照片信息實(shí)體包括作品名稱、作品作者、拍攝地點(diǎn)、攝影機(jī)型號(hào)、主題意義等屬性。照片信息實(shí)體的E-R圖 ，如圖3-2-1所示。</p><p><b>　　圖3-2-1</b></p><p>　　3.2.2 用戶信息實(shí)體</p><

41、;p>　　用戶信息實(shí)體包括用戶姓名、密碼、id號(hào)屬性。用戶信息實(shí)體的E-R圖 ，如圖4-2-2所示。</p><p><b>　　圖3-2-2</b></p><p>　　3．2．3 用戶留言實(shí)體</p><p>　　用戶留言實(shí)體包括用戶名、密碼、E-mail、主題、內(nèi)容等屬性。用戶信息實(shí)體的E-R圖 ，如圖3-2-3所示。</p

42、><p><b>　　圖3-2-3</b></p><p>　　3.3創(chuàng)建數(shù)據(jù)庫及數(shù)據(jù)表</p><p>　　結(jié)合實(shí)際情況及對(duì)用戶需求的分析，攝影網(wǎng)站系統(tǒng)db_shoot數(shù)據(jù)庫主要包含如下5個(gè)數(shù)據(jù)表，如圖3-3-1所示</p><p><b>　　圖3-3-1</b></p><p&

43、gt;　　下面以db_shoot數(shù)據(jù)庫中的controller數(shù)據(jù)表為例，通過兩種不同的方法來講解數(shù)據(jù)庫及數(shù)據(jù)表的創(chuàng)建過程。</p><p>　　在命令提示符下創(chuàng)建數(shù)據(jù)庫及數(shù)據(jù)表</p><p>　　在數(shù)據(jù)庫腳本文件導(dǎo)出后，就可以根據(jù)該腳本文件在MySQL中創(chuàng)建數(shù)據(jù)庫及數(shù)據(jù)庫了。具體步驟如下：</p><p>　?。?1 ）選擇“開始”/“所有程序”/Appserv

44、/MySQL Command Line Client命令，進(jìn)入到MySQL的客戶端命令行窗口，輸入密碼并按Enter鍵后，即可使用MySQL Cl ient連接MySQL數(shù)據(jù)庫。</p><p>　?。?2 ）在mysql> 提示符后面輸入以下命令創(chuàng)建數(shù)據(jù)庫db_shoot。</p><p>　　Create database db_shoot

45、 </p><p>　?。?3 ）調(diào)用數(shù)據(jù)庫db_shoot。</p><p>　　Use db_shoot </p><p>　?。?4 ）在數(shù)據(jù)庫db_shoot中創(chuàng)建一個(gè)簡(jiǎn)單的數(shù)據(jù)

46、庫controller，包括id、name、pwd等代碼，代碼如下：</p><p>　　Mysql>create table controller( </p><p>　　->id int(11) AUTO_INCR

47、EMENT PRIMARY KEY, </p><p>　　->NAME VACHAR(8), </p><p>　　->pwd varchar(40), </p>&

48、lt;p>　　Query OK,0 rows affected (0.03 sec) </p><p>　　在phpMyadmin圖形工具下創(chuàng)建數(shù)據(jù)庫及數(shù)據(jù)表</p><p>　　在phpMyadmin的主界面中有兩個(gè)文本框和一個(gè)“創(chuàng)建”按鈕，首先在文本框中輸入數(shù)據(jù)庫的名稱，然后選擇編碼，最后單擊“創(chuàng)建”按鈕，這樣新的數(shù)據(jù)庫就可以被創(chuàng)建成。例如，創(chuàng)建一

49、個(gè)名稱為db_shoot的數(shù)據(jù)庫，首先在文本框中輸入db_shoot，之后在下拉列表框中找到要使用的編碼，在Windows下一般選擇gb2312_chinses_ci，如下圖所示：</p><p>　　圖 phpMyadmin的管理界面</p><p>　　最后單擊“創(chuàng)建”按鈕，這樣名為db_shoot的數(shù)據(jù)庫就被創(chuàng)建成功。</p><p>　　執(zhí)行結(jié)果如下圖所示

50、。</p><p>　　在右側(cè)界面還可以執(zhí)行創(chuàng)建數(shù)據(jù)庫表的操作，首先在表單中輸入數(shù)據(jù)表的名稱和字段，然后點(diǎn)擊“執(zhí)行”按鈕，進(jìn)入各個(gè)字段的詳細(xì)信息錄入表單，包括字段名、數(shù)據(jù)類型、長(zhǎng)度/值、屬性、默認(rèn)值、額外和索引的類型等。在這里就完成了對(duì)表結(jié)構(gòu)的詳細(xì)設(shè)置，如下圖所示。</p><p><b>　　下面是各表列圖</b></p><p><b

51、>　　分組圖</b></p><p><b>　　List事物列表</b></p><p><b>　　留言板</b></p><p><b>　　用戶表</b></p><p>　　第四章 公共模塊設(shè)計(jì)</p><p>　　4.1

52、 數(shù)據(jù)庫鏈接文件 </p><p>　　首先講一下數(shù)據(jù)庫鏈接文件</p><p>　　通過此文件使得各個(gè)文件均可鏈接到數(shù)據(jù)庫</p><p>　　mysql_connect():連接MySQL服務(wù)器，服務(wù)器的用戶名為root，密碼為luojing。</p><p>　　Mysql_select_db():用于連接指定的MySQL數(shù)據(jù)庫。

53、</p><p>　　如果某個(gè)頁面中需要進(jìn)行數(shù)據(jù)庫的操作，在頁面的前臺(tái)直接包含該文件即可，代碼如下：</p><p><b>　　<?php</b></p><p>　　include(“conn.php”); //包含數(shù)據(jù)庫文件</p><p><b>　　?></b><

54、;/p><p>　　4.2css樣式表文件</p><p>　　CSS是Cascading Style Sheets (層疊樣式表單)的簡(jiǎn)稱，是一種簡(jiǎn)單、靈活、易學(xué)的工具，可使任何瀏覽器都聽從指令，知道該如何顯示元素及其內(nèi)容。掌握CSS樣式表不僅能更好、更快地完成網(wǎng)頁設(shè)計(jì)使頁面具有動(dòng)態(tài)效果，還有助于統(tǒng)一網(wǎng)站的整體風(fēng)格。</p><p>　　在網(wǎng)頁中使用CSS的方法如下：

55、</p><p>　　把CSS文檔放到<head></head>標(biāo)記中。</p><p>　　<head><style type=”text/css”>…</style></head></p><p>　　把CSS樣式表寫在HTML行內(nèi)，代碼如下：</p><p>　　&

56、lt;p style=”font-size:: 12pt: color: black”>黑色12號(hào)文字</p></p><p>　　這是采用<style=””>的格式把樣式寫在HTML中的任意行內(nèi)，這種方法比較方便靈活。</p><p>　　把編輯好的CSS文檔保存成擴(kuò)展名為”.css”的外部文件，然后在<head>標(biāo)記中調(diào)用該文件，調(diào)用方法的代碼

57、如下：</p><p>　　<head><link rel=stylesheet type=”text/css”href=”.css文檔的相對(duì)路徑”>…<head></p><p>　　這種方式能使多個(gè)文檔同時(shí)使用相同的樣式，從而能夠減少大量的冗余代碼。</p><p>　　攝影網(wǎng)站采用<link>將擴(kuò)展名為”.css

58、”的外部文件嵌入到網(wǎng)頁中，代碼如下：</p><p>　　攝影網(wǎng)站中應(yīng)用的index.css樣式表文件的代碼如下（鑒于節(jié)約紙張，只展示少部分代碼）：</p><p><b>　　4.3 js文件</b></p><p>　　通過js文件，實(shí)現(xiàn)了網(wǎng)頁動(dòng)態(tài)效果，使網(wǎng)頁更加活潑，生動(dòng)。同時(shí)也應(yīng)用到客戶端的驗(yàn)證，驗(yàn)證碼，下拉列表等！</p>

59、<p>　　網(wǎng)頁中的index.js代碼：</p><p>　　第五章 各部分具體設(shè)計(jì)方案</p><p><b>　　用戶登錄</b></p><p>　　通過鏈接到后臺(tái)數(shù)據(jù)庫，在前臺(tái)得到數(shù)據(jù)提取驗(yàn)證，得到后臺(tái)存儲(chǔ)數(shù)據(jù)代碼如下：</p><p>　　<tr><td colspan=&q

60、uot;2"><input type="hidden" value="<?php echo $num;?>" name="num"></p><p>　　<div class="botton"><input name="imageField" type=&q

61、uot;image" src="images/yhzc_bt1_s1.gif" class="input1" /></div></p><p>　　<div class="botton1"><input name="imageField2" type="image" s

62、rc="images/yhzc_bt2_s1.gif" onClick="form.reset();return false;" class="input1"></div></td></tr></p><p>　　后臺(tái)數(shù)據(jù)提取，通過前文講到的conn.php文件鏈接到數(shù)據(jù)庫，得到數(shù)據(jù)</p>&l

63、t;p>　　同時(shí)增加了客戶端驗(yàn)證，代碼不再細(xì)述！</p><p><b>　　用戶注冊(cè)</b></p><p>　　用戶注冊(cè)頁面添加了驗(yàn)證碼的使用，同時(shí)使用了ajax技術(shù)，驗(yàn)證碼的使用使得用戶的登錄更加安全，而且實(shí)現(xiàn)了頁面無刷新技術(shù)，代碼如下：</p><p>　　這段代碼，使得驗(yàn)證碼實(shí)現(xiàn)了實(shí)現(xiàn)Ajax無刷新技術(shù)的頁面功能。</p&

64、gt;<p>　　5.3后臺(tái)存儲(chǔ)及前臺(tái)調(diào)用</p><p>　　在開始菜單欄里進(jìn)入到后臺(tái)數(shù)據(jù)庫代碼編輯器，輸入密碼進(jìn)入到數(shù)據(jù)庫后臺(tái)，</p><p><b>　　建立一個(gè)存儲(chǔ)過程，</b></p><p>　　通過id得到姓名，同時(shí)存儲(chǔ)入數(shù)據(jù)庫。</p><p>　　調(diào)用存儲(chǔ)過程，call sp_name(

65、[參數(shù)【……】])</p><p>　　例如：本題中代碼為：call db_s();</p><p>　　5.4 數(shù)據(jù)庫的備份與還原</p><p>　　對(duì)于每一個(gè)人，或者企業(yè)，或者國(guó)家，數(shù)據(jù)備份至關(guān)重要，因此我們也做了數(shù)據(jù)庫備份，代碼如下：</p><p>　　$mysqlstr = "C:\AppServ\MySQL\bin\

66、mysqldump -uroot -h localhost -pluojing --opt -B db_shoot > C:\AppServ\www\shoot\bak\bak.txt".$_POST[r_name];</p><p>　　exec($mysqlstr);</p><p>　　echo "<script>alert('備份成功&

67、#39;);location='data_stock.php'</script>";</p><p>　　C:\AppServ\MySQL\bin\路徑一定要寫清楚，C:\AppServ\www\shoot\bak\bak.txt將數(shù)據(jù)庫備份到C盤的AppServ\www\shoot\bak文件夾下的bak.txt里，如果你想備份到某個(gè)文件夾下，只需修改>../bak/

68、”.$_POST[b_name];即可，這樣數(shù)據(jù)會(huì)以當(dāng)時(shí)時(shí)間為命名的文件存儲(chǔ)！</p><p>　　數(shù)據(jù)庫還原只需將“>”改為“<”，然后將mysqldump改為mysql即可！</p><p><b>　　在本項(xiàng)目中代碼為：</b></p><p>　　$mysqlstr = "C:\\AppServ\\MySQL\\b

69、in\\mysql -uroot -hlocalhost -pluojing db_office < ../bak/".$_POST[r_name]; </p><p>　　exec($mysqlstr);</p><p>　　echo "<script>alert('恢復(fù)成功');location='data_stock.p

70、hp'</script>";</p><p><b>　　總結(jié)</b></p><p>　　對(duì)前面的功能做一下總結(jié)：</p><p>　　普通用戶設(shè)置了限制權(quán)限，普通用戶只能瀏覽部分網(wǎng)頁；</p><p>　　會(huì)員的注冊(cè)、登錄，使用會(huì)話變量，實(shí)現(xiàn)了用戶的安全登錄和退出；</p>

71、<p>　　系統(tǒng)的注冊(cè)添加了驗(yàn)證碼，實(shí)現(xiàn)了頁面無刷新更換驗(yàn)證碼</p><p>　　實(shí)現(xiàn)后臺(tái)數(shù)據(jù)庫的備份和還原</p><p>　　前臺(tái)的PHP代碼實(shí)現(xiàn)數(shù)據(jù)庫的備份和還原</p><p>　　設(shè)計(jì)和實(shí)現(xiàn)系統(tǒng)的PHP高級(jí)編程所需的類和對(duì)象的功能。</p><p>　　學(xué)習(xí)了Smarty類庫技術(shù)，由于時(shí)間原因未完成smarty框架的應(yīng)

72、用</p><p>　　后臺(tái)數(shù)據(jù)庫設(shè)計(jì)一個(gè)存儲(chǔ)過程，前臺(tái)調(diào)用該存儲(chǔ)過程。</p><p>　　通過這短短的兩個(gè)星期，我們體會(huì)到了合作的重要性，學(xué)到了許多課堂上沒有的知識(shí)。再次感謝老師的諄諄教導(dǎo)！</p><p><b>　　附錄</b></p><p>　　本項(xiàng)目用到的參考文獻(xiàn)</p><p>