畢業(yè)設計----攝影愛好者網站開發(fā)

1、<p><b>　　攝影愛好者網站開發(fā)</b></p><p>　　專業(yè)名稱：計算機科學與技術</p><p>　　班 級： </p><p><b>　　摘 要</b></p><p>　　進入21世紀之后，隨著信息技術的飛速發(fā)展，尤其是人們生活水平

2、的日漸提高，數碼相機已經不再是一件奢侈品了。但是，并不是每個人都是攝影領域里的專家。然而，網絡和論壇給了攝影愛好者一個很好的學習平臺。</p><p>　　本文所設計的攝影愛好者網站是一個典型為攝影愛好者提供幫助和交流的網站，其開發(fā)主要包括前臺系統(tǒng)和后臺系統(tǒng)兩部分。前臺系統(tǒng)是供會員或者游客訪問的瀏覽器界面。在這里瀏覽者可以注冊成為會員，查閱作品，查看要聞資訊，下載相關軟件，參與論壇討論，使用搜索引擎和發(fā)表留言等。

3、后臺系統(tǒng)主要進行會員信息的管理，要聞資訊的發(fā)布以及修改等。本網站便于向所有瀏覽網站的用戶展示優(yōu)秀的攝影作品，還可以進行在線討論，從而使所有攝影愛好者可以分享作品和經驗，并為用戶提供最新的資訊以及新版軟件的下載。</p><p>　　本攝影愛好者網站基于互聯(lián)網運行的B/S模式，以Windows XP+ IIS作為開發(fā)環(huán)境，采用Dreamweaver MX作為前臺頁面的開發(fā)工具，后臺選擇Access作為數據庫開發(fā)工具

4、。其主要技術創(chuàng)新點在于它采用了ODBC(Open Database Connectivity)技術。這種技術功能強大，使用方便，節(jié)省了大量代碼的編寫。另外，本網站的主要特色是頁面新穎友好，內容豐富，自動發(fā)布信息，加之設計有論壇功能，盡最大努力滿足了用戶的需求。</p><p>　　關鍵詞 攝影；論壇；ASP；數據庫；參數傳遞</p><p><b>　　ABSTRACT</

5、b></p><p>　　After entering the 21st century, accompanied by the rapid development of information technology, in particular, with the increasing of people's living standard, a digital camera is no long

6、er beyond the reach of ordinary people. However, not everyone is an expert in the field of photography. The network and the forum are both very good learning platforms.</p><p>　　This photographers’ web site

7、is a typical site for photographers to provide help and the exchanges. Its development parts include: front and back-office systems. The front system is provided for members or visitors to visit the browser interface. Vi

8、sitors can register to become a member, see the good works, view the news information, download software, participate the discuss, use search engines and delivered messages and so on. The back-office system is mainly mad

9、e up of the management of the b</p><p>　　This web site is based on the B / S mode . It uses the Windows XP + IIS as a development environment and uses the Dreamweaver MX as the development tools of the front

10、 page .I choose the Access as the database development tools. The main technical innovation of this point is that it uses ODBC technology, which is powerful and easy to use, saving a great deal of the preparation of the

11、code. In addition, the main features of this website is friend, rich in content and automatic dissemination of inf</p><p>　　Keywords Photography; Forum; ASP; database; parameter </p><p><b&g

12、t;　　目 錄</b></p><p><b>　　1 緒論1</b></p><p>　　1.1 系統(tǒng)開發(fā)背景2</p><p>　　1.1.1 什么是攝影2</p><p>　　1.1.2 因特網的產生和發(fā)展2</p><p>　　1.1.3 文化交流網站的現狀

13、3</p><p>　　1.2 課題提出的意義3</p><p>　　2 開發(fā)環(huán)境及其技術簡介5</p><p>　　2.1 系統(tǒng)開發(fā)環(huán)境5</p><p>　　2.2 系統(tǒng)開發(fā)工具5</p><p>　　3 攝影愛好者網站需求分析7</p><p>　　3.1 系統(tǒng)可行

14、性分析7</p><p>　　3.2 系統(tǒng)需求分析7</p><p>　　4 后臺數據庫設計9</p><p>　　4.1 數據庫需求分析10</p><p>　　4.2 數據庫的詳細設計10</p><p>　　4.2.1 用戶注冊表的數據庫設計10</p><p>　　

15、4.2.2 后臺管理的數據庫設計11</p><p>　　4.2.3 留言板的數據庫設計12</p><p>　　4.2.4 論壇系統(tǒng)的數據庫設計12</p><p>　　4.3 實現數據庫之間的聯(lián)系13</p><p>　　4.4 數據庫的鏈接15</p><p>　　5 攝影愛好者網站的詳細設

16、計17</p><p>　　5.1 網站的結構及模塊設計17</p><p>　　5.2 前臺客戶端首頁設計19</p><p>　　5.3 信息發(fā)布功能20</p><p>　　5.4 計數器功能21</p><p>　　5.5 滾動文字功能21</p><p>　　5.

17、6 搜索引擎功能22</p><p>　　5.7 留言板的實現22</p><p>　　5.8 設為主頁功能22</p><p>　　5.9 軟件下載功能23</p><p>　　5.10 論壇的實現23</p><p>　　5.10.1 設置框架23</p><p>　

18、　5.10.2 用戶注冊功能24</p><p>　　5.10.3 用戶登錄功能26</p><p>　　5.10.4 帖子列表功能28</p><p>　　5.10.5 帖子閱讀功能28</p><p>　　5.10.6 會員基本信息查看界面29</p><p>　　5.10.7 會員基本信息修

19、改界面30</p><p>　　5.10.8 會員密碼修改界面30</p><p>　　5.10.9 留言發(fā)送界面30</p><p>　　5.10.10 留言查看界面31</p><p>　　5.10.11 帖子查詢功能32</p><p>　　5.10.12 文章發(fā)表界面33</p>

20、<p>　　5.11 后臺管理的設計34</p><p>　　5.11.1 管理員登錄功能34</p><p>　　5.11.2 資訊的刪除功能34</p><p>　　5.11.3 資訊的添加功能34</p><p>　　5.11.4 會員管理界面35</p><p>　　5.11.5

21、 帖子管理界面35</p><p>　　6 系統(tǒng)測試36</p><p>　　6.1 模塊測試36</p><p>　　6.2 集成測試37</p><p>　　6.3 確認測試37</p><p><b>　　結 論38</b></p><p>&l

22、t;b>　　致 謝40</b></p><p><b>　　附 錄41</b></p><p><b>　　參考文獻44</b></p><p><b>　　攝影愛好者網站開發(fā)</b></p><p><b>　　1 緒論</b&g

23、t;</p><p>　　隨著攝影技術的不斷發(fā)展，攝影已經不再只是專業(yè)攝影師的愛好了，當今越來越多的普通人迷上了攝影。人們喜歡攝影，想要把自己的所見所聞和各個時期不同的自己，用鏡頭記錄下來。但是自學攝影并非一件容易的事，而向資深攝影師詢問也并不現實，所以這讓攝影愛好者頭痛不已。然而隨著網絡的普及，網絡資源的大范圍共享，使攝影愛好者之間相互交流成為了可能。大家可以通過網絡，同來自四面八方的攝影愛好者或者攝影方面的專

24、家進行交流，吸收經驗，改進不足。</p><p>　　網絡的信息是共享的，而又是面向大眾的。在交流經驗，相互學習的同時，瀏覽者還可以了解攝影的最新資訊，業(yè)界最新動態(tài)，數碼相機的選取以及發(fā)表自己的最新作品等。這樣一來，一個包含上述功能的網站就十分必要了。</p><p>　　但設計網站并非易事，這需要充分了解網站設計的方方面面，從前臺界面到后臺數據庫，要重點突出，有特色。具體到本網站就是一定

25、要有攝影領域的特色。這其中最重要的一點是要把需求分析做到盡可能的完善，不要造成因為需求分析出現偏差而導致整個系統(tǒng)重改的局面。設計出的網站要求美觀，簡潔，實用性強，易于操作。所以，網站既要功能完善還要有自己的特色，要真正做到使瀏覽者有賓至如歸的感覺，盡情享受該網站帶來的樂趣和知識。</p><p>　　在以上分析的基礎上，我完成了本攝影愛好者網站的設計。本網站由前臺系統(tǒng)和后臺系統(tǒng)兩部分構成。前臺系統(tǒng)是供會員或游客訪

26、問的瀏覽器界面。在這里瀏覽者可以注冊成為會員，查閱作品，查看要聞資訊，下載相關軟件，參與論壇討論，使用搜索引擎和發(fā)表留言等。后臺系統(tǒng)主要是進行會員信息的管理，要聞資訊的發(fā)布以及管理等。隨著計算機技術的提高和發(fā)展,對小型的網站來說,用一臺機器來完成前后臺任務是可行的。</p><p>　　本網站雖然無法與功能強大的大型門戶網站相媲美，但是功能齊全，方便實用，最大限度的滿足了用戶群的需求。</p>&l

27、t;p>　　1.1 系統(tǒng)開發(fā)背景</p><p>　　1.1.1 什么是攝影</p><p>　　攝影是指使用某種專門設備進行影像記錄的過程，一般我們使用機械照相機或者數碼相機進行攝影。有時攝影也會被稱為照相，也就是通過物體所反射的光線使感光介質曝光的過程。</p><p>　　英文攝影Photography一詞源于希臘語φω? phos（光線）和γραφ

28、ι? graphis（繪畫、繪圖）或γραφη graphê，兩字一起的意思是“以光線繪圖”，是指使用某種專門設備進行影像記錄的過程。</p><p>　　有人說過的一句精辟的語言：攝影家的能力是把日常生活中稍縱即逝的平凡事物轉化為不朽的視覺圖像。</p><p>　　一般簡稱的攝影，即是用照相機，映像在底片，沖印底片成為單一相片，一張張作永久保存。但相片的影像是不動的、無聲的，

29、僅供人觀賞其人物、意境，進而體會其涵義。</p><p>　　今天世界上仍存留的最早的一張照片可以追溯至1827年，出自法國人約瑟夫?尼埃普之手。 </p><p>　　攝影的分類包括：記錄攝影、藝術攝影、畫意攝影、全息攝影等。攝影流派包括：繪畫主義攝影、印象派攝影、寫實攝影、自然主義攝影、純粹派攝影、新即物主義攝影、超現實主義攝影、抽象攝影、堪的派攝影、“達達派”攝影、主觀主義攝影等。&

30、lt;/p><p>　　1.1.2 因特網的產生和發(fā)展</p><p>　　因特網起源于美國國防部高級研究計劃管理局建立的阿帕網。網站(Website)是指在因特網上，根據一定的規(guī)則，使用HTML等工具制作的用于展示特定內容的相關網頁的集合。簡單地說，網站是一種通訊工具，就像布告欄一樣，人們可以通過網站來發(fā)布自己想要公開的資訊，或者利用網站來提供相關的網絡服務。人們可以通過網頁瀏覽器來訪問網

31、站，獲取自己需要的資訊或者享受網絡服務。</p><p>　　許多公司都擁有自己的網站，他們利用網站來進行宣傳、產品資訊發(fā)布、招聘等等。隨著網頁制作技術的流行，很多個人也開始制作個人主頁，這些通常是制作者用來自我介紹、展現個性的地方。也有以提供網絡資訊為盈利手段的網絡公司，通常這些公司的網站上提供人們生活各個方面的資訊如時事新聞、旅游、娛樂、經濟等。</p><p>　　在因特網的早期，網

32、站還只能保存單純的文本。經過幾年的發(fā)展，當萬維網出現之后，圖像、聲音、動畫、視頻，甚至3D技術開始在因特網上流行起來，網站也慢慢地發(fā)展成我們現在看到的圖文并茂的樣子。通過動態(tài)網頁技術，用戶也可以與其他用戶或者網站管理者進行交流。也有一些網站提供電子郵件服務。</p><p>　　1.1.3 文化交流網站的現狀</p><p>　　目前國內文化交流網站自身存在著一些問題，主要表現在：第一，

33、網站在首頁頁面上通常放置太多內容，也存在很多廣告，使整體版面過于雜亂，令瀏覽者反感；第二，國內網站的種類不足，有未涉及的方面。以攝影網站為例，雖不缺乏大型的門戶網站，但是這些網站的官方性質太強。就這一點而言，雖然其具備所需的功能，但是指向性不強。也就是說它雖適用于所有的人，但對所有人的貢獻都不大。究其原因，在于這些網站只在大的方面滿足了種類的要求，但是并沒有把種類細分，網站的開發(fā)并沒有針對特定的用戶群。</p><p

34、>　　也許正是由于中國文化交流網站現存的種種問題和不足，在面對外來網站的競爭時，不免產生擔憂和底氣不足，對未來的發(fā)展心存疑慮和困惑。但這并不能從根本上解決問題，也不是文化交流網站發(fā)展壯大的長遠之計。加強對本土文化資源的整合、共享和利用是大勢所趨，開發(fā)適用于各個層次的群體的網站迫在眉睫。認清形勢、選擇對策，為文化交流網站提供切實可行的解決方案這一命題又一次擺在人們面前。</p><p>　　1.2 課題提出

35、的意義</p><p>　　本攝影愛好者網站正是基于以上的分析設計完成的。網站針對的用戶群是業(yè)余的攝影愛好者。這一類用戶群具有如下特點：酷愛攝影，但是自身的攝影技術有限；沒有足夠的經濟基礎購買最為精密的攝影工具；攝影的目的是為了記錄自己的所見所聞，并非是制造高尚藝術品或者參加大型設計比賽?？偨Y一句話就是，本網站的設計理念以普通老百姓的攝影愛好為依托。所以網站的設計非常樸素和實用。網站中設有論壇系統(tǒng)，使用戶可以隨意

36、與他人溝通；網站的用戶可以留言給網站管理員，分享自己發(fā)現的攝影小竅門，再經管理員發(fā)布到網上，使大家可以共享這一消息；網站信息臺發(fā)布的信息每天更新；用戶可以將自己的作品發(fā)到網上，供大家評論。</p><p>　　本網站雖然比不上大型門戶網站的功能齊全，但是卻十分適用，功能也應有盡有，在各種類型網站中占據不可或缺的角色，也必將成為網站發(fā)展趨勢的一股熱潮。</p><p>　　2 開發(fā)環(huán)境及其

37、技術簡介</p><p>　　2.1 系統(tǒng)開發(fā)環(huán)境</p><p>　　(1) 支持ASP的Web服務器：本機使用IIS5.0。</p><p>　　(2) ASP程序的編輯工具：ASP和HTML網頁都是常規(guī)的文本文件，使用Dreamweaver編輯器或Windows的記事本都可以編輯ASP程序。</p><p>　　(3) 瀏覽器：用瀏覽

38、器來看最后的結果。ASP并不限定瀏覽器的種類。對于當前的常用的瀏覽器，如Internet Explorer，firefox等均可以正常的瀏覽網頁。</p><p>　　2.2 系統(tǒng)開發(fā)工具</p><p><b>　　(1) ASP</b></p><p>　　ASP是Active Server Page的縮寫，意為“動態(tài)服務器頁面”。ASP

39、是微軟公司開發(fā)的代替CGI腳本程序的一種應用,它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網頁文件的格式是.asp，現在常用于各種動態(tài)網站中。ASP是一種服務器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網頁或Web應用程序。ASP網頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網頁中添加交互式內容（如在線表單），也可以創(chuàng)建使用HTML網頁作為用戶界面的Web應用程序。</p>

40、;<p>　　(2) Access2000 </p><p>　　Microsoft Office Access（前名 Microsoft Access）是由微軟發(fā)布的關聯(lián)式數據庫管理系統(tǒng)。它結合了Microsoft Jet Database Engine和圖形用戶界面兩項特點，是Microsoft Office的成員之一。</p><p>　　Access能夠存取Acces

41、s/Jet、Microsoft SQL Server、Oracle(甲骨文軟件公司)，或者任何ODBC兼容數據庫內的資料。熟練的軟件設計師和資料分析師利用它來開發(fā)應用軟件，而一些不熟練的程序員和非程序員的“進階用戶”則能使用它來開發(fā)簡單的應用軟件。雖然它支持部分面向對象技術，但是未能成為一種完整的面向對象開發(fā)工具。</p><p>　　(3) Microsoft Windows XP的Internet信息服務(I

42、IS)</p><p>　　給Windows帶來Web計算的強大功能。通過IIS，您可以輕松地共享文件，并為安全發(fā)布信息，創(chuàng)建應用程序提供了極大的方便。IIS是創(chuàng)建和開發(fā)攝影愛好者網站的安全平臺。含IIS的Windows XP可以滿足您以下的需要: </p><p>　　設置個人Web服務器。 </p><p>　　在您的組內共享信息。 </p>&l

43、t;p><b>　　訪問數據庫。</b></p><p>　　創(chuàng)建一個企業(yè)Intranet。</p><p>　　(4) Dreamweaver簡介</p><p>　　Dreamweaver是Macromedia公司推出的一個專業(yè)可視化的HTML編輯工具，用于對Web站點、Web頁和Web應用程序進行設計、編碼和開發(fā)。</p>

44、;<p>　　Dreamweaver是專業(yè)的網頁設計軟件，它可以幫助用戶快速創(chuàng)建自己的站點，輕松設計出精美的頁面，它的最大特點是工作環(huán)境所見即所得，這個特點大大簡化了網站架設與網頁設計的操作流程，讓網站的設計工作變得輕松方便。無論直接編寫HTML代碼的還是在可視化編輯環(huán)境中工作，Dreamweaver都會十分方便實用。</p><p>　　Dreamweaver的功能強大且界面友好，使用它可制作跨平

45、臺瀏覽的網頁。Dreamweaver所提供的可視化編輯功能，可幫助用戶快速創(chuàng)建不需要手工編寫任何代碼的動態(tài)頁面。此外，Dreamweaver還提供了功能全面的編碼環(huán)境，其中包括代碼編輯工具，以及有關層疊樣式表(CSS)、JavaScript和CodeFusion標記語言(CFML)等方面的參考資料。Dreamweaver還可以使用服務器技術（如ASP.NET、ASP、JSP和PHP）生成動態(tài)的、數據庫驅動的Web應用程序。</p&

46、gt;<p>　　3 攝影愛好者網站需求分析</p><p>　　3.1 系統(tǒng)可行性分析</p><p>　　從系統(tǒng)的技術可行性，經濟可行性和操作可行性方面進行分析如下：</p><p>　　技術可行性：具備用于建立系統(tǒng)的硬件設備、軟件、開發(fā)環(huán)境等資源。系統(tǒng)采用微軟的功能強大的開發(fā)環(huán)境以及Windows XP操作系統(tǒng)為工作平臺，同時借助Micros

47、oft Access 2000進行后臺數據庫設計。</p><p>　　經濟可行性：對于一個網站而言，網站的流量和名氣越大，廣告商就越愿意在上面打廣告，廣告費也就越高，網站收入也越高。因此廣告是其主要經濟來源。所以前期的設計費用是絕對有必要的。</p><p>　　操作可行性：本網站界面美觀，易于操作，只要經常上網的人就都可以操作它，基本不存在操作技術上的問題。</p>&l

48、t;p>　　3.2 系統(tǒng)需求分析</p><p>　　在軟件工程中，需求分析指的是在建立一個新的或改變一個現存的電腦系統(tǒng)時描寫新系統(tǒng)的目的、范圍、定義和功能的過程中所要做的所有的工作。需求分析是軟件工程中的一個關鍵過程。在這個過程中，系統(tǒng)分析員和軟件工程師確定顧客的需要。只有在確定了這些需要后他們才能夠分析和尋求新系統(tǒng)的解決方法。</p><p>　　在軟件工程的歷史中，很長時間里

49、人們一直認為需求分析是整個軟件工程中最簡單的一個步驟，但在過去十年中越來越多的人認識到它是整個過程中最關鍵的一個過程。假如在需求分析時分析者們未能正確地認識到顧客的需要的話，那么最后的軟件實際上不可能達到顧客的需要，或者軟件無法在規(guī)定的時間里完工。</p><p>　　所以說，需求分析既是一項最重要的工作，又是一項最困難的工作。我在設計此網站時，做了充足的需求分析，具體內容如下：</p><p

50、>　　(1) 本網站的潛在用戶群是喜愛攝影的業(yè)余攝影愛好者。</p><p>　　(2) 用戶需要樸素實用的網站，不是花哨無用的網站，尤其不能只顧及商業(yè)目的而無節(jié)制的引進大量垃圾廣告?？梢赃m當的加一些與攝影有關的用材廣告或是相關攝影網站的廣告，但一定要控制其質量和數量。</p><p>　　(3) 網站需要一個成熟的論壇系統(tǒng)，為用戶提供良好的交流平臺。</p><

51、p>　　(4) 網站信息發(fā)布要及時。</p><p>　　(5) 網站的功能要全面，包括：信息發(fā)布，論壇，作品展示，留言板，軟件下載，搜索引擎等。</p><p>　　(6) 網站的性能要良好，要易于維護。</p><p>　　(7) 網站對權限要有要求，不可越權操作。</p><p>　　4 后臺數據庫設計</p>&

52、lt;p>　　數據庫設計（Database Design）是指對于一個給定的應用環(huán)境，構造最優(yōu)的數據庫模式，建立數據庫及其應用系統(tǒng)，使之能夠有效地存儲數據，滿足各種用戶的應用需求（信息要求和處理要求）。數據庫結構設計的好壞決定了系統(tǒng)的效率以及實現的結果。合理的數據庫設計可以提高數據存儲的效率，保證數據的完整和統(tǒng)一，并且有利于程序的實現。而合理的數據庫設計源于對用戶需求的充分了解。</p><p>　　數據庫

53、（database）是數據管理的最新技術，具有數據結構化、最低冗余度、較高的程序與數據獨立性、易于擴充、易于編制應用程序等優(yōu)點。所謂數據庫是指長期存儲在計算機內的、有組織的、可共享的數據集合。數據庫中的數據按一定的數據模型組織、描述和儲存，具有較小的冗余度，較高的數據獨立性和易擴展性，并可為各種用戶所共享。數據庫的應用已經越來越廣泛了，不僅大型計算機及中小型計算機，甚至微型計算機都用先進的數據庫技術來保持系統(tǒng)數據的整體性、完整性和共享性

54、。</p><p>　　數據庫設計（Database Design）是將業(yè)務對象轉換為表和視圖等數據庫對象的過程。數據庫設計是數據庫應用系統(tǒng)開發(fā)過程中首要的和基本的內容。數據庫是信息系統(tǒng)的核心和基礎。它把信息系統(tǒng)中的大量數據按照一定的模型組織起來，提供存儲、維護、檢索數據的功能，使信息系統(tǒng)可以方便、及時、準確地從數據庫中獲取所需的信息。一個信息系統(tǒng)的各個部分能否緊密地結合在一起以及如何結合，關鍵在數據庫，因此必須

55、對數據庫進行合理設計。</p><p>　　按照規(guī)范設計的方法，考慮數據庫及其應用系統(tǒng)開發(fā)全過程，將數據庫設計分為以下六個階段：</p><p><b>　　(1) 需求分析；</b></p><p>　　(2) 概念結構設計；</p><p>　　(3) 邏輯結構設計；</p><p>　　(4

56、) 物理結構設計；</p><p>　　(5) 數據庫實施；</p><p>　　(6) 數據庫運行與維護；</p><p>　　整個數據庫的關鍵是表結構的設計，它獨立于整個數據庫的邏輯結構，能充分反映現實世界，包括實體之間的聯(lián)系，能夠滿足用戶需求，而且易于擴充和修改。</p><p>　　4.1 數據庫需求分析</p>&l

57、t;p>　　網站后臺數據庫必須實現最新資訊的信息更新，能夠儲存管理員的信息，會員的注冊信息，各個會員發(fā)表的帖子信息以及會員之間發(fā)送的消息等。</p><p>　　根據以上的功能需求分析，在設計數據庫時應該設計如下表項：</p><p>　　(1) 信息發(fā)布表：該表主要用于儲存待發(fā)布的信息，包括新聞資訊的題目、內容等。</p><p>　　(2) 管理員信息表：

58、該表主要用于記錄管理員的信息，包括：用戶名，密碼，密碼取回問題，密碼取回問題答案等。</p><p>　　(3) 用戶信息表：主要用于記錄注冊用戶的信息，包括：用戶名，性別，密碼，密碼取回問題，密碼取回問題答案，郵箱地址，QQ號，身份，頭像等。</p><p>　　(4) 文章信息表：主要用于記錄帖子的相關信息，包括：帖子發(fā)布時間，帖子發(fā)布者的用戶名，帖子被瀏覽的次數，文章被跟帖的次數，被

59、跟帖文章的編號，帖子標題，帖子內容等。</p><p>　　(5) 消息表：主要用于存儲用戶收到的消息的相關信息，包括：發(fā)送消息的時間，消息發(fā)送者用戶名，收件人的用戶名，消息內容等。</p><p>　　(6) 留言表：主要存儲網站瀏覽者給網站留言的相關信息。此表與用戶信息表并沒有聯(lián)系。它的功能是收集網友的信息。所有瀏覽者均可填寫留言，把對網站的意見或建議發(fā)給網站管理員。其內容包括：留言者

60、昵稱，留言者聯(lián)系方式，留言者郵箱，留言內容等。</p><p>　　4.2 數據庫的詳細設計</p><p>　　4.2.1 用戶注冊表的數據庫設計</p><p>　　用戶信息表：主要用于記錄注冊用戶的信息。（如表4-1）</p><p>　　zhuce(Num,name,sex,mima,q,a,email,zhiwei,phone,

61、head)</p><p>　　表4-1 用戶信息表</p><p>　　4.2.2 后臺管理的數據庫設計</p><p>　　管理員信息表：該表主要用于記錄管理員的信息。（如表4-2）</p><p>　　wo(Num,name,mima,q,a)</p><p>　　表4-2 管理員信息表</p>

62、<p>　　信息發(fā)布表：該表主要用于儲存待發(fā)布的資訊信息。（如表4-3）</p><p>　　inf(infnum,inftitle,infcontent)</p><p>　　表4-3 信息發(fā)布表</p><p>　　4.2.3 留言板的數據庫設計</p><p>　　留言表：主要存儲網站瀏覽者給網站留言的相關信息。（如表4-4

63、）</p><p>　　message(Num,name,address,tel,email,content)</p><p><b>　　表4-4 留言表</b></p><p>　　4.2.4 論壇系統(tǒng)的數據庫設計</p><p>　　文章信息表：主要用于記錄帖子的相關信息。（如表4-5）</p>&

64、lt;p>　　article(articleid,articledate,articletime,articleauthor,articleaccessnumber ,</p><p>　　articlefellownumber, articleparent,articlecontent,articletitle, articlefcontent)</p><p>　　表4-5 文章

65、信息表</p><p>　　消息表：主要用于存儲用戶收到的消息的相關信息。（如表4-6）</p><p>　　message(id,messagedate,messagetime,messagename,messagecontent,messagetoname)</p><p><b>　　表4-6 消息表</b></p><

66、;p>　　4.3 實現數據庫之間的聯(lián)系</p><p>　　表能充分反映現實世界，表之間的聯(lián)系反映了現實中實體之間的聯(lián)系。所以需要建立各表之間的聯(lián)系，使得用戶注冊登錄系統(tǒng)，會員基本信息系統(tǒng)和帖子發(fā)表系統(tǒng)相互關聯(lián)起來。前臺系統(tǒng)E-R圖如圖4-1所示。</p><p>　　圖4-1 前臺系統(tǒng)E-R圖</p><p>　　管理員信息表和會員信息表，信息發(fā)布表，文章

67、信息表之間的E-R圖如圖4-2所示：</p><p>　　圖4-2 后臺系統(tǒng)E-R圖</p><p>　　4.4 數據庫的鏈接</p><p>　　本網站需要使用后臺數據庫發(fā)布信息和儲存會員信息，并支持論壇操作，所以要設計前臺頁面和后臺數據庫的連接。這樣才能實現在前臺提交數據，在后臺數據庫中保存，達到用戶和系統(tǒng)的動態(tài)交互的效果，充分利用ASP的動態(tài)交互特點。<

68、;/p><p>　　數據庫連接實現代碼為：</p><p><b>　　<%</b></p><p>　　set conn=server.createobject("adodb.connection")</p><p>　　dbpath=server.mappath("guestbook.

69、mdb")</p><p>　　conn.open "driver={microsoft access driver (*.mdb)};dbq="& dbpath</p><p><b>　　%></b></p><p>　　5 攝影愛好者網站的詳細設計</p><p>　　

70、攝影愛好者網站是由前臺系統(tǒng)和后臺系統(tǒng)兩部分構成的。前臺系統(tǒng)是供會員或者游客訪問的瀏覽器界面，在這里瀏覽者可以注冊成為會員，查閱作品，查看要聞資訊，下載相關軟件，參與論壇討論，使用搜索引擎和發(fā)表留言等。后臺系統(tǒng)主要是進行會員信息的管理，資訊的發(fā)布和管理等。</p><p>　　5.1 網站的結構及模塊設計</p><p>　　本網站是攝影愛好者相互交流的網站。其前臺系統(tǒng)分為作品展示，軟件下

71、載，論壇，資訊，留言板和關于我們這六個功能模塊，其中最重要的是論壇模塊。以下是本網站的前臺系統(tǒng)功能模塊圖。（如圖5-1）</p><p>　　圖5-1 前臺系統(tǒng)功能模塊圖</p><p><b>　　(1) 注冊模塊</b></p><p>　　訪問者可以通過注冊成為本網站的會員，獲得相應的權限。</p><p><

72、;b>　　(2) 登錄模塊</b></p><p>　　該模塊用于實現會員的登錄。會員登錄后，系統(tǒng)將顯示登錄者的信息。</p><p>　　(3) 軟件下載模塊</p><p>　　該模塊用于實現最新軟件的在線下載。</p><p>　　(4) 作品展示模塊</p><p>　　該模塊用于展示圖片信息

73、。</p><p><b>　　(5) 論壇模塊</b></p><p>　　游客和會員均可以使用論壇。但游客只有部分權限，待其注冊成為會員后才擁有其他權限。會員可以搜索帖子，發(fā)表帖子，查看帖子，回復帖子，向其他會員發(fā)送消息等。</p><p><b>　　(6) 資訊模塊</b></p><p>

74、　　該模塊用于發(fā)布最新的攝影資訊或者相機資訊。</p><p><b>　　(7) 留言板模塊</b></p><p>　　留言板模塊用于向所有瀏覽網站的人提供一個給本網站留言的方法。</p><p>　　(8) 關于我們模塊</p><p>　　該模塊顯示本網站的一些基本信息，包括版權，設計者的信息等。</p&g

75、t;<p>　　網站的后臺系統(tǒng)分為資訊管理、查看留言、會員管理、帖子管理這四個功能模塊，以下是本網站的后臺管理系統(tǒng)功能模塊圖。（如圖5-2）</p><p>　　圖5-2 后臺管理系統(tǒng)功能模塊圖</p><p>　　(1) 資訊管理模塊</p><p>　　該模塊用于實現網站管理員發(fā)布的最新資訊。</p><p>　　(2) 會

76、員管理模塊</p><p>　　該模塊用于實現網站管理員對網站會員的管理。</p><p>　　(3) 帖子管理模塊</p><p>　　該模塊用于實現網站管理員對帖子的管理。</p><p>　　(4) 查看留言模塊</p><p>　　該模塊用于實現管理員查看網頁瀏覽者的留言的功能。</p><

77、p>　　5.2 前臺客戶端首頁設計</p><p>　　根據網站的結構以及網站的功能分析，利用ASP與數據庫結合的技術建立本攝影愛好者網站，采用交互式的動態(tài)Web技術來實現。網站要求頁面美觀，主題突出，結構鮮明。為使各頁面的風格統(tǒng)一，設置了CSS樣式。樣式文件的內容見附錄一。本網站的首頁如圖5-3所示：</p><p><b>　　圖5-3 網站首頁</b>&

78、lt;/p><p>　　5.3 信息發(fā)布功能</p><p>　　為了實現信息的自動發(fā)布，需要利用后臺數據庫建立的inf表，表中包括編碼、新聞題目、新聞內容三項。對于前臺界面的顯示，則需要利用新聞編碼，進行參數傳遞，把新聞標題和新聞內容分別從數據庫中讀出來，寫入一個新聞發(fā)布模版。這樣此功能就實現了。功能實現的主要代碼如下：</p><p>　　sql="se

79、lect infnum,inftitle,infcontent from inf" </p><p>　　set rs = conn.execute(sql) </p><p>　　if not rs.eof and not rs.bof then </p><p>　　do while not rs.eof </p><p>　　

80、response.write "<a href='Detail.asp?id="&rs("infnum")&"'targe ='_blank'> "&rs("inftitle")&"</a>" </p><p>　　respon

81、se.write "<br>" </p><p>　　rs.movenext </p><p><b>　　loop </b></p><p><b>　　end if </b></p><p>　　5.4 計數器功能</p><p>　　計

82、數器可以記錄網站或者網頁被訪問的次數，并在網頁上直觀地顯示出來，是讓來訪者了解該網站或者網頁的人氣指數最直接的方法。同時使網站主管對自己網站的訪問情況有個全面的了解。如果想在網站上放一些廣告的話，訪問人數是在尋找廣告商時最好的說詞。</p><p>　　如圖5-4所示，論壇主頁上有一個計數器，用來記錄該論壇的訪問人數。</p><p>　　(1) 把寫有0-9數字的十張圖片放在counte

83、r文件夾中，文件名為0.gif,1.gif等，作為顯示的計數值。</p><p>　　(2) 新建“count.txt”文本文件，將其初值設為0，并保存。</p><p>　　圖5-4 網站計數器</p><p>　　(3) 建立一個asp頁面，取名為“counter.asp”，寫入代碼并保存。具體代碼見附錄二。</p><p>　　(4)

84、在任何網頁中均可顯示計數器，只需在欲顯示處插入代碼：</p><p>　　<!--#include file="counter.asp"-->即可</p><p>　　5.5 滾動文字功能</p><p>　　在主頁中可以看到狀態(tài)欄中有滾動的文字：“攝影論壇當你注冊后才可以發(fā)帖子，點擊這里注冊！”這個功能的實現使得主頁的即時信息更加

85、醒目。</p><p><b>　　實現語句為：</b></p><p>　　<marquee scrolldelay=100 onmouseover=stop() onmouseout=start()></p><p>　　<span class="STYLE10 STYLE41"><fon

86、t face="隸書" color="cc8888" size=5><a href="zhuce.asp" >攝影論壇當你注冊后才可以發(fā)帖子，點擊這里注冊！</a></span></marquee></p><p>　　5.6 搜索引擎功能</p><p>　　本網站還建立

87、了google，百度以及雅虎三項搜索引擎功能。這一功能的實現雖然很簡單，只需添加類似action=http://www.google.com/search? h1=zh-CN的標簽即可，但是卻會給用戶帶來極大的方便，實用性極強。</p><p>　　5.7 留言板的實現</p><p>　　此留言板使瀏覽本網站的所有人都可以向網站留言，不論他們是否會員。目的是讓瀏覽者對本網站提意見，以期

88、改善。該功能對安全性要求不高，所以可用Dreamweaver系統(tǒng)自帶的功能<%=MM_editAction%>實現。而網站管理員查看留言界面的實現也很簡單，即調用數據庫的數據即可。</p><p>　　5.8 設為主頁功能</p><p>　　這一功能使得每次打開IE便是本站，加大了客流量，提高了本站的影響程度。其實現代碼為：</p><p>　　&l

89、t;script language="JavaScript" class="text"></p><p>　　if(document.all)</p><p>　　if(navigator.appVersion.indexOf("MSIE4.0")<0)</p><p>　　document.w

90、rite("</p><p>　　<ahref=#target=_selfonclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.milux.com')></p><p><b>　　<FONT></b

91、></p><p><b>　　設為主頁</b></p><p><b>　　</FONT></b></p><p><b>　　</a>")</b></p><p><b>　　</script></b>

92、;</p><p>　　5.9 軟件下載功能</p><p>　　網站設有軟件下載功能。這一功能使用戶不僅可以在本網站了解最新軟件信息，還直接給用戶提供了下載最新軟件的方法，最大程度地方便了用戶的操作。其實現方法是：</p><p>　　(1) 將最新軟件的安裝包全部放到“軟件”文件夾中，并對每個安裝包進行壓縮，如：photoshop.rar。</p>

93、<p>　　(2) 對首頁中所示的“Photoshop CS4 簡體中文官方試用版下載”作超級鏈接到photoshop.rar即可。</p><p>　　代碼為：<a href="軟件/photoshop.rar" target="_blank"></p><p>　　這樣點擊“Photoshop CS4 簡體中文官方試用版

94、下載”，便可出現如圖5-5所示的對話框，下載功能便實現了。</p><p>　　圖5-5 軟件下載功能</p><p>　　5.10 論壇的實現</p><p>　　5.10.1 設置框架</p><p>　　框架的定義較為特殊，首先需確定如何分割窗口，然后建立描述窗口分割的主文件，再為每個框架建立相應的文件。我創(chuàng)建一個main.asp文

95、件。窗口分為上下兩個部分，以便于把會員或游客的個人信息的顯示和論壇操作分開，同時可以把會員和游客的個人信息界面做到盡可能的相似，省去了同時開發(fā)兩個界面的時間。此框架的定義代碼見附錄三。</p><p>　　5.10.2 用戶注冊功能</p><p>　　論壇系統(tǒng)只對已注冊的會員提供最大程度的權限和服務，而游客只有閱讀帖子的權限。</p><p>　　用戶注冊時需要

96、填寫若干項基本信息，包括：用戶名，密碼，性別，電子郵件地址，身份，密碼取回問題，密碼取回答案，聯(lián)系方式，頭像等項。當注冊的用戶名有重復時，系統(tǒng)將會反饋“對不起，用戶名已存在,請更改注冊的用戶名”的提示；兩次輸入的密碼不相同時，系統(tǒng)將會反饋“兩次輸入的密碼不一致！”的提示；用戶名最多只能12位。密碼長度不到6位或郵箱無效時都將導致注冊無法成功。這些系統(tǒng)自檢均是通過charu.asp文件的if條件語句實現。</p><p

97、>　　此功能的操作流程如圖5-6所示：</p><p>　　圖5-6 注冊流程圖</p><p>　　經過系統(tǒng)檢測合格后，用戶便注冊成功。用戶注冊成功后便可直接登錄系統(tǒng)。會員可以使用論壇的所有功能。</p><p>　　注冊界面如圖5-7所示：</p><p><b>　　圖5-7 注冊界面</b></p&g

98、t;<p>　　實現注冊功能的主要代碼如下：</p><p>　　if not rs.eof then</p><p>　　response.write "<script>alert('對不起，用戶名已存在,請更改注冊的用戶名！');document.location.href='zhuce.asp';</scri

99、pt>"</p><p><b>　　else</b></p><p>　　set rs1=server.createobject("adodb.recordset")</p><p>　　sql1="insert into zhuce(name,mima,sex,email,q,a,head,ph

100、one,zhiwei) values('"& name &"','"& mima &"','"& sex &"','"& email &"','"& q &"','&quo

101、t;& a &"','"& head &"','"& phone &"','"& zhiwei &"')"</p><p>　　rs1.open sql1,conn,1,1</p><p>　

102、　response.write "<script>alert('注冊成功，現在你可以登錄網站了！');document.location.href='denglu.asp';</script>"</p><p><b>　　end if</b></p><p>　　5.10.3 用戶登錄功能

103、</p><p>　　首頁和論壇主頁中均有用戶登錄選項。用戶只有登錄后才可獲得更多權限。登錄中如有必填項為空，則系統(tǒng)提示“有未填項!”。如果所填用戶名不存在，則系統(tǒng)系統(tǒng)提示“請先注冊”，然后轉注冊界面。如果用戶名和密碼不匹配，則登錄不成功。只有當所有項的填寫均正確時，登錄才成功，進入主頁，且主頁顯示會員的登錄信息。此功能的操作流程如圖5-8所示：</p><p>　　圖5-8 登錄流程圖&

104、lt;/p><p>　　登錄界面如圖5-9所示：</p><p><b>　　圖5-9 登錄界面</b></p><p>　　登錄功能的實現主要通過check.asp文件實現，其主要代碼為：</p><p>　　if not rs.eof then</p><p>　　if rs("mima

105、")<> mima then</p><p>　　response.write "<script>alert('對不起，密碼不正確，請重新輸入');document.location.href='denglu11.asp';</script>"</p><p>　　response.end&l

106、t;/p><p><b>　　else</b></p><p>　　session("name")=name</p><p>　　session("admin_num")=rs("Num")</p><p>　　response.redirect "use

107、r.htm"</p><p><b>　　end if</b></p><p><b>　　else</b></p><p>　　response.write "<script>alert('對不起，你的用戶名不存在，請先注冊！');document.location.hre

108、f='zhuce11.asp';</script>"</p><p>　　response.end</p><p><b>　　end if</b></p><p>　　用戶使用用戶名和密碼登錄。當用戶忘記密碼時，可以點擊登錄界面中的“找密碼嗎？”選項(已在圖中圈出)，通過選擇密碼提示問題，再經過正確的回答

109、，即可獲得密碼。這一功能使系統(tǒng)的功能更加完善，是保護用戶信息的體現。</p><p>　　密碼找回功能主要實現語句為：</p><p><b>　　<%</b></p><p>　　if not rs.eof then</p><p>　　if rs("q")<>q or rs(&q

110、uot;a")<>a then</p><p>　　response.write "<script>alert('對不起，回答不正確，請重新輸入');document.location.href='findpsw.asp';</script>"</p><p>　　response.end&l

111、t;/p><p><b>　　else</b></p><p>　　response.write"<script>alert('您的密碼為"&rs("mima")&"'); document.location.href='denglu.asp';</scri

112、pt>"</p><p><b>　　end if</b></p><p><b>　　else</b></p><p>　　response.write "<script>alert('對不起，你的用戶名不存在，請先注冊！');document.location.hr

113、ef='zhuce.asp';</script>"</p><p>　　response.end</p><p><b>　　end if </b></p><p><b>　　%></b></p><p>　　5.10.4 帖子列表功能</p&

114、gt;<p>　　帖子列表功能是把所有的帖子按每頁10個顯示出來。如果帖子數多于10頁，則自動顯示下一頁按鈕。此顯示功能也是讀取數據庫的過程，其實現和網站首頁的信息發(fā)布功能的實現類似，這里不再贅述。每個帖子的鏈接是查看與該帖子有關的詳細信息，即帖子的閱讀。</p><p>　　5.10.5 帖子閱讀功能</p><p>　　用戶要閱讀帖子，就要有帖子主題，發(fā)帖人信息，帖子內

115、容，跟帖內容，發(fā)表回復等顯示項。我把閱讀帖子，跟帖內容和帖子回復等的信息均以表格形式顯示。其界面如圖5-10所示：</p><p>　　圖5-10 帖子閱讀界面</p><p>　　首先借助帖子列表頁面?zhèn)鬟f過來的文章編號信息，使用SQL語句查詢出和該帖子有關的所有信息，包括帖子標題，發(fā)帖人姓名，跟帖信息等。</p><p>　　之后的帖子標題顯示只需用一個很簡單的a

116、sp腳本即可實現：<%=rs("articletitle") %>。其他的如發(fā)帖人信息和帖子內容等的信息以相同方式顯示。上述SQL語句為：</p><p>　　select * from article where articleid=" & request.QueryString("id") &" Order By arti

117、cledate Desc</p><p>　　對于跟帖信息，同樣可以通過SQL語句查詢出文章所跟帖的帖子號為現在查看的帖子號的所有跟帖文章。然后再以與帖子查看相同的方法顯示跟帖內容。上述SQL語句為：</p><p>　　select * from article where articleparent=" & request.QueryString("id&q

118、uot;) &" Order By articledate Desc</p><p>　　所有的發(fā)帖者或跟帖者的姓名均是一個超鏈接，其鏈接到發(fā)帖者或跟帖者的基本信息查看頁面。其主要語句為：</p><p>　　<%response.write"<a href='readother.asp?name="&rs("ar

119、ticleauthor")&"' targe ='_blank'>"&rs("articleauthor")&"</a>" %></p><p>　　5.10.6 會員基本信息查看界面</p><p>　　該界面顯示會員的基本信息，其內容包括用戶名

120、，性別，email，qq，身份，頭像等內容。其界面如圖5-11所示：</p><p>　　圖5-11 會員基本信息界面</p><p>　　5.10.7 會員基本信息修改界面</p><p>　　有時會員需要修改他的一些基本信息，且只修改部分內容。所以這一界面的初始界面為自動賦值該會員的初始登記信息。會員可以只修改待修改項，而其他項均保持不變。這給會員修改信息提供