畢業(yè)設(shè)計（論文）-基于ASP的計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn).doc

海 南 大 學(xué) 畢 業(yè) 論 文（設(shè)計） 題 目：計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 學(xué) 號： xxxx 姓 名：xxx 年 級：xxx 學(xué) 院： 信息科學(xué)技術(shù)學(xué)院 系 別： 計算機科學(xué)與技術(shù)系 專 業(yè)： 計算機科學(xué)與技術(shù) 指導(dǎo)教師： xxxx 完成日期： xxxx 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) i 摘摘 要要 隨著信息社會的逐步形成，網(wǎng)絡(luò)的普及，人們對網(wǎng)絡(luò)也有了更深層次 的認識。建設(shè)個性化的網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng) 絡(luò)交流。計算機學(xué)會網(wǎng)站給廣大計算機愛好者提供一個直接交流平臺，突 破了時間空間的限制。 基于asp技術(shù)開發(fā)的計算機學(xué)會網(wǎng)站系統(tǒng)是采用三層web應(yīng)用體系結(jié)構(gòu) 的模塊設(shè)計方法，利用dreamweaver編程工具，借助asp服務(wù)器組件、ado 數(shù)據(jù)訪問技術(shù)來實現(xiàn)。本文對整個系統(tǒng)分析其背景、現(xiàn)狀、基本功能、設(shè) 計思想及對該系統(tǒng)改版所達到的目標；詳細闡述了系統(tǒng)的設(shè)計方案和實現(xiàn) 方案，并對系統(tǒng)的使用、測試及維護做了一定的分析說明。 計算機學(xué)會網(wǎng)站系統(tǒng)的實現(xiàn)分為兩個模塊，分別為管理員模塊、會員 模塊。系統(tǒng)實現(xiàn)了用戶注冊申請成為會員，登錄后的會員享有瀏覽其他會 員信息、修改個人密碼及資料、發(fā)表評論及留言的功能；管理員享有管理、 修改網(wǎng)站基本資料、網(wǎng)站基礎(chǔ)數(shù)據(jù)、用戶信息，維護網(wǎng)站數(shù)據(jù)等功能。 關(guān)鍵詞關(guān)鍵詞：學(xué)會網(wǎng)站；計算機學(xué)會；會員管理；asp 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) ii abstract with the gradual growing up of information society and the popularity of the internet nowadays. as establishing a website with full of individualities can make users more convenient to get information and more easy to communicate with others. the website of the computer society website such kind of web that provide a direct exchange platforun for computer-lovers to break through the limitation of time and space. the system of computer society website based on asp technology, uses web applications with three-tier architecture of the modular design method, dreamweaver programming tools, asp server component and data access technologies. the article analyzes the background, present situation, basic functions, and design thanking of the whole system, details the design and realization of program, and explain about the usage, text and maintenance of the system. computer society website systems divided into two modules, administer module and member module. the system achieve users application for registration to become a member, member login enjoy to get others information, edition personal and information, making comments and leaving message. the administer can manage and modify basic information, basic on data of the website, member information, and maintenance of website data. keywordskeywords: society website; computer society; member management; asp 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) iii 目目 錄錄 1 緒論 .1 1.1 系統(tǒng)改版的背景1 1.2 系統(tǒng)改版目的及意義1 1.3 系統(tǒng)的現(xiàn)狀和問題 .1 1.4 本課題要達到的目標 .2 2 系統(tǒng)改版的相關(guān)技術(shù)與環(huán)境 .3 2.1 asp 技術(shù)簡介 3 2.2 asp 的運行環(huán)境 4 2.3 iis 簡介 4 2.4 iis 與 asp 的結(jié)合 5 2.5 access 2000 數(shù)據(jù)庫簡介 .6 2.6 ado 技術(shù) 8 2.6.1 ado 簡介 8 2.6.2 ado 特點 9 3 系統(tǒng)分析和設(shè)計 10 3.1 系統(tǒng)需求分析.10 3.1.1 系統(tǒng)功能概述 .10 3.1.2 具體的需求分析 .10 3.2 系統(tǒng)結(jié)構(gòu)設(shè)計 11 3.2.1 系統(tǒng)的技術(shù)結(jié)構(gòu) .11 3.2.2 系統(tǒng)總體結(jié)構(gòu)設(shè)計 .11 3.2.3 系統(tǒng)流程圖 12 3.3 系統(tǒng)功能模塊設(shè)計 13 3.3.1 管理員模塊 13 3.3.2.會員模塊 14 3.4 數(shù)據(jù)庫設(shè)計15 3.4.1 主要的數(shù)據(jù)邏輯設(shè)計 .15 3.4.2 數(shù)據(jù)庫代碼設(shè)計 18 4 模塊設(shè)計及實現(xiàn) 19 4.1 版面功能模塊設(shè)計 19 4.1.1 版面布局設(shè)計 19 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) iv 4.1.2 會員登錄模塊 20 4.1.3 菜單模塊 21 4.2 管理員模塊.22 4.2.1 登錄 22 4.2.2 基礎(chǔ)數(shù)據(jù)管理 24 4.2.3 會員信息管理 .27 4.3 會員注冊模塊.27 5 系統(tǒng)的使用、測試及維護 32 5.1 建立運行環(huán)境 32 5.2 系統(tǒng)的測試與分析.32 5.3 維護.33 致 謝 .35 參考文獻 36 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 1 1 1 緒論緒論 1.11.1 系統(tǒng)改版的背景系統(tǒng)改版的背景 隨著計算機科學(xué)的發(fā)展，互聯(lián)網(wǎng)技術(shù)水平的提高，建立網(wǎng)站已經(jīng)成為 一個很普遍的問題。對于個人來說，建設(shè)個性化的網(wǎng)站可以更加方便的收 集信息，開展更加直接的網(wǎng)絡(luò)交流；對于一個企業(yè)來說，建設(shè)好自己的網(wǎng) 站可以搶占新世紀發(fā)展的戰(zhàn)略要點。網(wǎng)站已成為了各個單位的門面，一個 網(wǎng)站功能的完整度、設(shè)計技巧、整體美工，從某種意義上就代表了該單位 的形象，映射該單位的實力。 1.21.2 系統(tǒng)改版目的及意義系統(tǒng)改版目的及意義 網(wǎng)站的建設(shè)不僅僅是制作主頁的問題，還需要考慮網(wǎng)站的定位、目標 用戶、網(wǎng)站內(nèi)容、服務(wù)事項、空間方案、安全性、藝術(shù)設(shè)計、數(shù)據(jù)庫技術(shù) 等等 。在原有功能的基礎(chǔ)上，構(gòu)造更完善的計算機學(xué)會，能夠傳遞更豐 富的信息，同時還能給人以美的藝術(shù)享受，樹立我們學(xué)會良好的社會形象。 1.31.3 系統(tǒng)的現(xiàn)狀和問題系統(tǒng)的現(xiàn)狀和問題 海南省計算機學(xué)會網(wǎng)站正處雛形期，功能（如標題欄）還沒有完善， 數(shù)據(jù)信息不夠靈活，某些模塊（如會員注冊）信息存在缺漏，基于原有功 能及技術(shù)，完善的同時，對整體版面進行美工設(shè)計。 asp 是企業(yè)的理財專家，是邁向電子商務(wù)時代重要的基礎(chǔ)建設(shè)。本系 統(tǒng)是基于 asp 的腳本語言，asp 有以下幾大優(yōu)點： （1）開放性 在 iis 3.0 上，并不需要開發(fā)者使用一個專有的腳本語言來生成網(wǎng)絡(luò) 應(yīng)用程序，實際上 active server pages 包括了對 vbscript 和 javascript 的本機支持。通過第三方組合組件，它還可以使用其他語言 （如 perl、rexx） 。多個腳本語言甚至可以在相同的 asp 文件中交替使用 并相互調(diào)用。而 active server 組件實際上可以用任何語言編寫，這些語 言包括 java、visual basic、c+、cobol 等等。 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 2 （2）易操作性 asp 使 html 設(shè)計人員可以在服務(wù)器上方便地“激活”他們的 web 頁， 可以立刻對定制化網(wǎng)頁和簡單的應(yīng)用程序進行開發(fā)。以往需要用 perl 或 c 編寫的復(fù)雜的 cgi 程序來完成的功能（如數(shù)據(jù)庫連接） ，現(xiàn)在若使用 asp 則只要幾行簡單的代碼就能實現(xiàn)。 （3）程序與外觀分離 通過使用腳本和組件，active server pages 允許用戶將編程工作與 一個網(wǎng)頁的設(shè)計和其他工作分離開來。這就可以確保開發(fā)者能夠?qū)⒅饕?精力用來考慮編寫程序的邏輯，而不必擔(dān)心外觀是怎樣的。同時，它也使 那些從事外觀設(shè)計的人員可以利用一些工具來對網(wǎng)頁進行修改，而不用過 于關(guān)心編程問題。 （4）非手工編譯 asp 的即時編譯系統(tǒng)在被請求時自動對 asp 源文件重新編譯，并將其 載入服務(wù)器的高速緩存中。因此，開發(fā)者對 asp 文件的修改可在瀏覽器中 立即得到反映，只需要簡單地保存該文件并在瀏覽器中刷新即可。 （5）瀏覽器獨立性 asp 提供了一種瀏覽器中樞方案來完成應(yīng)用程序的設(shè)計工作。因為用 于生成動態(tài)內(nèi)容的腳本可以在服務(wù)器上執(zhí)行，所以開發(fā)者不必擔(dān)心客戶用 什么瀏覽器來瀏覽網(wǎng)點。 1.41.4 本課題要達到的目標本課題要達到的目標 本文作者對原有系統(tǒng)的功能改版目標如下： 關(guān)于我們、單位會員模塊要求：相關(guān)信息入庫，并在后臺添加相應(yīng)內(nèi) 容。 會員注冊模塊要求：對原有的注冊表進行修改，添加新的字段，要求 會員注冊必須經(jīng)過管理員審核方可通過。 控制面板模塊要求：會員登陸后才顯示。 菜單模塊要求：多層菜單采用下來菜單形式。 版面布局模塊要求：以原有版面為核心，進行適當重排修改。 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 3 2 2 系統(tǒng)改版的相關(guān)技術(shù)與環(huán)境系統(tǒng)改版的相關(guān)技術(shù)與環(huán)境 2.12.1 aspasp 技術(shù)簡介技術(shù)簡介 asp 是 active server page 的縮寫，意為“活動服務(wù)器網(wǎng)頁” 。asp 是微軟公司開發(fā)的代替 cgi 腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它 程序進行交互，是一種簡單、方便的編程工具。asp 的網(wǎng)頁文件的格式是. asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。 asp 是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或 web 應(yīng)用程序。asp 網(wǎng)頁可以包含 html 標記、普通文本、腳本命令以及 com 組件等。利用 asp 可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單） ，也可 以創(chuàng)建使用 html 網(wǎng)頁作為用戶界面的 web 應(yīng)用程序。 與 html 相比，asp 網(wǎng)頁具有以下特點： （1）利用 asp 可以實現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實現(xiàn)動態(tài)網(wǎng) 頁技術(shù)； （2）asp 文件是包含在 html 代碼所組成的文件中的，易于修改和測 試； （3）服務(wù)器上的 asp 解釋程序會在服務(wù)器端制定 asp 程序，并將結(jié) 果以 html 格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都 可以正常瀏覽 asp 所產(chǎn)生的網(wǎng)頁； （4）asp 提供了一些內(nèi)置對象，使用這些對象可以使服務(wù)器端腳本功 能更強。例如可以從 web 瀏覽器中獲取用戶通過 html 表單提交 的信息，并在腳本中對這些信息進行處理，然后向 web 瀏覽器 發(fā)送信息； （5）asp 可以使用服務(wù)器端 activex 組件來執(zhí)行各種各樣的任務(wù)，例 如存取數(shù)據(jù)庫、發(fā)送 email 或訪問文件系統(tǒng)等。 （6）由于服務(wù)器是將 asp 程序執(zhí)行的結(jié)果以 html 格式傳回客戶端瀏 覽器，因此使用者不會看到 asp 所編寫的原始程序代碼，可防 止 asp 程序代碼被竊取。 可見，asp 的程序編寫比 html 更方便、更具靈活性。它是在 web 服務(wù) 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 4 器端運行后，再將運行結(jié)果以 html 格式傳送至客戶端的瀏覽器。因此， asp 比其他腳本語言要可靠。 asp 技術(shù)快速開發(fā)工具較多，有利于系統(tǒng)的快速開發(fā)。同時 asp 吸收 了多種較為實用的技術(shù)，是一種發(fā)展較為成熟的網(wǎng)絡(luò)應(yīng)用程序開發(fā)技術(shù)； 其核心技術(shù)是對組件和對象技術(shù)的充分支持。通過使用 asp 的組件和對象 技術(shù)，用戶可以直接使用 activex 控件，調(diào)用對象方法和屬性，以簡單的 方式實現(xiàn)強大的功能。 asp 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序 被他人剽竊，提高了程序的安全性。.asp 程序無須編譯， asp 程序的控 制部份，是使用 vbscript 、 jscript 等腳本語言來設(shè)計的，當執(zhí)行 asp 程序時，腳本程序?qū)⒁徽酌畎l(fā)送給腳本解釋器 ( 即腳本引擎 ) ，由腳本解釋器進行翻譯并將其轉(zhuǎn)換成服務(wù)器所能執(zhí)行的命令。 2.22.2 aspasp 的運行環(huán)境的運行環(huán)境 asp 網(wǎng)頁需要相應(yīng)的 web 服務(wù)器的支持，才能正常運行，其 web 服務(wù) 器主要是 pws 和 iis。 personal web server 簡稱為 pws，即個人 web 服務(wù)器，是為個人發(fā) 布網(wǎng)頁開發(fā)的，適用于小規(guī)模的公司內(nèi)部網(wǎng)，僅支持 10 個并發(fā)用戶，只 能容納一個 web 站點，提供基本的 www 服務(wù)和簡單的 web 管理，支持 ado.net 訪問數(shù)據(jù)庫。pws 運行于 windows 9x/me 平臺，常用于學(xué)習(xí)、編 寫和調(diào)試 asp 頁面時用作 web 服務(wù)器。 其中，iis 功能最強，提供了對 asp 的全面支持，是創(chuàng)建高速、穩(wěn)定 的 asp 主頁的最佳選擇。 2.32.3 iisiis 簡介簡介 microsoft internet information server 是一種 web 服務(wù)器，可讓 你在 intranet 或 internet 上發(fā)布信息。internet information server 用 http 來傳送信息。也可設(shè)定 internet information server 來提供 file transfer protocol（ftp）和 gopher 服務(wù)。ftp 服務(wù)可讓使用者將 檔案傳送到您的 web 站臺，或從 web 站臺傳送文件。gopher 服務(wù)則使用 了用來尋找文件的功能表導(dǎo)向通訊協(xié)定。而 http 以大大超越 gopher 通訊 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 5 協(xié)定許多。您可以使用 internet 服務(wù)管理員增強服務(wù)器的效能。 internet 服務(wù)管理員可以協(xié)助您設(shè)定并監(jiān)視網(wǎng)絡(luò)上任何 windows nt server 電腦上所執(zhí)行的 internet 服務(wù)。 iis 與 windownt server 完全集成在一起，因而用戶能夠利用 windows nt server 和 ntfs（nt file system，nt 的文件系統(tǒng)）內(nèi)置的安 全特性，建立強大，靈活而安全的 internet 和 intranet 站點。 iis 支持 http（hypertext transfer protocol，超文本傳輸協(xié)議） ， ftp（fele transfer protocol，文件傳輸協(xié)議）以及 smtp 協(xié)議，通過使 用 cgi 和 isapi，iis 可以得到高度的擴展。 iis 支持與語言無關(guān)的腳本編寫和組件，通過 iis，開發(fā)人員就可以 開發(fā)新一代動態(tài)的，富有魅力的 web 站點。iis 不需要開發(fā)人員學(xué)習(xí)新的 腳本語言或者編譯應(yīng)用程序，iis 完全支持 vbscript，jscript 開發(fā)軟件 以及 java，它也支持 cgi 和 wincgi，以及 isapi 擴展和過濾器 。 iis 相應(yīng)性極高，同時系統(tǒng)資源的消耗也是最少，iis 支持 isapi，使 用 isapi 可以擴展服務(wù)器功能，iis 的一個重要特性是支持 asp。 2.42.4 iisiis 與與 aspasp 的結(jié)合的結(jié)合 在過去，客戶機/服務(wù)器結(jié)構(gòu)的設(shè)計與 web 的相關(guān)技術(shù)幾乎處于平行 線上，兩者相互獨立并無法作出集成性的設(shè)計?，F(xiàn)在我們利用 iis+asp 構(gòu) 成三層式 web 結(jié)構(gòu)（如圖 2.1 所示）的中間一層，將客戶機/服務(wù)器結(jié)構(gòu) 與 web 密切結(jié)合，完成前后端兩者的集成輸出功能，使得 web 站點的開發(fā) 更方便，實現(xiàn)的功能更強大。 利用 iis+asp 技術(shù)來集成 web 前后端所帶來的強大效益可歸結(jié)為以下 幾個方面： 減少構(gòu)建和維護成本 加快聯(lián)機過程 應(yīng)用軟件集中在服務(wù)器端開發(fā)管理 前端可使用任何瀏覽器（ie、netscape） 后端可存取任何數(shù)據(jù)庫 (sql、access) 可使用任何腳本語言開發(fā) (vbscript、javascript、perl) 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 6 2.52.5 accessaccess 20002000 數(shù)據(jù)庫簡介數(shù)據(jù)庫簡介 基于原有系統(tǒng)的技術(shù)，本課題仍采用微軟公司出的 office 中一個小 型數(shù)據(jù)庫access 2000。access 2000 是 office 自帶的數(shù)據(jù)庫，是 office2000 里面的一個組件，一個前后臺結(jié)合的數(shù)據(jù)庫“軟件” 。即 access 既擁有用戶界面(vb 可以用來開發(fā)用戶界面)；也擁有邏輯、流程 處理，即 vba 語言(vb 也可以用來做邏輯處理)；又可以存儲數(shù)據(jù)。 access 是桌面型關(guān)系數(shù)據(jù)庫，適合數(shù)據(jù)量少的應(yīng)用，在處理少量數(shù) 據(jù)和單機訪問的數(shù)據(jù)庫時是很好的，效率也很高。但是它的同時訪問客戶 端不能多于 4 個。access 數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達到 100m 左右， 很容易造成服務(wù)器假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。 access 其獨特的優(yōu)點即：界面友好、易學(xué)易用、開發(fā)簡單、操作靈活、 轉(zhuǎn)移方便、運行環(huán)境簡單，對于小型網(wǎng)站的數(shù)據(jù)庫處理能力效果較佳，是 典型的新一代桌面數(shù)據(jù)庫管理系統(tǒng)。 數(shù)據(jù)庫服務(wù)器 microsoft iis + asp 瀏覽器 后端數(shù)據(jù)庫 activex server 元件 程序和計算邏輯 activex server 元件 前端瀏覽器 圖 2.1 三層式 web 結(jié)構(gòu)示意圖 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 7 其主要特點如下： (1)完善地管理各種數(shù)據(jù)庫對象，具有強大的數(shù)據(jù)組織、用戶管理、 安全檢查等功能。 (2)強大的數(shù)據(jù)處理功能。在一個工作組級別的網(wǎng)絡(luò)環(huán)境中，使用 access 開發(fā)的多用戶數(shù)據(jù)庫管理系統(tǒng)具有傳統(tǒng)的 xbase（dbase、foxbase 的統(tǒng)稱）數(shù)據(jù)庫系統(tǒng)所無法實現(xiàn)的客戶服 務(wù)器(cient/server)結(jié)構(gòu)和相應(yīng)的數(shù)據(jù)庫安全機制，access 具備 了許多先進的大型數(shù)據(jù)庫管理系統(tǒng)所具備的特征，如事務(wù)處理/出 錯回滾能力等。 (3)可以方便地生成各種數(shù)據(jù)對象，利用存儲的數(shù)據(jù)建立窗體和報表， 可視性好。 (4)作為 office 套件的一部分，可以與 office 集成，實現(xiàn)無縫連接。 (5)能夠利用 web 檢索和發(fā)布數(shù)據(jù)，實現(xiàn)與 internet 的連接。 access 主要適用于中小型應(yīng)用系統(tǒng)，或作為客戶機/服務(wù)器系統(tǒng)中 的客戶端數(shù)據(jù)庫。 數(shù)據(jù)庫系統(tǒng)采用客戶/服務(wù)器結(jié)構(gòu)的好處在于： (1) 數(shù)據(jù)集中存儲數(shù)據(jù)集中存項戶在服務(wù)器上，而不是分開存 儲在各客戶機上，使所以擁護都可以訪同的數(shù)據(jù)。 (2) 業(yè)務(wù)邏輯和安全規(guī)則可以在服務(wù)器上定義一次，而后被所有的 客戶使用。 (3) 關(guān)系數(shù)據(jù)庫服務(wù)器僅返回應(yīng)用程序所需要的數(shù)據(jù)，這樣可以減 少網(wǎng)絡(luò)流量。 (4) 節(jié)省硬件開銷，因為數(shù)據(jù)都存儲在服務(wù)器上，不需要在客戶機 上存儲數(shù)據(jù)，所以客戶機硬件不需要具備存儲和處理大量數(shù)據(jù) 的能力，同樣，服務(wù)器不需要具備數(shù)據(jù)表示的功能。 (5) 因為數(shù)據(jù)集中存儲在服務(wù)器上，所以備份和恢復(fù)起來很容易。 客戶/服務(wù)器體系結(jié)構(gòu)見圖 2.2： 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 8 圖 2.2 客戶機/服務(wù)器體系結(jié)構(gòu) 2.62.6 adoado 技術(shù)技術(shù) 2.6.1 ado 簡介簡介 ado(activex data object)microsoft 數(shù)據(jù)庫應(yīng)用程序開發(fā)的新接口， 是建立在 ole db 之上的高層數(shù)據(jù)庫訪問技術(shù)。ado 技術(shù)基于 com，具有 com 組件的諸多優(yōu)點，可以用來構(gòu)造可復(fù)用應(yīng)用框架，被多種語言支持， 能夠訪問關(guān)系數(shù)據(jù)庫、非關(guān)系數(shù)據(jù)庫及所有的文件系統(tǒng)。另外，ado 還支 持各種客戶/服務(wù)器模塊與基于 web 的應(yīng)用程序，具有遠程數(shù)據(jù)服務(wù) （rds(remote data service)）的特性，是遠程數(shù)據(jù)存取的發(fā)展方向。 ado (active data objects)是 asp 與數(shù)據(jù)庫的接口，其訪問數(shù)據(jù)源 的方式如圖 2.3 客戶機客戶機服務(wù)器服務(wù)器 客戶機向服務(wù)器 提交任務(wù)請求 服務(wù)器將執(zhí)行結(jié) 果返回給客戶 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 9 圖 2.3 ado 訪問數(shù)據(jù)源方式 2.6.2 ado 特點特點 (1) 易使用：ado 是高層數(shù)據(jù)庫訪問技術(shù)，所以相對于 odbc 來說具有 面向?qū)ο蟮奶攸c。同時，在 ado 對象結(jié)構(gòu)中，對象于對象之間的 層次結(jié)構(gòu)不是非常明顯，這也給編寫數(shù)據(jù)庫程序帶來許多便利。 (2) 可以訪問多種數(shù)據(jù)源：和 ole db 一樣，它可以訪問關(guān)系型和非 關(guān)系型數(shù)據(jù)庫，具有很強的通用性和靈活性。 (3) 訪問數(shù)據(jù)庫效率高：由于它本身是基于 ole db 的，所以繼承了 ole db 的特點。 (4) 方便的eb 應(yīng)用：ado 可以以 activex 控件的形式出現(xiàn)，方便了 web 應(yīng)用程序的貶值。 (5) 技術(shù)編程接口豐富：ado 支持 vc、vb、vj、javascript、vbscript 等腳本語言。 (6) 程序占用內(nèi)存少：由于 ado 是基于組件模型對象（com）的訪問 技術(shù)，所以，ado 生成的應(yīng)用程序占用內(nèi)存少。 asp 網(wǎng)頁 ado sql server 數(shù)據(jù)庫提供程序ole de 數(shù)據(jù)庫提供程序 sql server 或更高版本 accessdb2oracle sql server6.5 或更高版本其他數(shù)據(jù)庫 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 10 3 3 系統(tǒng)分析和設(shè)計系統(tǒng)分析和設(shè)計 3.13.1 系統(tǒng)需求分析系統(tǒng)需求分析 3.1.1 系統(tǒng)功能概述系統(tǒng)功能概述 該系統(tǒng)實現(xiàn)計算機愛好者進行互動、交流，系統(tǒng)提供一個交流平臺， 注冊后的會員可以根據(jù)各模塊發(fā)布的主題，發(fā)表個人看法或提出疑問，會 員登陸后可以瀏覽本學(xué)會會員風(fēng)采，并可以對自己的資料進行修改更新； 管理員擁有對基本數(shù)據(jù)資料管理的權(quán)限。 3.1.2 具體的需求分析具體的需求分析 下面主要介紹各個模塊的具體功能及設(shè)計要求： 該計算機學(xué)會網(wǎng)站系統(tǒng)主要是為一些計算機愛好者提供交流平臺，它主要 有兩類用戶會員（個人及單位） 、管理員。在客戶端使用時，對于不 同的用戶，有不同的權(quán)限和操作功能。 該網(wǎng)站系統(tǒng)的主要模塊： （一）會員模塊： 1. 設(shè)置密碼：會員可以設(shè)置并修改自己的密碼。 2. 設(shè)置資料：會員可以設(shè)置修改自己的資料。 3. 發(fā)表評論與留言：會員可以對網(wǎng)站的內(nèi)容發(fā)表評論及進行留言。 （二）管理員模塊： 1. 基本設(shè)置：對網(wǎng)站的基本資料進行設(shè)置管理。 2. 基礎(chǔ)數(shù)據(jù)：設(shè)置基礎(chǔ)數(shù)據(jù)：會員信息，新聞信息等。 3. 數(shù)據(jù)維護：為了數(shù)據(jù)庫的高效運行，可以對數(shù)據(jù)進行整理，清除 掉 垃圾數(shù)據(jù)；添加新數(shù)據(jù)信息并及時更新數(shù)據(jù)。 4. 用戶設(shè)置：管理員對申請會員（個人會員和單位會員）用戶進行 審核，并對用戶資料進行管理。同時，管理員可以增加，刪除，修 改管理用戶。 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 11 3.23.2 系統(tǒng)結(jié)構(gòu)設(shè)計系統(tǒng)結(jié)構(gòu)設(shè)計 3.2.1 系統(tǒng)的技術(shù)結(jié)構(gòu)系統(tǒng)的技術(shù)結(jié)構(gòu) 該學(xué)會網(wǎng)站系統(tǒng)基于 browser/server（瀏覽器/服務(wù)器）模式。服務(wù) 器端有 web 服務(wù)器和 database server。其中 web 服務(wù)器可用 microsoft 的 internet information server 5.0，而數(shù)據(jù)庫則可選擇 access 2000. 客戶端可分為會員系統(tǒng)和管理系統(tǒng)兩大功能模塊，通過 http 協(xié)議使 用瀏覽器訪問，它們對數(shù)據(jù)庫的訪問和操作不是直接進行的，需通過 web server 來進行，保證了系統(tǒng)數(shù)據(jù)的完整、安全、可靠。 本學(xué)會網(wǎng)站系統(tǒng)的網(wǎng)絡(luò)體系結(jié)構(gòu)如圖 3.1: 圖 3.1 網(wǎng)站系統(tǒng)結(jié)構(gòu) 構(gòu)建一套高效、快速、穩(wěn)定、安全的計算機學(xué)會網(wǎng)站系統(tǒng)，可以讓更 多的計算機愛好者不受時間及空間的限制，隨時隨地進行技術(shù)交流學(xué)習(xí)， 對一個問題學(xué)習(xí)到不只一種的解決方法及思維，提高了解決問題的能力， 增加了見識。 3.2.2 系統(tǒng)總體結(jié)構(gòu)設(shè)計系統(tǒng)總體結(jié)構(gòu)設(shè)計 該計算機學(xué)會網(wǎng)站系統(tǒng)的主要實現(xiàn)是為一些計算機愛好者提供交流平 臺，它主要有兩類用戶會員、管理員。大概分為兩個大模塊，即管理 員模塊、會員（個人會員及單位會員）模塊。模塊與模塊間，模塊內(nèi)部間 的結(jié)構(gòu)（如圖 3.2） 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 12 計算機學(xué)會網(wǎng)站系統(tǒng) 設(shè) 置 密 碼 設(shè) 置 資 料 數(shù) 據(jù) 維 護 發(fā) 表 評 論、 留 言 用 戶 設(shè) 置 基 礎(chǔ) 數(shù) 據(jù) 基 本 設(shè) 置 會員模塊管理員模塊 安 全 退 出 圖 3.2 模塊結(jié)構(gòu) 3.2.3 系統(tǒng)流程圖系統(tǒng)流程圖 圖 3.3 會員流程圖 會員登陸 發(fā)表評論、留言 安全退出 設(shè)置密碼 設(shè)置資料 會員信息表 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 13 圖 3.4 管理員流程圖 3.33.3 系統(tǒng)功能模塊設(shè)計系統(tǒng)功能模塊設(shè)計 3.3.1 管理員模塊管理員模塊 (1)(1) 管理員模塊的功能描述：管理員模塊的功能描述： 本模塊實現(xiàn)的主要功能是對網(wǎng)站的基本資料及基礎(chǔ)數(shù)據(jù)進行設(shè)置 管理；對申請入會的會員進行審核，既有最高權(quán)限對用戶資料進行管 理，增加、刪除、修改用戶權(quán)限；對數(shù)據(jù)進行維護。 （2 2）管理員模塊的框架）管理員模塊的框架 根據(jù)管理員享有的功能，建立與這些功能相對應(yīng)的文件，構(gòu)建框架 如下圖 3.5 所示： 管理員 登陸 基本設(shè)置 基礎(chǔ)數(shù)據(jù)設(shè)置 數(shù)據(jù)維護 用戶設(shè)置 個人會員信息表 個人會員設(shè)置 單位會員設(shè)置 單位會員信息表 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 14 圖 3.5 管理員框架圖 3.3.2.會員模塊會員模塊 (1)(1) 會員模塊的功能描述：會員模塊的功能描述： 本模塊對會員可以實現(xiàn)注冊登錄，登錄后的會員有權(quán)設(shè)置修改自己的 密碼跟資料，并可以發(fā)表評論及留言。 (2)(2) 會員模塊的框架如圖會員模塊的框架如圖 3.63.6 圖 3.6 會員框架圖 index.asp 功能：網(wǎng)站 首頁，會員 登陸、注冊 頁面 user/register.asp 功能：注冊 user/edituserinfo.asp 功能：設(shè)置修改密碼及資料 message/showmessage.asp 功能：發(fā)表評論、留言 db login.asp 登陸 管理員平臺 index.asp 管理員平臺 manage/sitemanage/sitesetup.asp 管理員對基本資料的設(shè)置 manage/usermanage/usermanage.asp 管理員對用戶資料的設(shè)置管理 manage/databasemanage/backup.asp 管理員對數(shù)據(jù)的維護 db manage/menu.asp 管理員對基礎(chǔ)數(shù)據(jù)的設(shè)置 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 15 3.43.4 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計 .1 主要的數(shù)據(jù)邏輯設(shè)計主要的數(shù)據(jù)邏輯設(shè)計 表 3.1 about 表（網(wǎng)站基礎(chǔ)數(shù)據(jù)） 列名數(shù)據(jù)類型字段大小是否允許為空 序號自動編號長整型否 標題文本 50 是 內(nèi)容備注是 地址文本 50 是 鏈接到文本 50 是 發(fā)布時間日期/時間是 表 3.2 boards 表（學(xué)會論壇） 列名數(shù)據(jù)類型字段大小是否允許為空 序 號數(shù)字長整型否 論壇名文本 50 是 最后訪問者文本 20 是 最后訪問時間日期/時間是 表 3.3 company_member 表（單位會員信息） 列名數(shù)據(jù)類型字段大小是否允許為空 序號自動編號長整型否 單位名稱文本 100 是 單位網(wǎng)址文本 100 是 表 3.4 config 表（會員注冊問題） 列名數(shù)據(jù)類型字段大小是否允許為空 序號數(shù)字長整型否 問題一文本 100 是 答案一文本 100 是 問題二文本 100 是 答案二文本 100 是 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 16 表 3.5 ec 表（個人會員信息） 列名數(shù)據(jù)類型字段大小是否允許為空 序號自動編號長整型否 學(xué)號文本 20 是 姓名文本 12 是 性別文本 4 是 出生年月日期/時間是 職務(wù)/職稱文本 50 是 籍貫文本 30 是 聯(lián)系電話文本 45 是 工作單位文本 50 是 通訊地址文本 50 是 郵政編碼文本 6 是 郵箱文本 30 是 畢業(yè)專業(yè)文本 40 是 畢業(yè)時間日期/時間是 工作簡歷、業(yè)績備注是 入會理由備注是 checkcode 是/否是 表 3.6 link 表（友情連接） 列名數(shù)據(jù)類型字段大小是否允許為空 序號數(shù)字長整型是 單位名稱文本 200 是 單位圖片文本 200 是 單位網(wǎng)址文本 200 是 表 3.7 news 表（新聞） 列名數(shù)據(jù)類型字段大小是否允許為空 序號自動編號長整型否 新聞標題文本 100 是 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 17 標題顏色文本 50 是 新聞內(nèi)容備注是 添加時間日期/時間是 表 3.8 photo 表（照片管理） 列名數(shù)據(jù)類型字段大小是否允許為空 照片編號數(shù)字整型是 存放照片路徑文本 50 是 照片主題文本 50 是 上傳主人文本 50 是 上傳時間日期/時間是 留言次數(shù)數(shù)字長整型是 點擊次數(shù)數(shù)字長整型是 照片大小數(shù)字單精度型是 照片格式文本 50 是 表 3.9 votel 表(關(guān)于網(wǎng)站設(shè)計投票) 列名數(shù)據(jù)類型字段大小是否允許為空 序號自動編號長整型否 主題備注是 欄目設(shè)置提問文本 255 是 欄目設(shè)置問答數(shù)字長整型是 版面設(shè)計提問文本 255 是 版面設(shè)計回答數(shù)字長整型是 關(guān)于功能提問文本 255 是 功能回答數(shù)字長整型是 關(guān)于內(nèi)容提問文本 255 是 內(nèi)容回答數(shù)字長整型是 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 18 3.4.2 數(shù)據(jù)庫代碼設(shè)計數(shù)據(jù)庫代碼設(shè)計 本課題所有數(shù)據(jù)信息均存于 data/freedom.asp 庫中，數(shù)據(jù)庫代碼設(shè)計 如下： 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 19 4 4 模塊設(shè)計及實現(xiàn)模塊設(shè)計及實現(xiàn) 4.14.1 版面功能模塊設(shè)計版面功能模塊設(shè)計 4.1.1 版面布局設(shè)計版面布局設(shè)計 原網(wǎng)站系統(tǒng)界面設(shè)計較單調(diào)，現(xiàn)根據(jù)個人想法，做布局調(diào)整及基本美工設(shè) 計。設(shè)計前后整體界面效果對照如圖 4.1 圖 4.1 改版前后對照圖 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 20 4.1.2 會員登錄模塊會員登錄模塊 會員登錄后，顯示原系統(tǒng)的控制面板，監(jiān)控會員身份。改版前后對比圖如 下： 圖 4.2 會員登錄前后對照圖 程序設(shè)計說明及實現(xiàn)： 首先判斷會員是否登錄，即判斷用戶名（username）是否為空，如果不為 登錄后 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 21 空，則調(diào)用 showuserinfomation。會員登錄后，在原會員登錄模塊位置被原系統(tǒng) 的控制面板模塊覆蓋，以監(jiān)控會員身份。主要代碼設(shè)計實現(xiàn)如下： “ then call showuserinfomation % 4.1.3 菜單模塊菜單模塊 菜單模塊采用下拉菜單形式：對原來系統(tǒng)多層的菜單采用下拉菜單形式， 因?qū)崿F(xiàn)方法相同，故只列舉學(xué)會論壇模塊分析，而不再累贅其他模塊。效果如 圖 4.3 圖 4.3 下拉菜單圖 程序設(shè)計說明及實現(xiàn)： 對原來存于文件/inc 中的 txlfun1.asp 及 txlfun.asp 文件的對應(yīng)位置作修改， 把原源代碼： bbs/index.asp“學(xué)會論壇 修改為以下實現(xiàn)代碼： 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 22 學(xué)術(shù)專題 電腦園地 學(xué)會沙龍 談天說地 4.24.2 管理員模塊管理員模塊 4.2.1 登錄登錄 管理員登錄頁面如圖 4.4 所示 圖 4.4 管理員登錄 程序設(shè)計說明及實現(xiàn)： 首先從輸入框獲取用戶輸入的用戶代碼（admin） ，用戶密碼（password） 以及驗證碼的字符串，并判斷是否與存放在 /inc/txlconst.asp 文件中的賬號、 密碼一致，驗證碼符合要求，如果滿足條件，轉(zhuǎn)管理員平臺頁面 index.asp； 若不滿足則返回管理員登錄頁面。代碼實現(xiàn)如下： 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 23 管理員平臺頁面如圖 4.5 所示， 在學(xué)會網(wǎng)站信息管理模塊內(nèi)，添加關(guān)于我們及單位會員兩項。 圖 4.5 管理員平臺頁面 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 24 程序設(shè)計說明及實現(xiàn)： 添加此兩項，分別與 infomanage/about.asp 和 infomanage/danweihuiyuan.asp 鏈接。 關(guān)于我們 單 位會員 .2 基礎(chǔ)數(shù)據(jù)管理基礎(chǔ)數(shù)據(jù)管理（數(shù)據(jù)信息入庫并加入后臺） （1 1）關(guān)于我們的模塊后臺頁面如圖）關(guān)于我們的模塊后臺頁面如圖 4.64.6 所示所示 圖 4.6 關(guān)于我們模塊的后臺信息 主要程序設(shè)計說明及實現(xiàn)： 對基本框架的設(shè)計實現(xiàn): id 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 25 標題 時間 操作 還沒有添加主題! “) else while not rs.eof % &action=show“查看 | &action=edit“編輯 | &action=del“ onclick=“javascript:return confirm(你確實要刪除這個記錄嗎?)“刪除 新增主題 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 26 查詢數(shù)據(jù)庫: （2 2）單位會員模塊后臺頁面如圖）單位會員模塊后臺頁面如圖 4.74.7 所示所示 圖 4.7 單位會員后臺信息 主要程序設(shè)計說明及實現(xiàn)： 基本框架設(shè)計實現(xiàn)類似關(guān)于我們模塊,故在此不再重復(fù),只簡單介紹數(shù) 據(jù)庫的查詢實現(xiàn)，主要實現(xiàn)代碼如下： .3 會員信息管理會員信息管理 會員信息（已通過審核的會員）頁面如圖 4.8 所示 圖 4.8 會員信息 程序設(shè)計說明： 基于原來系統(tǒng)的實現(xiàn)，在會員信息表中增加新的字段，并要求注冊的用戶 須經(jīng)過管理員審核后方可通過。對這一要求，在系統(tǒng)代碼實現(xiàn)中通過添加一變 量值來控制，當值為“1”時，表審核通過，為“0”則不通過。同時，用來對 申請入會的用戶進行審核，對應(yīng)數(shù)據(jù)庫個人會員信息表中添加的“checkcode” 字段，該字段值為“1”時，表審核通過，為“0”則不通過。 4.34.3 會員注冊模塊會員注冊模塊 會員模塊主要改版其注冊頁面，對其添加某些字段，使注冊的用戶信息更 全面。注冊頁面如圖 4.9 所示 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 28 圖 4.9 會員注冊頁面 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 29 主要程序設(shè)計實現(xiàn)： rem 得到 msg 主體信息 function getmsgwelcomecontent() dim temp temp=msgwelcome temp=replace(temp,“username“,trim(request.form(“txl_username“) temp=replace(temp,“txlname“,const_txlname) getmsgwelcomecontent=temp end function sub saveregisterdata dim username,password,email,truename,question,answer dim oicq,homephone,homeaddr,homezip,newphone,newaddr dim newzip,sex,userpic,faceurl,facewidth,faceheight dim byear,bmonth,bday,ubbsign，jg，bysj，zwzc，txdz dim job，liyou username=trim(request.form(“txl_username“) password=md5(trim(request.form(“txl_password1“) email=trim(request.form(“txl_email“) truename=trim(request.form(“txl_truename“) question=htmlencode(trim(request.form(“txl_question“) answer=htmlencode(trim(request.form(“txl_answer“) oicq=trim(request.form(“txl_oicq“) homephone=trim(request.form(“txl_homephone“) homeaddr=trim(request.form(“txl_homeaddr“) homezip=trim(request.form(“txl_homezip“) newphone=trim(request.form(“txl_newphone“) newaddr=trim(request.form(“txl_newaddr“) newzip=trim(request.form(“txl_newzip“) sex=trim(request.form(“txl_sex“) userpic=trim(request.form(“txl_userpic“) 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 30 faceurl=trim(request.form(“txl_faceurl“) facewidth=trim(request.form(“form_facewidth“) faceheight=trim(request.form(“form_faceheight“) byear=trim(request.form(“txl_byear“) bmonth=trim(request.form(“txl_bmonth“) bday=trim(request.form(“txl_bday“) jg=trim(request.form(“txl_jg“) bysj=trim(request.form(“txl_bysj“) zwzc=trim(request.form(“txl_zwzc“) txdz=trim(request.form(“txl_txdz“) ubbsign=htmlencode(trim(request.form(“txl_job“) ubbsign=htmlencode(trim(request.form(“txl_liyou“) ubbsign=htmlencode(trim(request.form(“txl_underwrite“) dim rs set rs=server.createobject(“adodb.recordset“) rs.open “select * from ec where 1=2“,conn,1,3 rs.addnew() rs(“studentid“)=username rs(“password“)=password rs(“sname“)=truename rs(“sex“)=sex rs(“oicq“)=oicq rs(“email“)=email rs(“homephone“)=homephone rs(“homeaddr“)=homeaddr rs(“jg“)=jg rs(“bysj“)=bysj rs(“zwzc“)=zwzc rs(“txdz“)=txdz rs(“regtime“)=now() rs(“homezip“)=homezip rs(“newphone“)=newphone 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 31 rs(“newaddr“)=newaddr rs(“newzip“)=newzip rs(“pwdquest“)=question rs(“pwdanswer“)=answer rs(“l(fā)ogintimes“)=0 rs(“pic“)=faceurl rs(“forumtimes“)=0 rs(“l(fā)astedtime“)=now() rs(“birthday“)=byear&“-“&bmonth&“-“&bday rs(“picwidth“)=clng(facewidth) rs(“picheight“)=clng(faceheight) rs(“sign“)=ubbsign rs(“usertype“)=session(“usertype“) rs(“picurl“)=faceurl rs(“new_reg_mail_inform“)=request.form(“new_reg_mail_inform“) rs.update rs.close 計算機學(xué)會網(wǎng)站的改版設(shè)計與實現(xiàn) 32 5 5 系統(tǒng)的使用、測試及維護系統(tǒng)的使用、測試及維護 5.15.1 建立運行環(huán)境建立運行環(huán)境 系統(tǒng)需要安裝 iis 服務(wù)器(internet 信息服務(wù)器)服務(wù)器。iis 服務(wù)器 是 windows 操作系統(tǒng)中的一個組件,在 windows xp 系統(tǒng)安裝默認情況下不 安裝 iis 服務(wù)器,需要自己安裝,而在 windows2000 是服務(wù)器版本的操作系 統(tǒng),系統(tǒng)默認下安裝了 iis. 以 windows xp 環(huán)境為例安裝 iis5.1 的方法, 第一、先下載 iis5.1； 第二、下載好后，記住你下載的物理路徑，最好是直接下載到你的根目錄 下,比方說直接下載到 f 盤。不要下載到文件夾里；第三、iis5.1 是個壓 縮文件，我們就把它解壓到當前文件夾。這時我們會看 iis51 這個文件夾， 這就是我們要安裝到電腦里的 iis5.1, 第四、打開開始控制面板添 加/刪除程序添加刪除 windows 組件在 internet 信息服務(wù)上畫對勾 就是將它勾選上,然后根據(jù)安裝導(dǎo)航安裝。 另外還有一種方法，在你 安裝系統(tǒng)的時候，當然我說的是 xp 系統(tǒng)，安裝完成后，不要取出光盤， 打開開始控制面板添加/刪除程序添加刪除 windows 組件在 internet 信息服務(wù)上畫對勾就是將它勾選上 ，直接安裝，很容易就把 iis 安上了。不過前提是你的光盤一直不要取出。 iis 配置成功后，本系統(tǒng)調(diào)試還需要一個編程工具dreamveawer mx 2004。下載其安裝包，解壓安裝即可。 5.25.2 系統(tǒng)的測試與分析系統(tǒng)的測試與分析 為了保證本系統(tǒng)投入使用后能夠正確運行，在程序編寫完畢之后