海 南 大 學 畢 業 論 文（設計） 題 目：計算機學會網站的改版設計與實現 學 號： xxxx 姓 名：xxx 年 級：xxx 學 院： 信息科學技術學院 系 別： 計算機科學與技術系 專 業： 計算機科學與技術 指導教師： xxxx 完成日期： xxxx 計算機學會網站的改版設計與實現 i 摘摘 要要 隨著信息社會的逐步形成，網絡的普及，人們對網絡也有了更深層次 的認識。建設個性化的網站可以更加方便的收集信息，開展更加直接的網 絡交流。計算機學會網站給廣大計算機愛好者提供一個直接交流平臺，突 破了時間空間的限制。 基于asp技術開發的計算機學會網站系統是采用三層web應用體系結構 的模塊設計方法，利用dreamweaver編程工具，借助asp服務器組件、ado 數據訪問技術來實現。本文對整個系統分析其背景、現狀、基本功能、設 計思想及對該系統改版所達到的目標；詳細闡述了系統的設計方案和實現 方案，并對系統的使用、測試及維護做了一定的分析說明。 計算機學會網站系統的實現分為兩個模塊，分別為管理員模塊、會員 模塊。系統實現了用戶注冊申請成為會員，登錄后的會員享有瀏覽其他會 員信息、修改個人密碼及資料、發表評論及留言的功能；管理員享有管理、 修改網站基本資料、網站基礎數據、用戶信息，維護網站數據等功能。 關鍵詞關鍵詞：學會網站；計算機學會；會員管理；asp 計算機學會網站的改版設計與實現 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 計算機學會網站的改版設計與實現 iii 目目 錄錄 1 緒論 .1 1.1 系統改版的背景1 1.2 系統改版目的及意義1 1.3 系統的現狀和問題 .1 1.4 本課題要達到的目標 .2 2 系統改版的相關技術與環境 .3 2.1 asp 技術簡介 3 2.2 asp 的運行環境 4 2.3 iis 簡介 4 2.4 iis 與 asp 的結合 5 2.5 access 2000 數據庫簡介 .6 2.6 ado 技術 8 2.6.1 ado 簡介 8 2.6.2 ado 特點 9 3 系統分析和設計 10 3.1 系統需求分析.10 3.1.1 系統功能概述 .10 3.1.2 具體的需求分析 .10 3.2 系統結構設計 11 3.2.1 系統的技術結構 .11 3.2.2 系統總體結構設計 .11 3.2.3 系統流程圖 12 3.3 系統功能模塊設計 13 3.3.1 管理員模塊 13 3.3.2.會員模塊 14 3.4 數據庫設計15 3.4.1 主要的數據邏輯設計 .15 3.4.2 數據庫代碼設計 18 4 模塊設計及實現 19 4.1 版面功能模塊設計 19 4.1.1 版面布局設計 19 計算機學會網站的改版設計與實現 iv 4.1.2 會員登錄模塊 20 4.1.3 菜單模塊 21 4.2 管理員模塊.22 4.2.1 登錄 22 4.2.2 基礎數據管理 24 4.2.3 會員信息管理 .27 4.3 會員注冊模塊.27 5 系統的使用、測試及維護 32 5.1 建立運行環境 32 5.2 系統的測試與分析.32 5.3 維護.33 致 謝 .35 參考文獻 36 計算機學會網站的改版設計與實現 1 1 1 緒論緒論 1.11.1 系統改版的背景系統改版的背景 隨著計算機科學的發展，互聯網技術水平的提高，建立網站已經成為 一個很普遍的問題。對于個人來說，建設個性化的網站可以更加方便的收 集信息，開展更加直接的網絡交流；對于一個企業來說，建設好自己的網 站可以搶占新世紀發展的戰略要點。網站已成為了各個單位的門面，一個 網站功能的完整度、設計技巧、整體美工，從某種意義上就代表了該單位 的形象，映射該單位的實力。 1.21.2 系統改版目的及意義系統改版目的及意義 網站的建設不僅僅是制作主頁的問題，還需要考慮網站的定位、目標 用戶、網站內容、服務事項、空間方案、安全性、藝術設計、數據庫技術 等等 。在原有功能的基礎上，構造更完善的計算機學會，能夠傳遞更豐 富的信息，同時還能給人以美的藝術享受，樹立我們學會良好的社會形象。 1.31.3 系統的現狀和問題系統的現狀和問題 海南省計算機學會網站正處雛形期，功能（如標題欄）還沒有完善， 數據信息不夠靈活，某些模塊（如會員注冊）信息存在缺漏，基于原有功 能及技術，完善的同時，對整體版面進行美工設計。 asp 是企業的理財專家，是邁向電子商務時代重要的基礎建設。本系 統是基于 asp 的腳本語言，asp 有以下幾大優點： （1）開放性 在 iis 3.0 上，并不需要開發者使用一個專有的腳本語言來生成網絡 應用程序，實際上 active server pages 包括了對 vbscript 和 javascript 的本機支持。通過第三方組合組件，它還可以使用其他語言 （如 perl、rexx） 。多個腳本語言甚至可以在相同的 asp 文件中交替使用 并相互調用。而 active server 組件實際上可以用任何語言編寫，這些語 言包括 java、visual basic、c+、cobol 等等。 計算機學會網站的改版設計與實現 2 （2）易操作性 asp 使 html 設計人員可以在服務器上方便地“激活”他們的 web 頁， 可以立刻對定制化網頁和簡單的應用程序進行開發。以往需要用 perl 或 c 編寫的復雜的 cgi 程序來完成的功能（如數據庫連接） ，現在若使用 asp 則只要幾行簡單的代碼就能實現。 （3）程序與外觀分離 通過使用腳本和組件，active server pages 允許用戶將編程工作與 一個網頁的設計和其他工作分離開來。這就可以確保開發者能夠將主要的 精力用來考慮編寫程序的邏輯，而不必擔心外觀是怎樣的。同時，它也使 那些從事外觀設計的人員可以利用一些工具來對網頁進行修改，而不用過 于關心編程問題。 （4）非手工編譯 asp 的即時編譯系統在被請求時自動對 asp 源文件重新編譯，并將其 載入服務器的高速緩存中。因此，開發者對 asp 文件的修改可在瀏覽器中 立即得到反映，只需要簡單地保存該文件并在瀏覽器中刷新即可。 （5）瀏覽器獨立性 asp 提供了一種瀏覽器中樞方案來完成應用程序的設計工作。因為用 于生成動態內容的腳本可以在服務器上執行，所以開發者不必擔心客戶用 什么瀏覽器來瀏覽網點。 1.41.4 本課題要達到的目標本課題要達到的目標 本文作者對原有系統的功能改版目標如下： 關于我們、單位會員模塊要求：相關信息入庫，并在后臺添加相應內 容。 會員注冊模塊要求：對原有的注冊表進行修改，添加新的字段，要求 會員注冊必須經過管理員審核方可通過。 控制面板模塊要求：會員登陸后才顯示。 菜單模塊要求：多層菜單采用下來菜單形式。 版面布局模塊要求：以原有版面為核心，進行適當重排修改。 計算機學會網站的改版設計與實現 3 2 2 系統改版的相關技術與環境系統改版的相關技術與環境 2.12.1 aspasp 技術簡介技術簡介 asp 是 active server page 的縮寫，意為“活動服務器網頁” 。asp 是微軟公司開發的代替 cgi 腳本程序的一種應用,它可以與數據庫和其它 程序進行交互，是一種簡單、方便的編程工具。asp 的網頁文件的格式是. asp，現在常用于各種動態網站中。 asp 是一種服務器端腳本編寫環境，可以用來創建和運行動態網頁或 web 應用程序。asp 網頁可以包含 html 標記、普通文本、腳本命令以及 com 組件等。利用 asp 可以向網頁中添加交互式內容（如在線表單） ，也可 以創建使用 html 網頁作為用戶界面的 web 應用程序。 與 html 相比，asp 網頁具有以下特點： （1）利用 asp 可以實現突破靜態網頁的一些功能限制，實現動態網 頁技術； （2）asp 文件是包含在 html 代碼所組成的文件中的，易于修改和測 試； （3）服務器上的 asp 解釋程序會在服務器端制定 asp 程序，并將結 果以 html 格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都 可以正常瀏覽 asp 所產生的網頁； （4）asp 提供了一些內置對象，使用這些對象可以使服務器端腳本功 能更強。例如可以從 web 瀏覽器中獲取用戶通過 html 表單提交 的信息，并在腳本中對這些信息進行處理，然后向 web 瀏覽器 發送信息； （5）asp 可以使用服務器端 activex 組件來執行各種各樣的任務，例 如存取數據庫、發送 email 或訪問文件系統等。 （6）由于服務器是將 asp 程序執行的結果以 html 格式傳回客戶端瀏 覽器，因此使用者不會看到 asp 所編寫的原始程序代碼，可防 止 asp 程序代碼被竊取。 可見，asp 的程序編寫比 html 更方便、更具靈活性。它是在 web 服務 計算機學會網站的改版設計與實現 4 器端運行后，再將運行結果以 html 格式傳送至客戶端的瀏覽器。因此， asp 比其他腳本語言要可靠。 asp 技術快速開發工具較多，有利于系統的快速開發。同時 asp 吸收 了多種較為實用的技術，是一種發展較為成熟的網絡應用程序開發技術； 其核心技術是對組件和對象技術的充分支持。通過使用 asp 的組件和對象 技術，用戶可以直接使用 activex 控件，調用對象方法和屬性，以簡單的 方式實現強大的功能。 asp 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序 被他人剽竊，提高了程序的安全性。.asp 程序無須編譯， asp 程序的控 制部份，是使用 vbscript 、 jscript 等腳本語言來設計的，當執行 asp 程序時，腳本程序將一整套命令發送給腳本解釋器 ( 即腳本引擎 ) ，由腳本解釋器進行翻譯并將其轉換成服務器所能執行的命令。 2.22.2 aspasp 的運行環境的運行環境 asp 網頁需要相應的 web 服務器的支持，才能正常運行，其 web 服務 器主要是 pws 和 iis。 personal web server 簡稱為 pws，即個人 web 服務器，是為個人發 布網頁開發的，適用于小規模的公司內部網，僅支持 10 個并發用戶，只 能容納一個 web 站點，提供基本的 www 服務和簡單的 web 管理，支持 ado.net 訪問數據庫。pws 運行于 windows 9x/me 平臺，常用于學習、編 寫和調試 asp 頁面時用作 web 服務器。 其中，iis 功能最強，提供了對 asp 的全面支持，是創建高速、穩定 的 asp 主頁的最佳選擇。 2.32.3 iisiis 簡介簡介 microsoft internet information server 是一種 web 服務器，可讓 你在 intranet 或 internet 上發布信息。internet information server 用 http 來傳送信息。也可設定 internet information server 來提供 file transfer protocol（ftp）和 gopher 服務。ftp 服務可讓使用者將 檔案傳送到您的 web 站臺，或從 web 站臺傳送文件。gopher 服務則使用 了用來尋找文件的功能表導向通訊協定。而 http 以大大超越 gopher 通訊 計算機學會網站的改版設計與實現 5 協定許多。您可以使用 internet 服務管理員增強服務器的效能。 internet 服務管理員可以協助您設定并監視網絡上任何 windows nt server 電腦上所執行的 internet 服務。 iis 與 windownt server 完全集成在一起，因而用戶能夠利用 windows nt server 和 ntfs（nt file system，nt 的文件系統）內置的安 全特性，建立強大，靈活而安全的 internet 和 intranet 站點。 iis 支持 http（hypertext transfer protocol，超文本傳輸協議） ， ftp（fele transfer protocol，文件傳輸協議）以及 smtp 協議，通過使 用 cgi 和 isapi，iis 可以得到高度的擴展。 iis 支持與語言無關的腳本編寫和組件，通過 iis，開發人員就可以 開發新一代動態的，富有魅力的 web 站點。iis 不需要開發人員學習新的 腳本語言或者編譯應用程序，iis 完全支持 vbscript，jscript 開發軟件 以及 java，它也支持 cgi 和 wincgi，以及 isapi 擴展和過濾器 。 iis 相應性極高，同時系統資源的消耗也是最少，iis 支持 isapi，使 用 isapi 可以擴展服務器功能，iis 的一個重要特性是支持 asp。 2.42.4 iisiis 與與 aspasp 的結合的結合 在過去，客戶機/服務器結構的設計與 web 的相關技術幾乎處于平行 線上，兩者相互獨立并無法作出集成性的設計。現在我們利用 iis+asp 構 成三層式 web 結構（如圖 2.1 所示）的中間一層，將客戶機/服務器結構 與 web 密切結合，完成前后端兩者的集成輸出功能，使得 web 站點的開發 更方便，實現的功能更強大。 利用 iis+asp 技術來集成 web 前后端所帶來的強大效益可歸結為以下 幾個方面： 減少構建和維護成本 加快聯機過程 應用軟件集中在服務器端開發管理 前端可使用任何瀏覽器（ie、netscape） 后端可存取任何數據庫 (sql、access) 可使用任何腳本語言開發 (vbscript、javascript、perl) 計算機學會網站的改版設計與實現 6 2.52.5 accessaccess 20002000 數據庫簡介數據庫簡介 基于原有系統的技術，本課題仍采用微軟公司出的 office 中一個小 型數據庫access 2000。access 2000 是 office 自帶的數據庫，是 office2000 里面的一個組件，一個前后臺結合的數據庫“軟件” 。即 access 既擁有用戶界面(vb 可以用來開發用戶界面)；也擁有邏輯、流程 處理，即 vba 語言(vb 也可以用來做邏輯處理)；又可以存儲數據。 access 是桌面型關系數據庫，適合數據量少的應用，在處理少量數 據和單機訪問的數據庫時是很好的，效率也很高。但是它的同時訪問客戶 端不能多于 4 個。access 數據庫有一定的極限，如果數據達到 100m 左右， 很容易造成服務器假死，或者消耗掉服務器的內存導致服務器崩潰。 access 其獨特的優點即：界面友好、易學易用、開發簡單、操作靈活、 轉移方便、運行環境簡單，對于小型網站的數據庫處理能力效果較佳，是 典型的新一代桌面數據庫管理系統。 數據庫服務器 microsoft iis + asp 瀏覽器 后端數據庫 activex server 元件 程序和計算邏輯 activex server 元件 前端瀏覽器 圖 2.1 三層式 web 結構示意圖 計算機學會網站的改版設計與實現 7 其主要特點如下： (1)完善地管理各種數據庫對象，具有強大的數據組織、用戶管理、 安全檢查等功能。 (2)強大的數據處理功能。在一個工作組級別的網絡環境中，使用 access 開發的多用戶數據庫管理系統具有傳統的 xbase（dbase、foxbase 的統稱）數據庫系統所無法實現的客戶服 務器(cient/server)結構和相應的數據庫安全機制，access 具備 了許多先進的大型數據庫管理系統所具備的特征，如事務處理/出 錯回滾能力等。 (3)可以方便地生成各種數據對象，利用存儲的數據建立窗體和報表， 可視性好。 (4)作為 office 套件的一部分，可以與 office 集成，實現無縫連接。 (5)能夠利用 web 檢索和發布數據，實現與 internet 的連接。 access 主要適用于中小型應用系統，或作為客戶機/服務器系統中 的客戶端數據庫。 數據庫系統采用客戶/服務器結構的好處在于： (1) 數據集中存儲數據集中存項戶在服務器上，而不是分開存 儲在各客戶機上，使所以擁護都可以訪同的數據。 (2) 業務邏輯和安全規則可以在服務器上定義一次，而后被所有的 客戶使用。 (3) 關系數據庫服務器僅返回應用程序所需要的數據，這樣可以減 少網絡流量。 (4) 節省硬件開銷，因為數據都存儲在服務器上，不需要在客戶機 上存儲數據，所以客戶機硬件不需要具備存儲和處理大量數據 的能力，同樣，服務器不需要具備數據表示的功能。 (5) 因為數據集中存儲在服務器上，所以備份和恢復起來很容易。 客戶/服務器體系結構見圖 2.2： 計算機學會網站的改版設計與實現 8 圖 2.2 客戶機/服務器體系結構 2.62.6 adoado 技術技術 2.6.1 ado 簡介簡介 ado(activex data object)microsoft 數據庫應用程序開發的新接口， 是建立在 ole db 之上的高層數據庫訪問技術。ado 技術基于 com，具有 com 組件的諸多優點，可以用來構造可復用應用框架，被多種語言支持， 能夠訪問關系數據庫、非關系數據庫及所有的文件系統。另外，ado 還支 持各種客戶/服務器模塊與基于 web 的應用程序，具有遠程數據服務 （rds(remote data service)）的特性，是遠程數據存取的發展方向。 ado (active data objects)是 asp 與數據庫的接口，其訪問數據源 的方式如圖 2.3 客戶機客戶機服務器服務器 客戶機向服務器 提交任務請求 服務器將執行結 果返回給客戶 計算機學會網站的改版設計與實現 9 圖 2.3 ado 訪問數據源方式 2.6.2 ado 特點特點 (1) 易使用：ado 是高層數據庫訪問技術，所以相對于 odbc 來說具有 面向對象的特點。同時，在 ado 對象結構中，對象于對象之間的 層次結構不是非常明顯，這也給編寫數據庫程序帶來許多便利。 (2) 可以訪問多種數據源：和 ole db 一樣，它可以訪問關系型和非 關系型數據庫，具有很強的通用性和靈活性。 (3) 訪問數據庫效率高：由于它本身是基于 ole db 的，所以繼承了 ole db 的特點。 (4) 方便的eb 應用：ado 可以以 activex 控件的形式出現，方便了 web 應用程序的貶值。 (5) 技術編程接口豐富：ado 支持 vc、vb、vj、javascript、vbscript 等腳本語言。 (6) 程序占用內存少：由于 ado 是基于組件模型對象（com）的訪問 技術，所以，ado 生成的應用程序占用內存少。 asp 網頁 ado sql server 數據庫提供程序ole de 數據庫提供程序 sql server 或更高版本 accessdb2oracle sql server6.5 或更高版本其他數據庫 計算機學會網站的改版設計與實現 10 3 3 系統分析和設計系統分析和設計 3.13.1 系統需求分析系統需求分析 3.1.1 系統功能概述系統功能概述 該系統實現計算機愛好者進行互動、交流，系統提供一個交流平臺， 注冊后的會員可以根據各模塊發布的主題，發表個人看法或提出疑問，會 員登陸后可以瀏覽本學會會員風采，并可以對自己的資料進行修改更新； 管理員擁有對基本數據資料管理的權限。 3.1.2 具體的需求分析具體的需求分析 下面主要介紹各個模塊的具體功能及設計要求： 該計算機學會網站系統主要是為一些計算機愛好者提供交流平臺，它主要 有兩類用戶會員（個人及單位） 、管理員。在客戶端使用時，對于不 同的用戶，有不同的權限和操作功能。 該網站系統的主要模塊： （一）會員模塊： 1. 設置密碼：會員可以設置并修改自己的密碼。 2. 設置資料：會員可以設置修改自己的資料。 3. 發表評論與留言：會員可以對網站的內容發表評論及進行留言。 （二）管理員模塊： 1. 基本設置：對網站的基本資料進行設置管理。 2. 基礎數據：設置基礎數據：會員信息，新聞信息等。 3. 數據維護：為了數據庫的高效運行，可以對數據進行整理，清除 掉 垃圾數據；添加新數據信息并及時更新數據。 4. 用戶設置：管理員對申請會員（個人會員和單位會員）用戶進行 審核，并對用戶資料進行管理。同時，管理員可以增加，刪除，修 改管理用戶。 計算機學會網站的改版設計與實現 11 3.23.2 系統結構設計系統結構設計 3.2.1 系統的技術結構系統的技術結構 該學會網站系統基于 browser/server（瀏覽器/服務器）模式。服務 器端有 web 服務器和 database server。其中 web 服務器可用 microsoft 的 internet information server 5.0，而數據庫則可選擇 access 2000. 客戶端可分為會員系統和管理系統兩大功能模塊，通過 http 協議使 用瀏覽器訪問，它們對數據庫的訪問和操作不是直接進行的，需通過 web server 來進行，保證了系統數據的完整、安全、可靠。 本學會網站系統的網絡體系結構如圖 3.1: 圖 3.1 網站系統結構 構建一套高效、快速、穩定、安全的計算機學會網站系統，可以讓更 多的計算機愛好者不受時間及空間的限制，隨時隨地進行技術交流學習， 對一個問題學習到不只一種的解決方法及思維，提高了解決問題的能力， 增加了見識。 3.2.2 系統總體結構設計系統總體結構設計 該計算機學會網站系統的主要實現是為一些計算機愛好者提供交流平 臺，它主要有兩類用戶會員、管理員。大概分為兩個大模塊，即管理 員模塊、會員（個人會員及單位會員）模塊。模塊與模塊間，模塊內部間 的結構（如圖 3.2） 計算機學會網站的改版設計與實現 12 計算機學會網站系統 設 置 密 碼 設 置 資 料 數 據 維 護 發 表 評 論、 留 言 用 戶 設 置 基 礎 數 據 基 本 設 置 會員模塊管理員模塊 安 全 退 出 圖 3.2 模塊結構 3.2.3 系統流程圖系統流程圖 圖 3.3 會員流程圖 會員登陸 發表評論、留言 安全退出 設置密碼 設置資料 會員信息表 計算機學會網站的改版設計與實現 13 圖 3.4 管理員流程圖 3.33.3 系統功能模塊設計系統功能模塊設計 3.3.1 管理員模塊管理員模塊 (1)(1) 管理員模塊的功能描述：管理員模塊的功能描述： 本模塊實現的主要功能是對網站的基本資料及基礎數據進行設置 管理；對申請入會的會員進行審核，既有最高權限對用戶資料進行管 理，增加、刪除、修改用戶權限；對數據進行維護。 （2 2）管理員模塊的框架）管理員模塊的框架 根據管理員享有的功能，建立與這些功能相對應的文件，構建框架 如下圖 3.5 所示： 管理員 登陸 基本設置 基礎數據設置 數據維護 用戶設置 個人會員信息表 個人會員設置 單位會員設置 單位會員信息表 計算機學會網站的改版設計與實現 14 圖 3.5 管理員框架圖 3.3.2.會員模塊會員模塊 (1)(1) 會員模塊的功能描述：會員模塊的功能描述： 本模塊對會員可以實現注冊登錄，登錄后的會員有權設置修改自己的 密碼跟資料，并可以發表評論及留言。 (2)(2) 會員模塊的框架如圖會員模塊的框架如圖 3.63.6 圖 3.6 會員框架圖 index.asp 功能：網站 首頁，會員 登陸、注冊 頁面 user/register.asp 功能：注冊 user/edituserinfo.asp 功能：設置修改密碼及資料 message/showmessage.asp 功能：發表評論、留言 db login.asp 登陸 管理員平臺 index.asp 管理員平臺 manage/sitemanage/sitesetup.asp 管理員對基本資料的設置 manage/usermanage/usermanage.asp 管理員對用戶資料的設置管理 manage/databasemanage/backup.asp 管理員對數據的維護 db manage/menu.asp 管理員對基礎數據的設置 計算機學會網站的改版設計與實現 15 3.43.4 數據庫設計數據庫設計 .1 主要的數據邏輯設計主要的數據邏輯設計 表 3.1 about 表（網站基礎數據） 列名數據類型字段大小是否允許為空 序號自動編號長整型否 標題文本 50 是 內容備注是 地址文本 50 是 鏈接到文本 50 是 發布時間日期/時間是 表 3.2 boards 表（學會論壇） 列名數據類型字段大小是否允許為空 序 號數字長整型否 論壇名文本 50 是 最后訪問者文本 20 是 最后訪問時間日期/時間是 表 3.3 company_member 表（單位會員信息） 列名數據類型字段大小是否允許為空 序號自動編號長整型否 單位名稱文本 100 是 單位網址文本 100 是 表 3.4 config 表（會員注冊問題） 列名數據類型字段大小是否允許為空 序號數字長整型否 問題一文本 100 是 答案一文本 100 是 問題二文本 100 是 答案二文本 100 是 計算機學會網站的改版設計與實現 16 表 3.5 ec 表（個人會員信息） 列名數據類型字段大小是否允許為空 序號自動編號長整型否 學號文本 20 是 姓名文本 12 是 性別文本 4 是 出生年月日期/時間是 職務/職稱文本 50 是 籍貫文本 30 是 聯系電話文本 45 是 工作單位文本 50 是 通訊地址文本 50 是 郵政編碼文本 6 是 郵箱文本 30 是 畢業專業文本 40 是 畢業時間日期/時間是 工作簡歷、業績備注是 入會理由備注是 checkcode 是/否是 表 3.6 link 表（友情連接） 列名數據類型字段大小是否允許為空 序號數字長整型是 單位名稱文本 200 是 單位圖片文本 200 是 單位網址文本 200 是 表 3.7 news 表（新聞） 列名數據類型字段大小是否允許為空 序號自動編號長整型否 新聞標題文本 100 是 計算機學會網站的改版設計與實現 17 標題顏色文本 50 是 新聞內容備注是 添加時間日期/時間是 表 3.8 photo 表（照片管理） 列名數據類型字段大小是否允許為空 照片編號數字整型是 存放照片路徑文本 50 是 照片主題文本 50 是 上傳主人文本 50 是 上傳時間日期/時間是 留言次數數字長整型是 點擊次數數字長整型是 照片大小數字單精度型是 照片格式文本 50 是 表 3.9 votel 表(關于網站設計投票) 列名數據類型字段大小是否允許為空 序號自動編號長整型否 主題備注是 欄目設置提問文本 255 是 欄目設置問答數字長整型是 版面設計提問文本 255 是 版面設計回答數字長整型是 關于功能提問文本 255 是 功能回答數字長整型是 關于內容提問文本 255 是 內容回答數字長整型是 計算機學會網站的改版設計與實現 18 3.4.2 數據庫代碼設計數據庫代碼設計 本課題所有數據信息均存于 data/freedom.asp 庫中，數據庫代碼設計 如下： 計算機學會網站的改版設計與實現 19 4 4 模塊設計及實現模塊設計及實現 4.14.1 版面功能模塊設計版面功能模塊設計 4.1.1 版面布局設計版面布局設計 原網站系統界面設計較單調，現根據個人想法，做布局調整及基本美工設 計。設計前后整體界面效果對照如圖 4.1 圖 4.1 改版前后對照圖 計算機學會網站的改版設計與實現 20 4.1.2 會員登錄模塊會員登錄模塊 會員登錄后，顯示原系統的控制面板，監控會員身份。改版前后對比圖如 下： 圖 4.2 會員登錄前后對照圖 程序設計說明及實現： 首先判斷會員是否登錄，即判斷用戶名（username）是否為空，如果不為 登錄后 計算機學會網站的改版設計與實現 21 空，則調用 showuserinfomation。會員登錄后，在原會員登錄模塊位置被原系統 的控制面板模塊覆蓋，以監控會員身份。主要代碼設計實現如下： “ then call showuserinfomation % 4.1.3 菜單模塊菜單模塊 菜單模塊采用下拉菜單形式：對原來系統多層的菜單采用下拉菜單形式， 因實現方法相同，故只列舉學會論壇模塊分析，而不再累贅其他模塊。效果如 圖 4.3 圖 4.3 下拉菜單圖 程序設計說明及實現： 對原來存于文件/inc 中的 txlfun1.asp 及 txlfun.asp 文件的對應位置作修改， 把原源代碼： bbs/index.asp“學會論壇 修改為以下實現代碼： 計算機學會網站的改版設計與實現 22 學術專題 電腦園地 學會沙龍 談天說地 4.24.2 管理員模塊管理員模塊 4.2.1 登錄登錄 管理員登錄頁面如圖 4.4 所示 圖 4.4 管理員登錄 程序設計說明及實現： 首先從輸入框獲取用戶輸入的用戶代碼（admin） ，用戶密碼（password） 以及驗證碼的字符串，并判斷是否與存放在 /inc/txlconst.asp 文件中的賬號、 密碼一致，驗證碼符合要求，如果滿足條件，轉管理員平臺頁面 index.asp； 若不滿足則返回管理員登錄頁面。代碼實現如下： 計算機學會網站的改版設計與實現 23 管理員平臺頁面如圖 4.5 所示， 在學會網站信息管理模塊內，添加關于我們及單位會員兩項。 圖 4.5 管理員平臺頁面 計算機學會網站的改版設計與實現 24 程序設計說明及實現： 添加此兩項，分別與 infomanage/about.asp 和 infomanage/danweihuiyuan.asp 鏈接。 關于我們 單 位會員 .2 基礎數據管理基礎數據管理（數據信息入庫并加入后臺） （1 1）關于我們的模塊后臺頁面如圖）關于我們的模塊后臺頁面如圖 4.64.6 所示所示 圖 4.6 關于我們模塊的后臺信息 主要程序設計說明及實現： 對基本框架的設計實現: id 計算機學會網站的改版設計與實現 25 標題 時間 操作 還沒有添加主題! “) else while not rs.eof % &action=show“查看 | &action=edit“編輯 | &action=del“ onclick=“javascript:return confirm(你確實要刪除這個記錄嗎?)“刪除 新增主題 計算機學會網站的改版設計與實現 26 查詢數據庫: （2 2）單位會員模塊后臺頁面如圖）單位會員模塊后臺頁面如圖 4.74.7 所示所示 圖 4.7 單位會員后臺信息 主要程序設計說明及實現： 基本框架設計實現類似關于我們模塊,故在此不再重復,只簡單介紹數 據庫的查詢實現，主要實現代碼如下： .3 會員信息管理會員信息管理 會員信息（已通過審核的會員）頁面如圖 4.8 所示 圖 4.8 會員信息 程序設計說明： 基于原來系統的實現，在會員信息表中增加新的字段，并要求注冊的用戶 須經過管理員審核后方可通過。對這一要求，在系統代碼實現中通過添加一變 量值來控制，當值為“1”時，表審核通過，為“0”則不通過。同時，用來對 申請入會的用戶進行審核，對應數據庫個人會員信息表中添加的“checkcode” 字段，該字段值為“1”時，表審核通過，為“0”則不通過。 4.34.3 會員注冊模塊會員注冊模塊 會員模塊主要改版其注冊頁面，對其添加某些字段，使注冊的用戶信息更 全面。注冊頁面如圖 4.9 所示 計算機學會網站的改版設計與實現 28 圖 4.9 會員注冊頁面 計算機學會網站的改版設計與實現 29 主要程序設計實現： 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“) 計算機學會網站的改版設計與實現 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 計算機學會網站的改版設計與實現 31 rs(“newaddr“)=newaddr rs(“newzip“)=newzip rs(“pwdquest“)=question rs(“pwdanswer“)=answer rs(“logintimes“)=0 rs(“pic“)=faceurl rs(“forumtimes“)=0 rs(“lastedtime“)=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 計算機學會網站的改版設計與實現 32 5 5 系統的使用、測試及維護系統的使用、測試及維護 5.15.1 建立運行環境建立運行環境 系統需要安裝 iis 服務器(internet 信息服務器)服務器。iis 服務器 是 windows 操作系統中的一個組件,在 windows xp 系統安裝默認情況下不 安裝 iis 服務器,需要自己安裝,而在 windows2000 是服務器版本的操作系 統,系統默認下安裝了 iis. 以 windows xp 環境為例安裝 iis5.1 的方法, 第一、先下載 iis5.1； 第二、下載好后，記住你下載的物理路徑，最好是直接下載到你的根目錄 下,比方說直接下載到 f 盤。不要下載到文件夾里；第三、iis5.1 是個壓 縮文件，我們就把它解壓到當前文件夾。這時我們會看 iis51 這個文件夾， 這就是我們要安裝到電腦里的 iis5.1, 第四、打開開始控制面板添 加/刪除程序添加刪除 windows 組件在 internet 信息服務上畫對勾 就是將它勾選上,然后根據安裝導航安裝。 另外還有一種方法，在你 安裝系統的時候，當然我說的是 xp 系統，安裝完成后，不要取出光盤， 打開開始控制面板添加/刪除程序添加刪除 windows 組件在 internet 信息服務上畫對勾就是將它勾選上 ，直接安裝，很容易就把 iis 安上了。不過前提是你的光盤一直不要取出。 iis 配置成功后，本系統調試還需要一個編程工具dreamveawer mx 2004。下載其安裝包，解壓安裝即可。 5.25.2 系統的測試與分析系統的測試與分析 為了保證本系統投入使用后能夠正確運行，在程序編寫完畢之后