校園網(wǎng)站設計畢業(yè)論文

1、<p><b>　　校園網(wǎng)站分析與設計</b></p><p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　第一章　緒 論1</p><p>　　1.1 開發(fā)目的1</p><p>

2、;　　1.2　開發(fā)工具的選用及介紹1</p><p>　　1.3 ASP的介紹3</p><p>　　第二章　開發(fā)環(huán)境及需求分析5</p><p><b>　　2.1項目背景5</b></p><p>　　2.2　開發(fā)環(huán)境5</p><p>　　2.2.1 系統(tǒng)平臺5<

3、/p><p>　　2.2.2 運行需求6</p><p>　　第三章 首頁設計7</p><p>　　3.1 首頁說明7</p><p>　　3.1.1前臺首頁顯示7</p><p>　　3.1.2 網(wǎng)站的管理8</p><p>　　第四章 網(wǎng)站總體方案設計11</p&g

4、t;<p>　　4.1 網(wǎng)站簡要說明11</p><p>　　4.2 網(wǎng)站可用性討論11</p><p>　　4.2.1 網(wǎng)頁布局11</p><p>　　4.2.2 主題鮮明、富有特色12</p><p>　　4.2.3 版式編排布局合理性12</p><p>　　4.2.4 相關站點引導

5、鏈接12</p><p>　　4.3 網(wǎng)站流程圖13</p><p>　　第五章 數(shù)據(jù)庫設計與文檔設計14</p><p>　　5.1 數(shù)據(jù)庫的連接14</p><p>　　5.2 具體設計文檔15</p><p>　　5.2.1 內(nèi)容和功能設計15</p><p>　　5.2.2

6、前臺新聞文摘顯示15</p><p>　　5.2.3 后臺管理15</p><p>　　5.2.4 可視化設計16</p><p>　　5.3留言系統(tǒng)的設計16</p><p>　　5.4 管理員登錄功能設計18</p><p><b>　　第六章 總結(jié)20</b></p>

7、<p><b>　　致 謝21</b></p><p><b>　　參考文獻22</b></p><p><b>　　校園網(wǎng)站分析與設計</b></p><p><b>　　摘 要</b></p><p>　　校園網(wǎng)站是學校對外宣傳的

8、窗口，也是展示全校師生才能，加強對校外聯(lián)系，互相學習，共同發(fā)展的陣地，學校網(wǎng)站建設的目的是促進師生與學校共同發(fā)展。</p><p>　　網(wǎng)站的實現(xiàn)采用了DREAMWEAVER 8.0和ASP進行網(wǎng)站設計的開發(fā)過程，對網(wǎng)站的設計及網(wǎng)站的實現(xiàn)進行了詳細的說明。本文主要是從ASP、DREAMWEAVER 8.0的開發(fā)環(huán)境的架設開始，一步步進入ASP和DREAMWEAVER 8.0的奇幻世界。網(wǎng)頁制作工具Dreamwea

9、ver8.0、ASP開發(fā)技術，采用VBScript腳本語言進行了開發(fā)。內(nèi)容主要包括HTML，DREAMWEAVER 8.0，ASP，SQL語言的基本概念及高級應用，ASP與數(shù)據(jù)庫的連接。最后對其中的不足與存在的問題進行了討論,提出了相應的解決方法。功能上雖不是十分完備，但都是在調(diào)查研究后，并參考相關的系統(tǒng)資料，學習中外大型優(yōu)秀網(wǎng)站的優(yōu)點和特點進行開發(fā)設計的，具有一定的技術性。</p><p>　　關鍵詞: ASP

10、 ； DREAMWEAVER 8.0 ；HTML；網(wǎng)站設計；網(wǎng)站實現(xiàn)</p><p><b>　　第一章　緒 論</b></p><p>　　學院網(wǎng)站是學院的“商標”。在這個高度信息化的社會里，建立學院自己的網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時空特性，不僅能讓本地區(qū)的人們了解學院，更可讓世界了解學院。 在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲

11、取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。為了更好的辦學，提高學校知名度，特構(gòu)建重慶電子工程職業(yè)學院學校網(wǎng)站。</p>

12、<p><b>　　1.1 開發(fā)目的</b></p><p>　　隨著計算機技術的發(fā)展，網(wǎng)絡技術對我們生活和工作顯得越來越重要，特別是現(xiàn)在信息高度發(fā)達的今天，人們對最新信息的需求和發(fā)布迫切的需要及時性。而動態(tài)交互式網(wǎng)頁剛好提供了這些功能，本系統(tǒng)就是一個能夠在網(wǎng)上實現(xiàn)新聞，文摘，資源等的網(wǎng)上發(fā)布，多欄目管理，實時的進行行為統(tǒng)計和記錄的網(wǎng)上交互系統(tǒng)，達到師生間的交流。</p>

13、;<p>　　1.2　開發(fā)工具的選用及介紹</p><p>　　Dreamweaver的介紹：在本文中采用了Dreamweaver8.0作為開發(fā)工具，并結(jié)合photoshop8.0做圖片特效和flash工具做動態(tài)畫面效果。本文中簡要說明了Dearweaver8.0。</p><p>　　Dreamweaver是在網(wǎng)頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著D

14、reamweaver 8的發(fā)布，更堅定Dreamweaver在該領域的地位。它集網(wǎng)頁設計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設計、開發(fā)、制作的首選工具。</p><p><b>　　1、靈活的編寫方式</b></p><p>　　Dreamweaver具有靈活編寫網(wǎng)頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二

15、為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。</p><p><b>　　2、可視化編輯界面</b></p><p>　　Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進行實

16、時的訪問。無論用戶習慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設計網(wǎng)頁和管理網(wǎng)站變得更容易。</p><p>　　3、功能更多的CSS支持——CSS可視化設計、CSS檢查工具</p><p>　　4、動態(tài)跨瀏覽器驗證</p><p>　　當保存時系統(tǒng)自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽

17、器，同時系統(tǒng)自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結(jié)構(gòu)。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應目前的主瀏覽器。</p><p>　　5、強大的WEB站點管理功能</p><p>　　6、內(nèi)建的圖形編輯引擎</p><p>　　7、Dreamweaver的集成特性</p><p>　　Dreamw

18、eaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。</p><p>　　8、豐富的媒體支持能力</p><p>　　可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現(xiàn)得極為出色，它

19、利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產(chǎn)生交互式響應和進行動畫處理。</p><p><b>　　9、超強的擴展能力</b></p><p>　　Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴展Dreamweaver的功能，并且可以發(fā)布這些插件。</

20、p><p>　　1.3 ASP的介紹</p><p>　　ASP技術 ASP（Active Server Pages動態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代CGI（Common Gateway Interface通用網(wǎng)關接口）的技術。目前，Internet上的許多基于Windows平臺的Web站點已開始應用ASP來替換CGI。 簡單地講，ASP是一個位于服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶

21、可以創(chuàng)建和運行動態(tài)的交互式Web服務器應用程序，如交互式動態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前Internet 上的許多站點，仍然提供“靜態(tài)”（static）的主頁內(nèi)容。</p><p>　　ASP與常見的在Client端實現(xiàn)動態(tài)主頁的技術如Java Applet、ActiveX Control、VBScript、JavaScript等

22、不同，ASP中的命令和Script語句都是由服務器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動態(tài)生成的Web頁面并送到瀏覽器；而Client端技術的Script命令則是由瀏覽器來解釋執(zhí)行。由于ASP是在服務器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持ASP；同時由于它在服務器端執(zhí)行，開發(fā)者也不必擔心別人下載程序從而竊取編程邏輯。ASP通過后綴名為.asp的ASP文件來實現(xiàn)，一個.asp文件相當于一個可執(zhí)行文件，因此必須放在Web服務器上有可執(zhí)行權限的

23、目錄下。當用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個URL請求發(fā)給Web Server，如果Web Server上裝了ASP，就調(diào)用ASP. ASP讀出相應.asp文件，解釋并執(zhí)行命令，動態(tài)生成一個HTML頁面回傳Web Server，然后Web Server再把結(jié)果發(fā)送給瀏覽器。ASP文件的制作和HTML類似，且和HTML開發(fā)集成，可以在同一個過程完成，利用ASP將可以執(zhí)行的腳本嵌入到HTML文件</p>&

24、lt;p>　　(1) 完全與HTML文件融合在一起；</p><p>　　(2) 容易創(chuàng)建，不需要其它編譯、鏈接程序；</p><p>　　(3) 面向?qū)ο蟮牟⑼ㄟ^ActiveX Server對象可擴展。 </p><p>　　第二章　開發(fā)環(huán)境及需求分析</p><p><b>　　2.1項目背景<

25、/b></p><p>　　HTML作為一種樣式語言，隨著Internet上信息量的增多和交互性的加強使HTML顯得越來越難以勝任的情況之下，而ASP能夠徹底實現(xiàn)用戶與管理人員的交互性，在ASP編程語言高度發(fā)展的形式下，ASP能夠很好的解決這些復雜交互的動態(tài)性，于是我們也開始了對學院網(wǎng)站的動態(tài)開發(fā)，即而讓學院網(wǎng)站更加的互動。</p><p><b>　　2.2　開發(fā)環(huán)境&l

26、t;/b></p><p>　　2.2.1 系統(tǒng)平臺</p><p>　　采用Browser/Server體系結(jié)構(gòu)，服務器端采用運行最低配置要求(全部為中文環(huán)境) 操作系統(tǒng) Windows 2000 Adv Server，Windows 2000 Server 腳本解釋器 Vbscripts5.6以上版本，安裝Microsoft Internet Explorer5.5以上

27、版本既可獲得： Web服務器 IIS 6.0，Windows 2000自帶 數(shù)據(jù)引擎 Microsoft Access 權限要求 對Access數(shù)據(jù)庫具有建表、備份的權限 空間大小 初次安裝至少10M可用空間 硬件要求 PIII500 CPU 256M內(nèi)存或更高 帶寬要求 10M共享或更高 客戶端軟件，包括單機操作系統(tǒng)和瀏覽器軟件，分別選用Windo

28、ws 2000和Internet Explorer，數(shù)據(jù)庫系統(tǒng)采用Microsoft Access有利于方便操作。</p><p>　　2.2.2 運行需求</p><p>　　在調(diào)試和運行過程中，應該能夠讓系統(tǒng)正常使用時不出錯，若運行時遇到不可恢復的系統(tǒng)錯誤，也應該保證數(shù)據(jù)完好無損，對數(shù)據(jù)的精確度、時間特性、適應性等都有一定要求，要求系統(tǒng)運行時，能夠保證數(shù)據(jù)的正確性、信息的可靠

29、性、實現(xiàn)的高效性、系統(tǒng)的易使用性、系統(tǒng)管理的可維護性、信息的可測試性、數(shù)據(jù)的復用性、數(shù)據(jù)庫的安全保密性、數(shù)據(jù)的可移植性以及網(wǎng)絡互聯(lián)性。</p><p><b>　　第三章 首頁設計</b></p><p><b>　　3.1 首頁說明</b></p><p>　　3.1.1前臺首頁顯示</p><p&g

30、t;　　下面通過首頁來說明網(wǎng)站整體的功能，如圖3-1所示：</p><p>　　圖3-1 網(wǎng)站首頁圖</p><p>　　1.首頁的最頂部排列顯示大類新聞或文章，用戶可以直接點擊查看各項大類新聞里面的各項小類新聞，直到閱讀每條詳細信息。 2. 站點首頁，教學科研，教學專題，資源下載，圖片鑒賞等各個欄目，后臺可以控制排序和位置調(diào)整，或顯示條數(shù)設置。 3. 圖片，下載等顯示可

31、以任意排序，而且可以直接點擊查看相關信息進行查看和更新信息。 4. 設有專題顯示和網(wǎng)站調(diào)查系統(tǒng)，以及網(wǎng)站的一些統(tǒng)計數(shù)據(jù)信息，可以按不同條件進行文件信息搜索。 5. 公告部分顯示最新發(fā)布的各項學院通知信息。</p><p>　　3.1.2 網(wǎng)站的管理</p><p>　　本系統(tǒng)是實現(xiàn)信息發(fā)布，多欄目管理，設有網(wǎng)站管理與論壇管理分開管理；使論壇具有更靈活的管理條件。</p

32、><p>　　一、 基本功能介紹：</p><p>　　1、網(wǎng)站基本資料設置(網(wǎng)站名稱、網(wǎng)址、等等...一些基本設置)。</p><p>　　2、后臺可增加一級分類和二級分類(可更改或添加)前臺自動更新。</p><p>　　3、網(wǎng)站底部功能菜單設置內(nèi)容增加更改。</p><p>　　4、可添加無數(shù)條公告 前臺自動顯示。（

33、內(nèi)附多功能編輯器）</p><p>　　5、站內(nèi)新聞及教學文章添加與修改。（內(nèi)附多功能編輯器）</p><p>　　6、模板添加和管理，導入，導出。</p><p>　　7、投票系統(tǒng)后臺可添加多個投票項目，可以設置前臺顯示例數(shù)。前臺發(fā)表評論功能。</p><p>　　8、強大的廣告管理功能，后臺自行添加廣告代碼即可！</p>&

34、lt;p>　　9、在數(shù)據(jù)庫，對密碼進行了MD5加密。</p><p>　　10、數(shù)據(jù)庫備份與恢復</p><p>　　二、 文章功能介紹：</p><p>　　1、文章分類欄目管理功能，專題欄目管理功能，分類模版設置管理。</p><p>　　2、自由編輯（HTML）欄目模版，可設置多個模版。</p><p>　

35、　3、搜索頁面自定義編輯（HTML）模版。</p><p>　　4、文章添加功能 可自選標題顏色 是否推薦，固頂，熱門等功能。 </p><p>　　5、支持URL轉(zhuǎn)向，如果設置了網(wǎng)址，那么打開此文章后，自動跳轉(zhuǎn)到設置的URL 。</p><p>　　6、前臺支持固頂文章，推薦文章和熱點文章的調(diào)用，文章模糊搜索功能。</p><p>　　7、

36、內(nèi)部使用了多功能編輯器可方便地用拖動的方式進行圖文混排、圖片文件上傳、微縮圖上傳顯示效果處理等操作。</p><p><b>　　三、下載功能介紹：</b></p><p>　　1、下載欄目分類添加與修改。</p><p>　　2、添加軟件 可自行上傳軟件 自動識別文件大小。</p><p>　　3、前臺支持軟件固頂功能

37、，熱門功能和推薦功能的調(diào)用，支持模糊搜索。</p><p>　　4、軟件管理與審核，回收站管理，評論管理。</p><p>　　四、 圖片功能介紹：</p><p>　　1、圖片欄目分類管理與修改。</p><p>　　2、添加圖片 可自行上傳圖片 自動識別圖片的大小。</p><p>　　3、前臺支持圖片固頂功能，熱

38、門功能和推薦功能的調(diào)用，支持模糊搜索。</p><p>　　4、圖片管理與審核，回收站管理，評論管理。</p><p>　　五、 頻道管理功能：</p><p>　　1、可任意添加刪除頻道 （可鏈接外部鏈接）。</p><p>　　2、頻道間的排序功能。 </p><p>　　六、 友情連接功能：</p>

39、<p>　　1、可添加無數(shù)分類 例為LOGO連接和文字連接。</p><p>　　2、后臺直接添加連接和前臺申請鏈接。 </p><p>　　3、鏈接修改，刪除，審核鏈接等一些功能</p><p>　　七、 網(wǎng)站公告管理功能：</p><p>　　1、所有欄目公告，其他頁面欄目公告</p><p>　　2、

40、后臺直接添加連接和前臺申請鏈接。</p><p>　　3、鏈接修改，刪除，審核鏈接等一些功能。</p><p>　　八、 留言本功能： </p><p>　　1、留言本前臺瀏覽留言和發(fā)表留言功能。</p><p>　　2、管理員回復，修改，刪除等功能。</p><p>　　九、 用戶密碼功能：</p>&

41、lt;p>　　管理員在線修改密碼。</p><p><b>　　十、 數(shù)據(jù)庫管理：</b></p><p>　　1、在線數(shù)據(jù)庫壓縮 需FSO的支持。</p><p>　　2、在線數(shù)據(jù)庫備份。</p><p>　　3、在線數(shù)據(jù)庫操作 注意，請備份好數(shù)據(jù)庫在進行操作。</p><p>　　4、空

42、間占用查看管理 需FSO的支持。</p><p>　　十一、JS代碼管理：</p><p>　　1、普通文章的JS代碼。</p><p>　　2、普通文章的JS代碼。</p><p><b>　　十二、上傳文件管理</b></p><p>　　1、文章頻道的上傳文件。</p><

43、;p>　　2、圖片頻道的縮略圖。</p><p>　　3、圖片頻道的上傳圖片。</p><p>　　4、下載頻道的軟件圖片。</p><p>　　5、下載頻道的上傳軟件。</p><p>　　6、網(wǎng)站廣告的上傳圖片。</p><p><b>　　7、清除無用文件。</b></p>

44、<p>　　第四章 網(wǎng)站總體方案設計</p><p>　　4.1 網(wǎng)站簡要說明</p><p>　　這個校園新聞網(wǎng)是個集新聞、信息、交流為一體的網(wǎng)站，是為了讓在校學生能刻苦學習的同時，得到適當?shù)姆潘桑⒘私鈱W院信息辦發(fā)布的最新信息技術而設計的。系統(tǒng)的各種功能設計能夠符合學院網(wǎng)站的要求，信息，公告，廣告，調(diào)查等發(fā)布功能的實現(xiàn)，能夠給網(wǎng)站更多的生氣，更多的實現(xiàn)了用戶與學院之間的

45、交互性。</p><p>　　4.2 網(wǎng)站可用性討論</p><p>　　4.2.1 網(wǎng)頁布局</p><p>　　實際內(nèi)容占據(jù)網(wǎng)頁的大部分空間，為50%～80%，導航部分不超過20%。顏色的選擇以青白色為主，沒有使用太多的顏色來修飾某個對象，此外，正文和背景色的對比度較大，一般字色為默認的黑色，并且用了不同的背景色條區(qū)分正文區(qū)與其他功能區(qū)。為了提高網(wǎng)頁的可讀性，

46、標題區(qū)、標題行和正文區(qū)使用了不同大小的字體，正文使用的是靜止的文字，且字體足夠大，以便于閱讀。</p><p>　　為了幫助用戶方便地瀏覽，每個網(wǎng)頁都設有標題導航，且網(wǎng)頁標題清楚地表明了網(wǎng)頁的內(nèi)容。在網(wǎng)頁的組織上，每個網(wǎng)頁都是按照“倒金字塔”原則進行編寫，即從一個簡單的結(jié)論開始漸次展開。網(wǎng)頁排版符合用戶的閱讀習慣，采用橫向排列方式。</p><p>　　一個網(wǎng)頁的大小一般不超過3萬字節(jié)，以

47、使用戶在10秒鐘之內(nèi)能打開網(wǎng)頁。而且要為每一個鏈接加上描述信息，因為當一個鏈接被點擊后，要把所有指向同一目標的鏈接都表示成已被訪問過，這樣便于用戶瀏覽。在鏈接旁注明下載文件的大小，幫助用戶預測下載時間。</p><p>　　4.2.2 主題鮮明、富有特色</p><p>　　在目標明確的基礎上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設計方案。對網(wǎng)站的整體風格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。</

48、p><p>　　要做到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對無關的人員也能留下一定的印象。對于一些LOGO標志應充分加以利用。調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣，突出個性，這樣才能夠辦出網(wǎng)站的特色。</p><p>　　Web站點主頁的基本成分包括：頁頭：準確無誤地標識站點名稱和學院標志。 E-mail地址：用來接收用戶

49、垂詢。聯(lián)系信息：如普通郵件地址或電話。版權信息：讓用戶了解系統(tǒng)信息。</p><p>　　重復利用已有信息，如用戶手冊、公共關系文檔、技術手冊和數(shù)據(jù)庫等可以輕而易舉地用到學院的Web站點中，以減輕數(shù)據(jù)庫的負擔。</p><p>　　4.2.3 版式編排布局合理性</p><p>　　網(wǎng)頁設計作為一種視覺語言，當然要講究編排和布局，雖然主頁的設計不等同于平面設計，但它

50、們有許多相近之處，應充分加以利用和借鑒。</p><p>　　站點設計簡單有序，主次關系分明，將零亂頁面的組織過程，混雜的內(nèi)容，依整體的布局的需要進行分組歸納，經(jīng)過進行具有內(nèi)在聯(lián)系的組織排列，反復推敲文字、圖形與空間的關系，使瀏覽者有一個流暢的視覺體驗。</p><p>　　4.2.4 相關站點引導鏈接</p><p>　　一個好的網(wǎng)站的基本要素是用戶進入后，與本網(wǎng)

51、站相關的信息都可以方便快捷地找到，其中要借助于相關的站點，所以做好導引是一項重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計算機成為超大規(guī)模的信息庫，鏈接到其它網(wǎng)站輕而易舉。</p><p>　　在設計網(wǎng)頁的導引組織時，應該給出多個相關網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標馬上就可以點擊的地方。</p><p><b>　　4.3 網(wǎng)站流程圖</b></

52、p><p><b>　　如圖4-1所示：</b></p><p>　　圖4-1 網(wǎng)站流程圖</p><p>　　該流程圖是從用戶的角度開始的，登錄用戶可以更好地使用本站提供的信息服務、個性化服務及定期的網(wǎng)站活動；而未登錄用戶僅僅可以瀏覽信息，無法進行社區(qū)等本站相關的活動及服務。</p><p>　　第五章 數(shù)據(jù)庫設計與文檔

53、設計</p><p>　　5.1 數(shù)據(jù)庫的連接</p><p>　　數(shù)據(jù)只有用數(shù)據(jù)庫來管理才能有自動化管理的可能。數(shù)據(jù)的結(jié)構(gòu)將影響整個管理機制的應用，而且一旦建立以后要修改常會出現(xiàn)麻煩。所以一開始就要仔細慎重地搭建一個完整而合理的結(jié)構(gòu)。Microsoft Access數(shù)據(jù)庫相對其它的數(shù)據(jù)庫來說要簡單容易操作些，本網(wǎng)站信息發(fā)布系統(tǒng)中的數(shù)據(jù)庫文件就是Access類型的數(shù)據(jù)庫，數(shù)據(jù)庫中共有20張

54、表。</p><p>　　以下是本系統(tǒng)與數(shù)據(jù)庫建立連接的dol.asp源代碼：</p><p>　　<%dim doldim dolstrdim dbdb="database/doce.mdb" '數(shù)據(jù)庫文件的位置Set dol = Server.CreateObject("ADODB.Connection")do

55、lstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(db)dol.Open dolstrsub CloseDol ()dol.closeset dol=nothingend sub%>數(shù)據(jù)庫文件data.mdb在連接文件嵌入下，各頁面都能夠訪問數(shù)據(jù)庫，這是實現(xiàn)交互性的前題。</p>&

56、lt;p>　　5.2 具體設計文檔</p><p>　　5.2.1 內(nèi)容和功能設計</p><p>　　這個校園網(wǎng)站主要實現(xiàn)新聞、信息等功能，目標用戶主要是Internet的在校學生。先明確這個校園網(wǎng)站提供的主要功能：</p><p>　　(1) 注冊登錄系統(tǒng)：提供用來在論壇中發(fā)表建議和交流功能</p><p>　　(2) 學院留言系統(tǒng)

57、：提供學院在線技術支持和咨詢的功能</p><p>　　(3) 教學科研專區(qū)：提供學院教師在個方面的成果及新聞的功能</p><p>　　(4) 新聞公告專區(qū)：提供有關學院的公告通知，計算機方面的最新資訊。</p><p>　　(5) 學工在線專區(qū)：提供用戶之間進行交流的系統(tǒng)</p><p>　　(6) 遠程管理系統(tǒng)：管理員模塊，用來管理網(wǎng)站

58、論壇會員、數(shù)據(jù)庫以及網(wǎng)站維護等。</p><p>　　5.2.2 前臺新聞文摘顯示</p><p>　　可以根據(jù)網(wǎng)站的需要,進行各種方式的插入,自動更新.如顯示欄目導航,顯示某欄目的最新N條新聞等. 使用管理系統(tǒng)制作動態(tài)網(wǎng)頁時,可在需要的地方插入相應的代碼,即可以多種形式顯示新聞 文章的欄目或內(nèi)容。例如：一級欄目列表、二級欄目列表、欄目導航列表、某一欄目的最新新聞(文章)顯示條數(shù)、某一欄

59、目的熱門文章可任意調(diào)整。該系統(tǒng)也可經(jīng)后繼開發(fā),使之生成JS代碼,在一個主機上維護新聞文章,在其他靜態(tài)網(wǎng)頁中插入代碼后顯示相應的新聞文章。</p><p>　　5.2.3 后臺管理</p><p>　　1. 文章欄目管理：增加,修改,刪除一級,二級文章欄目。</p><p>　　2. 文章添加：按不同欄目添加文章、支持文本、HTML格式或源代碼顯示、支持圖片上傳和附件

60、上傳。</p><p>　　3. 新聞文章刪除：刪除舊的文章。</p><p>　　4. 新聞文章刪除：在后臺管理系統(tǒng)中上傳一些文章、上傳圖片等、在前臺查詢這些文章。</p><p>　　5. 管理員管理：后臺管理系統(tǒng)的管理員設置。</p><p>　　6. 基本項目管理：數(shù)據(jù)庫數(shù)據(jù)管理、系統(tǒng)初始化、網(wǎng)站資料管理、空間占用信息等。</p

61、><p>　　7. 其他項目管理：郵件處理、主機環(huán)境變量、組件支持情況、后臺使用幫助、文件在線管理等。</p><p>　　8. 留言系統(tǒng)管理：發(fā)表、刪除、回復留言等。</p><p>　　9. 友情鏈接管理：分類管理、添加鏈接、鏈接管理、審核申請的鏈接等。</p><p>　　10. 下載和圖片文件管理：分類管理、添加新文件、管理已存在的文件等

62、。</p><p>　　5.2.4 可視化設計</p><p>　　網(wǎng)站可視化設計的主要目的是提供給用戶一個關于網(wǎng)站的信息展示方案，一個良好有效的網(wǎng)站可視化設計能給用戶留下深刻的印象，使得用戶能夠自然、友好的瀏覽Web站點所提供的信息，也是網(wǎng)站設計中重要的一環(huán)。</p><p>　　可視化設計最重要的是確定網(wǎng)站的頁面布局。然后設計網(wǎng)頁的表現(xiàn)框架，建立頁面模型。<

63、;/p><p>　　5.3留言系統(tǒng)的設計</p><p>　　留言板的基本功能是讓使用者撰寫留言或查看別人的留言。一個功能完善的留言板也有著比較復雜的功能，這種復雜性表現(xiàn)在留言板的管理權限和留言豐富的表現(xiàn)形式兩個方面。只有撰寫者自己才能夠重新編輯他自己寫的留言，超級管理員可以刪除回復留言。</p><p>　　因為使用Access創(chuàng)建數(shù)據(jù)庫最自然的方式就是使用圖形界面來

64、創(chuàng)建，所以這里沒有必要給出創(chuàng)建這表的SQL腳本。本系統(tǒng)應該包含以下的模塊：撰寫留言模塊、瀏覽留言模塊、保存操作（撰寫，刪除，回復）的功能模塊。</p><p>　　下面是留言板界面，如圖5-1所示：</p><p>　　圖5-1留言板界面圖</p><p>　　撰寫留言頁面的表單部分代碼： <%call showtip()call

65、Guestbook()%> 這部分代碼主要是實現(xiàn)顯示IP地址和顯示留言信息的，</p><p>　　<% call GuestBook_Search() %></p><p>　　這部分代碼主要是實現(xiàn)在線留言搜索。留言系統(tǒng)嵌入了UBB功能，用戶在編輯留言時就有了自己想要的格式和效果，給用戶新意，產(chǎn)生好印象，給下次訪問網(wǎng)站帶來基礎和前提。論壇的設計與留言本類似，只

66、是功能比留言本更加的完善一些，在這里就不一一詳細的說明了</p><p>　　5.4 管理員登錄功能設計</p><p>　　管理員登錄頁面是整個系統(tǒng)的核心，是管理員進行后臺管理的入口，在此完成管理員的登錄和身份驗證，如果是合法的用戶。讀出用戶權限，然后轉(zhuǎn)如后臺管理頁面進行系統(tǒng)的整體管理，本系統(tǒng)中的管理員登錄頁面是Admin.asp，下面詳細的介紹一下登陸頁面的創(chuàng)建設計方法。管理員登錄頁面

67、如圖5-2所示：</p><p><b>　　圖5-2管理員登錄</b></p><p>　　登陸頁面目的是進行驗證身份，這就需要和數(shù)據(jù)庫打交道了，所以首先調(diào)用前面設計好的數(shù)據(jù)庫連接文件，調(diào)用代碼是：<!--#include file="inc/conn.asp"--> 登陸頁面大部分代碼都為HTML代碼，但是我用了驗證碼技術，因此需要

68、讀取驗證碼信息，下面就是從緩存讀取頁面所產(chǎn)生的驗證碼信息的代碼：<%option explicitResponse.Buffer = True Response.Expires = -1Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = "no-cache" %> 通過管

69、理員信息和驗證碼信息，使用戶登錄更具安全性。在后臺的管理頁面中，由于文件較多，較繁雜，我使用了框架技術，使管理人員有很好的編輯處理界面。在進行編輯處理文件信息的時候能夠有比較友好的界面提示，在管理菜單中來選擇需要的管理項目，其中按照需求分析管理項目工分為5大模塊，分別是新增新聞（軟件，圖片），管理類型和欄目分類，和修改管理員信息和查看系統(tǒng)信息。</p><p><b>　　第六章 總結(jié)</b>

70、;</p><p>　　通過這次校園網(wǎng)站的設計與分析制作，更深層次的熟悉了網(wǎng)站設計的過程，在處理靜態(tài)頁面的問題上，學習到了很多處理瀏覽器不兼容的問題，主頁設計采用靜、動態(tài)結(jié)合的方式，實現(xiàn)了與瀏覽者的一種很好的交互方式，也體現(xiàn)了學校的勃勃生氣。利用ASP與數(shù)據(jù)庫結(jié)合的技術實現(xiàn)了數(shù)據(jù)庫查詢與管理，利用SQL語法過濾特定的家長留言意見，從而實現(xiàn)了家長聯(lián)絡簿的功能。通過數(shù)據(jù)庫表單的設計也實現(xiàn)了網(wǎng)上圖書館的功能以及網(wǎng)上投票

71、系統(tǒng)的功能和達級考試在線查分系統(tǒng)與計數(shù)器的功能。</p><p>　　初步利用后臺程序完成了網(wǎng)站的動態(tài)響應與生成網(wǎng)頁的技術，同時也從中學習了對靜態(tài)頁面的處理風格、色彩搭配，在設計頁面導航方面也有了一定經(jīng)驗。在交互式網(wǎng)頁設計學會了如何使用Access建立數(shù)據(jù)庫，以及對數(shù)據(jù)庫瀏覽、修改、添加、查詢，如何用ASP編寫程序來方便用戶在網(wǎng)上查看網(wǎng)站各方面的信息和交流。隨著各類網(wǎng)站的迅速增加與瀏覽者需求的提高，無不要求網(wǎng)站從

72、立意、策劃、頁面設計到后臺程序的全面提高。無論是校園網(wǎng)站還是企業(yè)網(wǎng)站都必須被要求從瀏覽者的角度出發(fā)，最大限度的滿足用戶的要求，這也是以后各類網(wǎng)站發(fā)展競爭的真正實質(zhì)所在。</p><p>　　本次設計的經(jīng)驗不足，在網(wǎng)站的整體設計與各模塊的功能可能設計的不完全，有待進一步改進和完善，提高自身的實戰(zhàn)技術，吸取更多的經(jīng)驗。</p><p><b>　　致 謝</b><

73、/p><p>　　在本次論文設計過程中，***老師從該論文從選題、構(gòu)思、資料收集到最后定稿的各個環(huán)節(jié)給予細心指引與教導，使我對校園網(wǎng)站設計有了深刻的認識，老師是一個為人謙和的人，回答問題時總是非常耐心、用心、細心。工作認真與負責的態(tài)度令人敬佩，在課題研究之中也給予了悉心的指導與幫助，使得課題研究能夠順利完成。在此謹向老師致以深深的敬意和衷心的感謝！</p><p>　　在本論文的寫作中，我也參

74、照了大量的著作和文章，許多學者的科研成果及寫作思路給我很大啟發(fā)，在此向這些學者們表示由衷的感謝。導師們的高深精湛的造詣與嚴謹求實的治學精神，將永遠激勵著我。這三年中還得到眾多老師的關心支持和幫助。在此，謹向老師們致以衷心的感謝和崇高的敬意！</p><p>　　最后，我要向百忙之中抽時間對本文進行審閱，評議和參與本人論文答辯的各位老師表示感謝。</p><p><b>　　參考文

75、獻</b></p><p>　　[1]求是科技.編著 ASP數(shù)據(jù)庫開發(fā)技術與工程實踐.人民郵電出版社出版.2004.</p><p>　　[2]楊威.編著ASP 3.0網(wǎng)絡開發(fā)技術.人民郵電出版社出版.2000.</p><p>　　[3]鄧問淵,陳惠貞,陳俊榮.編著ASP與網(wǎng)頁數(shù)據(jù)庫設計.中國鐵道出版社出.2001.</p>&

76、lt;p>　　[4]劉遵仁,于忠清.SQL Sever中文版基礎培訓教程.人民郵電出版社.2002.</p><p>　　[5] 趙增敏.ASP可視化編程及應用[M].機械工業(yè)出版社.2005.</p><p>　　[6] 龔小勇.關系數(shù)據(jù)庫與SQL Server2000[M].機械工業(yè)出版社.2008.</p><p>　　[7] 陳家琪.C程序設計教程[M

77、].新華出版社.2004.</p><p>　　[8] 明日科技.ASP.NET數(shù)據(jù)庫系統(tǒng)開發(fā)完全手冊[M].人民郵電出版社.2007.</p><p>　　[9] 鄧春妮,孫艷華,鄒慶云. ASP.NET信息化系統(tǒng)建設案例[M].人民郵電出版社.2006.</p><p>　　[10] 張固,汪曉平.編著.ASP網(wǎng)絡應用系統(tǒng)典型模塊開發(fā)實例解析.人民郵電出版社出版