通用中學(xué)網(wǎng)站的設(shè)計與實現(xiàn)

1、忻忻 州州 師師 范范 學(xué)學(xué) 院院 計算機系本科畢業(yè)（設(shè)計）論文計算機系本科畢業(yè)（設(shè)計）論文 二零一零年六月 課題名稱 通 用 中 學(xué) 網(wǎng) 站 的 設(shè) 計 與 實 現(xiàn) 專 業(yè) 計 算 機 科 學(xué) 與 技 術(shù) 姓 名 學(xué) 號 指導(dǎo)教師 目 錄 1 引言引言.2 1.1開發(fā)和研究背景與現(xiàn)狀.2 1.2開發(fā)目的與意義.2 1.3開發(fā)環(huán)境.3 1.4論文組織與結(jié)構(gòu).3 2 網(wǎng)站需求分析網(wǎng)站需求分析.4 2.1運行需求分析.4 2.2功能需求分析.4 2.3可行性分析.5 3 網(wǎng)站的設(shè)計網(wǎng)站的設(shè)計.7 3.1整體設(shè)計.7 3.2詳細設(shè)計.9 3.3數(shù)據(jù)庫設(shè)計.11 4 網(wǎng)站實現(xiàn)網(wǎng)站實現(xiàn).13 4.1網(wǎng)站

2、主頁.13 4.2管理員登錄模塊.13 4.3文章管理模塊.14 4.4用戶注冊模塊.15 4.5欄目管理模塊.15 4.6留言網(wǎng)站.15 4.7數(shù)據(jù)加密技術(shù).16 4.8數(shù)據(jù)庫的連接.17 5 網(wǎng)站測試與維護網(wǎng)站測試與維護.18 5.1測試方法.18 5.2測試內(nèi)容與結(jié)果.18 5.3測試分析.19 5.4網(wǎng)站的維護.19 6 結(jié)束語結(jié)束語.20 致致 謝謝.21 參考文獻參考文獻.22 通用中學(xué)網(wǎng)站的設(shè)計與實現(xiàn) 摘摘 要：要：學(xué)校網(wǎng)站是實現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫，它集全社會的力 量，使教育資源無限增長。通用中學(xué)網(wǎng)站是為大部分甚至全部中學(xué)學(xué)校所設(shè)計的一款學(xué)校 校園網(wǎng)站模板，

3、用戶只要修改相關(guān)的信息就可以使用，這樣將會使中學(xué)學(xué)校都可以擁有自 己的網(wǎng)站，進一步宣傳自己學(xué)校的信息，也可以了解更多相關(guān)的信息。 本文講述了利用 dreamweaver mx 和 asp 進行網(wǎng)站設(shè)計的開發(fā)過程，對網(wǎng)站的設(shè)計及 網(wǎng)站的實現(xiàn)進行了詳細的說明。本文的主要內(nèi)容主要是利用 asp 和 dreamweaver mx 的開 發(fā)環(huán)境的架設(shè)開始，一步步實現(xiàn)中學(xué)網(wǎng)站各個功能模塊。本文的主要內(nèi)容主要包括 html，dreamweaver mx，asp，microsoft access 2003 語言的基本概念及高級應(yīng)用，asp 與 數(shù)據(jù)庫的連接。 關(guān)鍵字關(guān)鍵字：學(xué)校網(wǎng)站 asp 模板 網(wǎng)站設(shè)計 a

4、bstract：school site is the bridge distribution of educational resources to achieve a huge educational resource network library,which combines the power of the whole society,so that unlimited growth of educational resources.general secondary site for most if not all secondary schools in a school camp

5、us designed website templates,users can modify the relevant information can be used,this will provide secondary schools can have their own websites to further publicize their information in schools,you can learn more information. this paper describes the use dreamweaver mx and asp for web design dev

6、elopment process,website design and website on the implementation of a detailed description.the main contents of this paper is to use asp and dreamweaver mx development environment set up the beginning,a middle school site step by step to achieve the various functional blocks.the main contents inclu

7、de html，dreamweaver mx,asp,microsoft access 2003 language,basic concepts advanced applications,asp and database. keywords: school site asp template web design 1 引言引言 1.1 開發(fā)和研究背景與現(xiàn)狀開發(fā)和研究背景與現(xiàn)狀 internet 正在改變世界，由于 internet 具有傳播信息容量極大、形態(tài)多樣、 迅速方便、全球覆蓋、自由和交互的特點，已經(jīng)發(fā)展成為新的傳播媒體，現(xiàn)在 很多學(xué)校和眾多企業(yè)部門都已經(jīng)建立了自己的網(wǎng)站，通過計算機網(wǎng)

8、絡(luò)實現(xiàn)宣傳、 交流及資源的整合。但是，據(jù)最近網(wǎng)上調(diào)查，只有部分比較發(fā)達的學(xué)校有，如 黃岡中學(xué)，重慶萬州中學(xué)，以及部分學(xué)?；蛘咚饺怂_設(shè)的精品課程，對于大 部分中學(xué)還不具備這樣的網(wǎng)絡(luò)條件，更沒有一套屬于自己的網(wǎng)站。所以可以看 出通用中學(xué)網(wǎng)站研究的必要性。 學(xué)校網(wǎng)站能夠提供個性化的學(xué)習(xí)平臺，不同的學(xué)生理解世界的方式各不相 同，認知世界有諸多方式。網(wǎng)絡(luò)提供的豐富資源可以使學(xué)生尋覓不同的教育方 式，各取所需。學(xué)校網(wǎng)站允許不同的學(xué)生沿著自己的途徑，按自己的速度接受 教育與學(xué)習(xí)，學(xué)生將有機會享受最佳的教育機會，充分發(fā)掘自己的內(nèi)在潛力， 培植獨特的個性和人格。 html 作為一種樣式語言，隨著 intern

9、et 上信息量的增多和交互性的加強使 html 顯得越來越難以勝任的情況之下，而 asp 能夠徹底實現(xiàn)用戶與管理人員的 交互性，在 asp 編程語言高度發(fā)展的形式下，asp 能夠很好的解決這些復(fù)雜交 互的動態(tài)性，于是也開始了對學(xué)校網(wǎng)站的動態(tài)開發(fā)，即而讓學(xué)校網(wǎng)站更加的互 動。 1.2 開發(fā)目的與意義開發(fā)目的與意義 隨著計算機技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對大家的學(xué)習(xí)、生活和工作顯得越來越 重要，特別是現(xiàn)在信息高度發(fā)達的今天，人們對最新信息的需求和發(fā)布迫切的 需要及時性。而動態(tài)交互式網(wǎng)頁剛好提供了這些功能，本網(wǎng)站就是一個能夠在 網(wǎng)上實現(xiàn)新聞，文章，資源等的網(wǎng)上發(fā)布，多欄目管理，實時的進行行為統(tǒng)計 和記錄的網(wǎng)

10、上交互網(wǎng)站，達到師生間、家校間的交流。 通用中學(xué)網(wǎng)站的開發(fā)，等于給大部分學(xué)校制作了一個簡單的網(wǎng)絡(luò)平臺，讓 更多的學(xué)校更快更好的擁有自己的一個網(wǎng)站，接受更多流動信息，以及剛好的 宣傳自己學(xué)校和企業(yè)等；它是一款開放而自動化的網(wǎng)站，即使你不會網(wǎng)站或者 網(wǎng)站建設(shè)，但是你可以通過這樣的模板的后臺的相關(guān)信息的修改、刪除、添加 等，以及更改用戶資料來擁有一個真正屬于自己的網(wǎng)站。 1.3 開發(fā)環(huán)境開發(fā)環(huán)境 1.3.1 網(wǎng)站平臺 采用 browser/server 體系結(jié)構(gòu)，服務(wù)器端采用運行最低配置要求（全部為 中文環(huán)境）操作網(wǎng)站 windows xp 以上版本，安裝 microsoft internet ex

11、plorer 7.0 以上版本既可獲得： web 服務(wù)器 asp 服務(wù)器 數(shù)據(jù)引擎 microsoft access 2003 權(quán)限要求 對 microsoft access 2003 數(shù)據(jù)庫具有建表、備份的權(quán)限 空間大小 初次安裝至少 10m 可用空間 硬件要求 piii500 cpu 256m 內(nèi)存或更高 帶寬要求 10m 共享或更高 客戶端軟件，包括單機操作網(wǎng)站和瀏覽器軟件，分別選用 windows xp 和 internet explorer，數(shù)據(jù)庫網(wǎng)站采用 microsoft access 2003 有利于方便操作。 1.3.2 開發(fā)工具 基于 web 的網(wǎng)站開發(fā)工具應(yīng)使開發(fā)者使用各

12、種各樣的技術(shù)來創(chuàng)建動態(tài)的 web 應(yīng)用程序，并且應(yīng)是一個可視化的工具2。我所采用的是 dreamweaver mx 進行開發(fā)，它是用來快速創(chuàng)建數(shù)據(jù)驅(qū)動 web 應(yīng)用程序的基于團隊的開發(fā)環(huán)境， 支持 asp，以 odbc 連接數(shù)據(jù)庫，腳本語言為簡單易學(xué)的 javascript 或 vbscript。 1.4 論文組織與結(jié)構(gòu)論文組織與結(jié)構(gòu) 第一部分：引言，主要介紹了通用中學(xué)網(wǎng)站的發(fā)展現(xiàn)狀和背景，以及本論 文的研究背景和研究工作，該網(wǎng)站的設(shè)計目的。 第二部分：網(wǎng)站的需求分析，本章主要對網(wǎng)站的需求做了分析，包括用戶 需求、技術(shù)需求和功能需求，便于論文后面的描述。 第三部分：網(wǎng)站的設(shè)計，給出了網(wǎng)站的設(shè)計

13、原則以及該網(wǎng)站的整體設(shè)計和 詳細設(shè)計，以及數(shù)據(jù)庫的設(shè)計。 第四部分：網(wǎng)站模塊的實現(xiàn)，將各個模塊加以實現(xiàn)。 第五部分：網(wǎng)站的測試，對網(wǎng)站各個模塊和整體進行測試并進行分析。 第六部分：總結(jié)，本章對全文工作進行總結(jié)，指出了還需改進的地方。 2 網(wǎng)站需求分析網(wǎng)站需求分析 internet 正在改變世界，由于 internet 具有傳播信息容量極大、形態(tài)多樣、 迅速方便、全球覆蓋、自由和交互的特點，已經(jīng)發(fā)展成為新的傳播媒體。作為 現(xiàn)代化的學(xué)校，擁有一套完整的應(yīng)用網(wǎng)絡(luò)已經(jīng)是最基本的設(shè)施了，其規(guī)模與水 平將充分的體現(xiàn)和衡量學(xué)校教學(xué)水平的高低的一個重要依據(jù)。通過網(wǎng)站，全面 宣傳，展示學(xué)校風采、優(yōu)勢與特色，發(fā)布

14、學(xué)校重大活動安排與招生信息，增強 家長與學(xué)校之間的聯(lián)系，在 internet 上實現(xiàn)完成部分校務(wù)，提高辦事效率。這個 學(xué)校網(wǎng)站是個集新聞、信息、交流為一體的網(wǎng)站，網(wǎng)站的各種功能設(shè)計能夠符 合學(xué)校網(wǎng)站的要求，新聞信息、公告、文章等發(fā)布功能的實現(xiàn)，能夠給網(wǎng)站更 多的生氣，更多的實現(xiàn)了用戶與學(xué)校之間的交互性。 2.1 運行需求分析運行需求分析 在調(diào)試和運行過程中，應(yīng)該能夠讓網(wǎng)站正常使用時不出錯，若運行時遇到 不可恢復(fù)的網(wǎng)站錯誤，也應(yīng)該保證數(shù)據(jù)完好無損，對數(shù)據(jù)的精確度、時間特性、 適應(yīng)性等都有一定要求，要求網(wǎng)站運行時，能夠保證數(shù)據(jù)的正確性、信息的可 靠性、實現(xiàn)的高效性、網(wǎng)站的易使用性、網(wǎng)站管理的可維護

15、性、信息的可測試 性、數(shù)據(jù)的復(fù)用性、數(shù)據(jù)庫的安全保密性、數(shù)據(jù)的可移植性以及網(wǎng)絡(luò)互聯(lián)性。 2.2 功能需求分析功能需求分析 1.基本功能： （1）網(wǎng)站基本資料設(shè)置（網(wǎng)站名稱、網(wǎng)址、等等的一些基本設(shè)置） 。 （2）頁底部功能菜單設(shè)置內(nèi)容增加更改。 （3）可添加無數(shù)條公告在前臺自動顯示。 （4）內(nèi)新聞及教學(xué)文章添加與修改。 （5）模板添加和管理，導(dǎo)入，導(dǎo)出。 （6）投票網(wǎng)站后臺可添加多個投票項目，可以設(shè)置前臺顯示例數(shù)；前臺發(fā) 表評論功能。 （7）對密碼進行了 md5 加密。 2.文章功能：文章分類欄目管理功能，專題欄目管理功能，分類模版設(shè)置 管理。文章添加功能是否推薦，固頂，熱門等功能，支持 url

16、 轉(zhuǎn)向，如果設(shè)置 了網(wǎng)址，那么打開此文章后，自動跳轉(zhuǎn)到設(shè)置的 url ，前臺支持固頂文章，推 薦文章和熱點文章的調(diào)用，文章模糊搜索功能，內(nèi)部使用了多功能編輯器可方 便地用拖動的方式進行圖文混排、圖片文件上傳、微縮圖上傳顯示效果處理等 操作。 3.圖片功能：圖片欄目分類管理與修改，添加圖片可自行上傳圖片自動識 別圖片的大小。 4.友情連接功能：可添加無數(shù)分類 例為 logo 連接和文字連接，后臺直 接添加連接和前臺申請鏈接，鏈接修改，刪除，審核鏈接等一些功能。 5.網(wǎng)站公告管理功能：所有欄目公告，其他頁面欄目公告，鏈接修改，刪 除，審核鏈接等一些功能。 6.留言本功能：留言本前臺瀏覽留言和發(fā)表留

17、言功能，管理員回復(fù)，修改， 刪除等功能。 7.用戶密碼功能：管理員在線修改密碼。 8.數(shù)據(jù)庫管理：在線數(shù)據(jù)庫壓縮需 fso 的支持，在線數(shù)據(jù)庫備份，在線數(shù) 據(jù)庫操作注意，請備份好數(shù)據(jù)庫在進行操作。 2.3 可行性分析可行性分析 學(xué)校網(wǎng)站的核心是，提供各種信息資源的共享，包括教學(xué)資源、教育知識、 管理信息等的共享，以加強師生，家長與學(xué)校和教師與教師之間的溝通與交流； 以及管理人員與教師之間的交互，從而為學(xué)校教育的現(xiàn)代化和管理的科學(xué)化提 供良好的基礎(chǔ)。 2.3.1 技術(shù)可行性 本網(wǎng)站用 html，dreamweaver mx，asp 和 microsoft access 2003 語言的應(yīng) 用，以

18、及 asp 與數(shù)據(jù)庫的連接。他們分別有各自的不同優(yōu)勢，所以合在一起運 用將很方便。 1.asp 技術(shù)分析 asp 是一個位于服務(wù)器端的腳本運行環(huán)境。通過這種環(huán)境，用戶可以創(chuàng)建 和運行動態(tài)的交互式 web 服務(wù)器應(yīng)用程序，如交互式動態(tài)網(wǎng)頁，包括使用 html 表單收集和處理信息、上傳與下載等。asp 開發(fā) web 應(yīng)用程序的主要特點： （1）完全嵌入 html，與 html、script 語言完美結(jié)合。 （2）無需編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。 （3）activex server components 具有無限可擴充性。 （4）使用腳本語言（javascript、vbscript 或 p

19、erl）編寫。 （5）存取數(shù)據(jù)庫輕松容易（使用 ado 組件） 。 （6）可使用任何語言編寫自己的 activex server 組件。 （7）無瀏覽器兼容問題。 （8）程序代碼隱藏，客戶端僅能看到 asp 輸出的 html 文件。 （9）縮短 web 開發(fā)時間。 2.microsoft access 2003 的分析 （1）存儲方式單一 ； （2）面向?qū)ο螅?（3）界面友好、易操作 ； （4）集成環(huán)境、處理多種數(shù)據(jù)信息 ； （5）microsoft access 2003 支持 odbc（開發(fā)數(shù)據(jù)庫互連， open data base connectivity），利用 microsoft a

20、ccess 2003 強大的 dde（動態(tài)數(shù)據(jù)交 換）和 ole（對象的聯(lián)接和嵌入 ）特性，可以在一個數(shù)據(jù)表中嵌入位圖、 聲音、excel 表格、word 文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。 microsoft access 2003 還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動態(tài)數(shù)據(jù)相聯(lián) 接。利用數(shù)據(jù)庫訪問頁對象生成 html 文件，輕松構(gòu)建 internet/intranet 的 應(yīng)用。 2.3.2 可靠性和安全性分析 1.可靠性：建設(shè)的通用網(wǎng)站應(yīng)該有高的可靠性的，達到二十四小時的不間 斷，無故障，能穩(wěn)定運行。 2.安全性：由于整個學(xué)校的管理事務(wù)都將放到網(wǎng)絡(luò)上，部分數(shù)據(jù)將要求絕 對安全，

21、可以訪問和不可以訪問已經(jīng)嚴格限制。 2.3.3 用戶可行性分析 用戶可以通過口令驗證或者直接注冊進入網(wǎng)站，可以實現(xiàn)的相關(guān)功能，而 如果是管理員，也同樣能實現(xiàn)相關(guān)功能。如管理員的信息修改：可以是主頁上 的圖片，新聞或者文章等。 3 網(wǎng)站的設(shè)計網(wǎng)站的設(shè)計 通過對網(wǎng)站需求分析和數(shù)據(jù)庫分析，把本網(wǎng)站分為前臺和后臺管理，其中 前臺管理中，用戶可以瀏覽主頁先關(guān)內(nèi)容、用戶注冊、管理員登錄、在線投票、 發(fā)表留言等，后臺管理主要是對文章信息、留言信息、主頁信息等進行添加、 刪除、修改。 3.1 整體設(shè)計整體設(shè)計 3.1.1 網(wǎng)站主頁設(shè)計 網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合， 體現(xiàn)學(xué)

22、校的勃勃生氣。主頁主要的結(jié)構(gòu)圖如圖 3.1 所示： 圖 3.1主頁結(jié)構(gòu)圖 3.1.2 界面設(shè)計 設(shè)置公開地聯(lián)系方式及其用戶信息反饋的留言網(wǎng)站； 設(shè)置網(wǎng)站整體信息與用戶為一體；設(shè)置完善地個性化會員管理與交互網(wǎng)站； 網(wǎng)站的整體顏色：白色為導(dǎo)航顏色；主體顏色：天藍色；字體：宋體； 網(wǎng)站統(tǒng)一頂部為導(dǎo)航條：學(xué)校概況、走進學(xué)校、教學(xué)科研、校園建設(shè)、教 師園地、學(xué)生活動、工會建黨、家校互動、財務(wù)管理、社區(qū)論壇，教學(xué)管理； 學(xué) 校 概 況 學(xué) 生 活 動 招 生 信 息 教 師 園 地 學(xué) 生 活 動 黨 建 管 理 規(guī) 章 制 度 支 部 活 動 實 踐 活 動 招 生 簡 章 會 考 信 息 留 言 板

23、教 學(xué) 管 理 財 務(wù) 管 理 家 校 互 通 教 育 科 研 家 訪 記 錄 來 訪 登 記 教 學(xué) 進 度 作 息 時 間 授 課 計 劃 其 他 功 能 用 戶 注 冊 主頁 網(wǎng)站上中部：網(wǎng)站圖片與動態(tài)的 flash 結(jié)合，全站搜索；位置導(dǎo)航； 網(wǎng)站中部：網(wǎng)站信息；視頻點播；站點統(tǒng)計；熱點關(guān)注；公告欄；圖文信 息；在線投票；社會調(diào)查；學(xué)校版塊；站點導(dǎo)航；最新留言等。 網(wǎng)站底部：后臺管理登陸；網(wǎng)站版面制作；版權(quán)信息。 3.1.3 網(wǎng)站模塊結(jié)構(gòu)圖 圖 3.2網(wǎng)站模塊結(jié)構(gòu)圖 3.1.4 結(jié)構(gòu)設(shè)計 本網(wǎng)站的各個功能入口比較多，因此需要一個專門的文件來顯示各種后臺 入口，而且在網(wǎng)頁中還要顯示出用戶

24、在留言板塊和管理員在后臺模塊的信息， 因此整個網(wǎng)站使用了框架（frame）結(jié)構(gòu)，這樣操作比較方便，結(jié)構(gòu)美觀。 3.1.5 網(wǎng)頁布局設(shè)計 實際內(nèi)容占據(jù)網(wǎng)頁的大部分空間，為 50%80%，導(dǎo)航部分不超過 20%。 顏色的選擇以藍白色為主，沒有使用太多的顏色來修飾某個對象，此外，正文 和背景色的對比度較大，一般字色為默認的黑色。為了提高網(wǎng)頁的可讀性，標 網(wǎng)站基本結(jié)構(gòu)圖 文章管理模塊 欄目管理模塊 資源管理模塊 登錄驗證模塊 會員論壇工具模塊 會員瀏覽模塊 會員注冊模塊 系統(tǒng)留言模塊 網(wǎng)站瀏覽模塊 本站專題模塊 圖片欣賞模塊 網(wǎng) 站 前 臺 模 塊 后 臺 管 理 模 塊 會 員 模 塊 題區(qū)、標題行

25、和正文區(qū)使用了不同大小的字體，正文使用的是靜止的文字，且 字體足夠大，以便于閱讀。 3.1.6 相關(guān)站點引導(dǎo)鏈接 一個好的網(wǎng)站的基本要素是用戶進入后，與本網(wǎng)站相關(guān)的信息都可以方便 快捷地找到，其中要借助于相關(guān)的站點，所以做好導(dǎo)引是一項重要的工作。超 文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計算機成為超大規(guī)模的信息庫，鏈接到 其它網(wǎng)站輕而易舉。在設(shè)計網(wǎng)頁的導(dǎo)引組織時，應(yīng)該給出多個相關(guān)網(wǎng)站的鏈接， 使得用戶感到想得到的信息就在鼠標馬上就可以點擊的地方。 3.2 詳細設(shè)計詳細設(shè)計 3.2.1 功能設(shè)計 這個中學(xué)學(xué)校網(wǎng)站主要實現(xiàn)新聞、信息等功能，目標用戶主要是在校學(xué)生 和教師。 先明確這個學(xué)校網(wǎng)站提供的主要

26、功能： 1.注冊登錄網(wǎng)站：提供用來在論壇中發(fā)表建議和交流功能。 2.學(xué)校留言網(wǎng)站：提供學(xué)校在線技術(shù)支持和咨詢的功能。 3.教學(xué)科研專區(qū)：提供學(xué)校教師在個方面的成果及發(fā)表文章等功能。 4.新聞公告專區(qū)：提供有關(guān)學(xué)院的公告通知，學(xué)校的最新資訊。 3.2.2 前臺新聞文摘顯示設(shè)計 可以根據(jù)網(wǎng)站的需要,進行各種方式的插入,自動更新，如顯示欄目導(dǎo)航,顯 示某欄目的最新 n 條新聞等。 本網(wǎng)站使用管理網(wǎng)站制作動態(tài)網(wǎng)頁,可在需要的 地方插入相應(yīng)的代碼,即可以多種形式顯示新聞 文章的欄目或內(nèi)容。 3.2.3 后臺管理模塊的網(wǎng)站設(shè)計 1.文章欄目管理：增加,修改,刪除一級,二級文章欄目。 2.文章添加：按不同欄

27、目添加文章,html 格式或源代碼顯示,支持圖片上傳。 3.新聞文章：在后臺管理網(wǎng)站中上傳一些文章和圖片等，并可以在前臺查 詢這些文章。 4.管理員管理：后臺管理網(wǎng)站的管理員信息設(shè)置。 5.其他項目管理：郵件處理，主機環(huán)境變量，組件支持情況，后臺使用幫 助，文章在線管理等。 6.留言網(wǎng)站管理：發(fā)表，刪除，回復(fù)留言等。 7.友情鏈接管理：分類管理，添加鏈接，鏈接管理，審核申請的鏈接等。 8.圖片文件管理：分類管理，添加新文章，管理已存在的文章等。 3.2.4 用戶功能設(shè)計 要判斷是否可以進入后臺操作，必須通過身份驗證，來判斷是普通用戶還 是管理員等，對不同的用戶設(shè)定不同的權(quán)限。對于普通用戶來說，

28、可以注冊登 錄、修改用戶資料、瀏覽、下載、查詢信息、在線交流、留言等，而對于管理 員用戶來說，權(quán)限很大，還可以進行更改登錄信息和口令，修改刪除用戶信息， 以及網(wǎng)站信息的管理等。該流程圖是從用戶的角度開始的，登錄用戶可以更好 地使用本站提供的信息服務(wù)、個性化服務(wù)及定期的網(wǎng)站活動；而未登錄用戶僅 僅可以瀏覽信息，無法進行社區(qū)等本站相關(guān)的活動及服務(wù)。 用戶管理模塊工作流程分解如圖 3.3 所示: 用戶登錄 驗證口令 判斷權(quán)限 普 通 用 戶 管 理 員 用 戶 查詢信息 瀏覽信息 修改個人信息 留言板 系統(tǒng)更改 信 息 錄 入 用 戶 權(quán) 限 修 改 口 令 修 改 信 息 刪 除 信 息 修 改

29、圖 3.3 用戶管理模塊工作流程圖 3.2.5 信息結(jié)構(gòu)設(shè)計 1.確定欄目：欄目是網(wǎng)站主要內(nèi)容的體現(xiàn)，合理的劃分和安排欄目，將網(wǎng) 站的主題明確的顯示出來，并且盡量方便訪問者的瀏覽和查詢。 2.確定網(wǎng)站的目錄結(jié)構(gòu):建立良好的目錄結(jié)構(gòu)，方便站點的維護。學(xué)校網(wǎng)站 的目錄結(jié)構(gòu)如下： data 默認數(shù)據(jù)庫存放目錄 uploadadpic 上傳的廣告文件 uploadfiles 上傳的文件 uploadphotos 上傳的圖片文件 images 網(wǎng)站圖片文件 inc 網(wǎng)站配置目錄 3.網(wǎng)站裝飾風格:采用了藍色和白色為主導(dǎo)航顏色，首頁中運用最新更新圖 片，以及文字交錯排版，使整個網(wǎng)站看上去符合跳動的風格。

30、4.網(wǎng)站的鏈接結(jié)構(gòu) 學(xué)校首頁、教育科研、學(xué)校概況、走進學(xué)校、校園建設(shè)、教學(xué)管理、教師 園地、學(xué)生活動、財務(wù)管理、工會黨建、家?；ネê驼猩搲嗷ブg均有鏈 接。 注冊 / 注冊新用戶 / 新用戶注冊頁面 /用戶管理頁面（論壇）/管理員登 陸頁面 / 管理員頁面 3.2.6 可視化設(shè)計 網(wǎng)站可視化設(shè)計的主要目的是提供給用戶一個關(guān)于網(wǎng)站的信息展示方案， 一個良好有效的網(wǎng)站可視化設(shè)計能給用戶留下深刻的印象，使得用戶能夠自然、 友好的瀏覽 web 站點所提供的信息，也是網(wǎng)站設(shè)計中重要的一環(huán)。 可視化設(shè)計最重要的是確定網(wǎng)站的頁面布局，然后設(shè)計網(wǎng)頁的表現(xiàn)框架， 建立頁面模型。 3.3 數(shù)據(jù)庫數(shù)據(jù)庫設(shè)計設(shè)計

31、 此網(wǎng)站采用該網(wǎng)站采用了 microsoft access 2003 數(shù)據(jù)庫，共創(chuàng)建了 18 張表， 主要表是如表 3.4 至表 3.7 所示： 表 3.4 e_board：公告欄信息表 列名列名字段類型字段類型主鍵主鍵長度長度描述描述 id 自動編號yes4自增主鍵 title 文本no50公告欄題目 content 備注no300公告欄內(nèi)容 inuse 數(shù)字no2添加到公告欄 dateandtime 日期/時間no10發(fā)表時間 表 3.5 e_admin：管理員信息表 列名列名字段類型字段類型主鍵主鍵長度長度描述描述 id自動編號yes4自增主鍵 username文本no20用戶名 pas

32、swd文本no20密碼 fullname文本no10全名 sex文本no2性別 birthday日期no10生日 emai文本no30郵箱 question備注no30密碼提示問題 answer備注no30密碼提示答案 lastlogin 日期/時間no10最后一次登錄時間 logins 數(shù)字no4登錄次數(shù) 表 3.6e_type：導(dǎo)航欄標題信息表 列名列名字段類型字段類型主鍵主鍵長度長度描述描述 typeid自動編號yes 4自增主鍵 typename 文本no20標題名稱 typecontent備注no100標題內(nèi)容 typeorder 數(shù)字no20標題排列順序 typemaster 文本

33、no10編輯人 typeview 文本no10瀏覽 url 文本no30連接相關(guān)網(wǎng)址 表 3.7 ecfd_user： 用戶信息表 列名列名字段類型字段類型主鍵主鍵長度長度描述描述 userid自動編號yes4自增主鍵 username 文本no20用戶名 userpassword文本no20密碼 usersex文本no2性別 userquestion備注no30密碼提示問題 useranswer備注no30密碼提示答案 birthday時間no10生日 useremail文本no30郵箱 content備注no400自我介紹 lastlogin日期no10最后一次登錄時間 userlogin

34、s數(shù)字no4用戶登錄次數(shù) userphoto文本no20用戶相片 4 網(wǎng)站實現(xiàn)網(wǎng)站實現(xiàn) 4.1 網(wǎng)站主頁網(wǎng)站主頁 網(wǎng)站首頁是學(xué)校的一個標志，一般用戶可以瀏覽主頁，并通過注冊進入論 壇，發(fā)表評論（包括對文章）等，而如果指管理員則可以直接從主頁進入后臺 修改，管理主頁信息。 1.首頁的最頂部排列顯示大類新聞或文章，用戶可以直接點擊查看各項大 類新聞里面的各項小類新聞，直到閱讀每條詳細信息。 2.學(xué)校概況，教學(xué)科研，教師園地，學(xué)生活動，家?；ネǖ雀鱾€欄目，后 臺可以控制排序和位置調(diào)整，或顯示條數(shù)設(shè)置。 3.圖片，顯示可以任意排序，而且可以直接點擊查看相關(guān)信息進行查看和 更新信息。 4.設(shè)有專題顯示和

35、網(wǎng)站調(diào)查網(wǎng)站，以及網(wǎng)站的一些統(tǒng)計數(shù)據(jù)信息，可以按 不同條件進行文件信息搜索。 5.公告部分顯示最新發(fā)布的各項學(xué)校通知信息。主頁界面如圖 4.1 所示： 圖 4.1 網(wǎng)站首頁（無測試數(shù)據(jù)） 4.2 管理員登錄模塊管理員登錄模塊 管理員登錄頁面是整個網(wǎng)站的核心，是管理員進行后臺管理的入口，在此 完成管理員的登錄和身份驗證，如果是合法的用戶。讀出用戶權(quán)限，然后轉(zhuǎn)如 后臺管理頁面進行網(wǎng)站的整體管理，本網(wǎng)站中的管理員登錄頁面是 admin_loginasp，下面詳細的介紹一下登陸頁面的創(chuàng)建設(shè)計方法。管理員登 錄頁面如圖 4.2 所示： 圖 4.2 管理員登陸模塊圖 登陸頁面目的是進行驗證身份，這就需要和

36、數(shù)據(jù)庫打交道了，所以首先調(diào) 用前面設(shè)計好的數(shù)據(jù)庫連接文件，調(diào)用代碼是： 登陸頁面大部分代碼都為 html 代碼，但是我用了驗證碼技術(shù)，因此需要讀取驗 證碼信息。通過管理員信息和驗證碼信息，使用戶登錄更具安全性。在進行編 輯處理文件信息的時候能夠有比較友好的界面提示，在管理菜單中來選擇需要 的管理項目，其中按照需求分析管理項目工分為 5 大模塊，分別是新增新聞， 欄目管理，修改管理員信息和查看網(wǎng)站信息。 下面進行網(wǎng)站測試，成功登陸后臺網(wǎng)站后，它的界面如圖 4.3 所示： 圖 4.3 管理員登錄成功界面 4.3 文章管理模塊文章管理模塊 文章管理模塊：包括文章的管理：編輯，刪除，添加等。用戶注冊以

37、后只 可以發(fā)表相關(guān)文章。管理員進入后臺也可以發(fā)表，編輯和刪除文章。其相關(guān)模 塊圖如圖 4.4 所示： 圖 4.4 文章管理模塊圖 4.4 用戶注冊模塊用戶注冊模塊 用戶注冊模塊：用戶通過注冊以后才能進入論壇，并對相關(guān)文章發(fā)表評論， 包括對網(wǎng)站留言等功能。相關(guān)模塊圖如圖 4.5 所示： 圖 4.5 用戶注冊模塊圖 4.5 欄目管理模塊欄目管理模塊 欄目管理模塊：欄目管理主要對主頁的導(dǎo)航欄進行管理，包括刪除添加和 保存功能。如圖 4.6 所示： 圖 4.6 欄目管理模塊圖 4.6 留言網(wǎng)站留言網(wǎng)站 留言板的基本功能是讓使用者撰寫留言或查看別人的留言。一個功能完善 的留言板也有著比較復(fù)雜的功能，這種

38、復(fù)雜性表現(xiàn)在留言板的管理權(quán)限和留言 豐富的表現(xiàn)形式兩個方面。只有撰寫者自己才能夠重新編輯他自己寫的留言， 超級管理員可以刪除回復(fù)留言。 因為使用 microsoft access 2003 創(chuàng)建數(shù)據(jù)庫最自然的方式就是使用圖形界 面來創(chuàng)建，所以這里沒有必要給出創(chuàng)建這表的 sql 腳本。本網(wǎng)站應(yīng)該包含以下 的模塊： 撰寫留言模塊 瀏覽留言模塊 保存操作（撰寫，刪除，回復(fù)）模塊 在制作的過程中留言本功能模塊全部結(jié)合在一個文件 guestbookasp 里面， 留言本頁面如圖 4.7 所示： 圖 4.7 留言本頁面 撰寫留言頁面的表單部分代碼： 這部分代碼主要是實現(xiàn)顯示 ip 地址和顯示留言信息的，

39、這部分代碼主要是實現(xiàn)在線留言搜索。留言網(wǎng)站嵌入了 ubb 功能，用戶在 編輯留言時就有了自己想要的格式和效果，給用戶新意，產(chǎn)生好印象，給下次 訪問網(wǎng)站帶來基礎(chǔ)和前提。 4.7 數(shù)據(jù)加密技術(shù)數(shù)據(jù)加密技術(shù) 有很多理由使開發(fā)者需要對某些敏感數(shù)據(jù)進行加密，比如這里的管理員登 陸模塊，此時有必要對傳遞的密碼進行存儲加密。md5 加密，這里不可能去研 究加密算法，所以只能夠簡單的介紹一下如何使用最常見的加密技術(shù)。在客戶 端進行加密的意義是用加密的信息在代替沒有加密的信息在網(wǎng)絡(luò)中傳送。網(wǎng)絡(luò) 是不安全的，現(xiàn)在有很多偵聽軟件可以偵聽網(wǎng)絡(luò)中傳送的數(shù)據(jù)。但這種加密應(yīng) 該是單向的，即不能夠?qū)⒓用苓^的數(shù)據(jù)采用一定的算法

40、（通常剛好是原加密工 具的算法反算）還原。否則，由于客戶端代碼是源代碼可見的，偵聽者了解了 原算法，也就可以設(shè)計出反向的算法。 md5 雜湊加密算法是最常用的一直加密算法。它是不可逆的。所以它可以 用于服務(wù)器端加密。下面來對它的用法作一下簡單介紹。 md5.asp 程序片段： m_lonbits(0) = clng(1) m_lonbits(1) = clng(3) dim x dim k dim aa const s11 = 7 const s12 = 12 const s13 = 17 x = converttowordarray(smessage) a = &h67452301 b =

41、&hefcdab89 md5_ff a, b, c, d, x(k + 0), s11, &hd76aa478 md5_ff d, a, b, c, x(k + 1), s12, &he8c7b756 md5=ff b,c,d,a,x(k+15),s14,&h49b40821 首先要在使用 md5 加密的也面上包含它： 在加密的時候可以使用函數(shù) md5(stritem)，如 md5(strusername)，在加密的 過程中,“asp”加密后的結(jié)果是 dcc13a25e6103328，這就是存儲在數(shù)據(jù)庫的最 終結(jié)果。 4.8 數(shù)據(jù)庫的連接數(shù)據(jù)庫的連接 數(shù)據(jù)只有用數(shù)據(jù)庫來管理才能有自動化管理的可

42、能。所以一開始就要仔細 慎重地搭建一個完整而合理的結(jié)構(gòu)。microsoft access 2003 數(shù)據(jù)庫相對其它的數(shù) 據(jù)庫來說要簡單容易操作些，本網(wǎng)站信息發(fā)布網(wǎng)站中的數(shù)據(jù)庫文件就是 microsoft access 2003 類型的數(shù)據(jù)庫。 以下是本網(wǎng)站與數(shù)據(jù)庫建立連接的 conn.asp 源代碼： 數(shù)據(jù)庫文件 data.mdb 在連接文件嵌入下，各頁面都能夠訪問數(shù)據(jù)庫，這是 實現(xiàn)交互性的前題。 5 網(wǎng)站測試網(wǎng)站測試與維護與維護 5.1 測試測試方法方法 測試方法主要分三種：單元測試、集成測試、功能測試。 1.單元測試：單元測試是針對網(wǎng)站中各模塊，進行正確性檢驗的測試，其 目的在于發(fā)現(xiàn)各模塊

43、內(nèi)部可能存在的各種差錯。 2.集成測試：集成測試也叫組裝測試或聯(lián)合測試，在單元測試的基礎(chǔ)上， 將所有模塊按照設(shè)計要求組裝起來，進行集成測試。 3.功能測試：主要是對網(wǎng)站各功能進行驗證，根據(jù)功能測試用例，逐項測 試，檢查網(wǎng)站是否達到用戶要求的功能11。 5.2 測試內(nèi)容與結(jié)果測試內(nèi)容與結(jié)果 5.2.1 單元測試 1.文章添加模塊：主要測試是否能從數(shù)據(jù)庫中正常讀取數(shù)據(jù)并正確顯示文 章標題及內(nèi)容到相關(guān)頁面上去。此模塊中如果其中相關(guān)信息填錯將不能發(fā)表文 章，但是本模塊的發(fā)表時間是日期類就對了，在測試中出現(xiàn)的問題是如果寫成 日期則提示信息應(yīng)該填數(shù)字，但是相關(guān)文章已經(jīng)發(fā)表到相關(guān)頁面上，這點我還 沒有分析清

44、楚原因何在。同時上傳圖片的功能尚未成功。 結(jié)果如圖 5.1 所示： 圖 5.1 文章發(fā)表測試結(jié)果圖 2.網(wǎng)上留言模塊：主要測試用戶所留言內(nèi)容是否符合標準，如果不符合就 將不能留言，例如你留言的內(nèi)容是不文明的話，由于代碼的限制將自動取消你 的留言資格。同時留言人的信息必須填對，不然也不讓留言。 3.網(wǎng)站主頁管理模塊：主要測試管理員是否能正確添加或刪除庫和后臺中 的信息，同時顯示到相關(guān)頁面上去。 4.用戶登錄模塊：用戶登錄需要用戶名和密碼，以及驗證碼，但是如果用 戶名雷同，密碼和驗證碼錯誤，網(wǎng)站此刻將如何處理。 管理人員在后臺操作實現(xiàn)的是所見即所得的效果，如果三項有任何一項出 問題都不能夠成功登錄，圖 5.2 和圖 5.3 所示是用戶名或密碼錯誤時： 圖 5.2 管理員登錄失敗界面 當驗證碼出現(xiàn)錯誤時： 圖 5.3 登錄驗證碼出錯時界面 管理員進入后臺數(shù)據(jù)庫進行信息的添加和修改，刪除等操作，測試并能順 利完成并反饋在前臺顯示。 5.2.2 功能測試內(nèi)容 1.頁面鏈接測試：測試每一個鏈接是否都能正確的鏈接到對應(yīng)的頁面。 2.信息重復(fù)測試：在一些需要命名，且名字應(yīng)該唯一的信息輸入，檢查網(wǎng) 站對重復(fù)的名字有沒有處理，是否會報錯。 3.用戶登錄測試：測試用戶是否能