【正文】 變學(xué)校教學(xué)的信息傳遞方式，應(yīng)用于 Inter 上的教學(xué)系統(tǒng)，具有快速傳遞信息的教學(xué)功能，教師與學(xué)生的交互不再受到時(shí)空限制。 國內(nèi)外研究現(xiàn)狀分析 計(jì)算機(jī)網(wǎng)絡(luò)在我國從上個(gè)世紀(jì) 90 年代中期之后，發(fā)生了突飛猛進(jìn)的發(fā)展，第一章 緒 論 3 在社會各個(gè)領(lǐng)域網(wǎng)絡(luò)從無到有，從小到 大，仿佛一夜之間，計(jì)算機(jī)網(wǎng)絡(luò)就鋪遍了全國大地。近幾年， Inter 蓋了包括我國在內(nèi)的 154 個(gè)國家，連接的網(wǎng)絡(luò) 6 萬多 個(gè)，主機(jī)達(dá) 500 萬臺，終端用戶近 5000 萬，并且以每年 15 一 200k 的速度增長 [3]。 （ 2） 各辦公信息管理系統(tǒng)各自為政，無法發(fā)揮整合優(yōu)勢 不少學(xué)校自行開發(fā)了局部的應(yīng)用系統(tǒng)，替代了部分手工勞動，也取得了一定的效果；但是，各個(gè)應(yīng)用系統(tǒng)之間相互獨(dú)立，如校長辦公系統(tǒng)內(nèi)的數(shù)據(jù)和多媒體教學(xué)系統(tǒng)內(nèi)的數(shù)據(jù)無法溝通，辦公自動化系統(tǒng)中生成的信息和資料無法順利的在管理信息系統(tǒng) 內(nèi)歸檔和調(diào)用，等等。 （ 4） 學(xué)校缺乏專業(yè)性的師資力量 由于校園網(wǎng)建設(shè)是一種新技術(shù)的應(yīng)用，學(xué)校相關(guān)的師資嚴(yán)重缺乏，雖然目前學(xué)校已經(jīng)對教師進(jìn)行了培訓(xùn)，但遠(yuǎn)遠(yuǎn)不能滿足對系統(tǒng)的維護(hù)以及相關(guān)信息的建設(shè)。 （ 3）對系統(tǒng)進(jìn)行了實(shí)現(xiàn)和測試。 主要針對校園網(wǎng)的開發(fā)背景及國內(nèi)外研究現(xiàn)狀進(jìn)行對比分析，給出系統(tǒng)的開發(fā)目標(biāo)。 主要描述系統(tǒng)的功能性需求和非功能性需求 。 第五章 系統(tǒng)的詳細(xì)設(shè)計(jì) 。 第七章 系統(tǒng)的測試 。 馬場中學(xué)校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 6 第二章 系統(tǒng)相關(guān) 技術(shù)介紹 本章主要 介紹系統(tǒng)設(shè)計(jì) 和 實(shí)現(xiàn)過程中所用到的主要技術(shù)。 Dreamweaver CS3 的特點(diǎn) DreamweaverCS3 是一款專業(yè)的 Web 站點(diǎn)開發(fā)工具，可以于 Web 站點(diǎn)， Web 頁和 Web 應(yīng)用程 序的設(shè)計(jì)、編碼和開發(fā)工作中。其在實(shí)用功能上和操作流程上都有了顯著的改進(jìn)。 圖 21 Spry 按鈕第二章 系統(tǒng)相關(guān)技術(shù)介紹 7 （ 2） CSS 功能 層疊樣式表（ CSS）是一組格式設(shè)置規(guī)則，用于控制 Web 頁內(nèi)容的外觀。通過 Bridge 能夠集中訪問項(xiàng)目文件、應(yīng)用程序、設(shè)置以及 XMP 元數(shù)據(jù)標(biāo)記和搜索功能 [13]。如果需要編輯圖像，只需雙擊圖像媽可在 Photoshop CS3 中打開原始的帶圖層 PSD文件進(jìn)行編輯 [3][14][15]。例如 ， Windows中的記事本、寫字板、 DreamweaverCS3 等，用于生成和保存 HTML 文檔的應(yīng)用程序。 HTML 不僅可以編輯文字，還可以對文字的顯示格式作簡單的處理，例如文字的字體、大小、顏色等。 （ 4） 創(chuàng)建超鏈接 超鏈接的作用是將頁面中的文本或圖片鏈接到其 他的頁面、文本或圖片。在 HTML 中，顯示圖像的標(biāo)記為 img，通過該標(biāo)記可以在網(wǎng)頁中顯示各種圖像文件。目前， Inter上的許多基于 Windows 平臺的 Web 站點(diǎn)已開始應(yīng)用 ASP 來替換 CGI。由于 ASP 是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持 ASP；同時(shí)由于它在服務(wù)器端執(zhí)行，開發(fā)者也 不必?fù)?dān)心別人下載程序從而竊取編程邏輯。通過 ASP 內(nèi)置的對象、服務(wù)器組件（ Server Component）可以完成非常復(fù)雜的任務(wù)，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。 Visual Basic, Visual C++, Visual J++ 等都能創(chuàng)建 COM組件，在不同的語言實(shí)現(xiàn)的組件之間，依據(jù) COM 標(biāo)準(zhǔn)可以進(jìn)行交互操作。 ASP 提高了 6 個(gè)內(nèi)置對象，這 6 個(gè)內(nèi)置對象可 以被 ASP腳本直接使用，不需要被實(shí)例化。在同一個(gè) ASP 文件中， ASP 腳本可調(diào)用不同的腳本語言，從而發(fā)揮各種腳本語言的優(yōu)勢。 ASP 的工作原理 當(dāng)用戶瀏覽網(wǎng)頁時(shí)，客戶端瀏覽器與 WEB 站點(diǎn)之 間進(jìn)行交互 的過程如 圖 22所示。最后，生成標(biāo)準(zhǔn)的 HTML 文件，并將生成的 HTML 文件傳送給瀏覽器。就校園網(wǎng)而言，建設(shè)的校園網(wǎng)站應(yīng)具有先進(jìn) 性、可靠性、可擴(kuò)展性、可管理性和安全性。 系統(tǒng) 功能 性 需求 需求用 例圖 本網(wǎng)站的基本功能需求為網(wǎng)上報(bào)名、網(wǎng)上教學(xué) 、財(cái)務(wù)管理、在線下載、在線考試、網(wǎng)上排課 、課程表打印、權(quán)限管理、信息發(fā)布、信息錄入、電子檔案。第三章 系統(tǒng)需求分析 15 圖 35 注冊流程圖 登錄 登錄模塊的功能是實(shí)現(xiàn)用戶的站內(nèi)登錄。 圖 37 網(wǎng)上報(bào)名流程圖 電子檔案 電子檔案模塊實(shí)現(xiàn)對學(xué)生檔案的管理和更新，主要任務(wù)是學(xué)生檔案的建立、修改、查詢和刪除，其流程圖如圖 38 所示。 主要任務(wù)有：索引下載范圍、顯示下載信息、提高下載速度，其流程圖如圖 310 所示。同時(shí)系統(tǒng)能夠?qū)陀^題進(jìn)行自動批閱，其流程圖如圖 312 所示。 可用性 網(wǎng)站由專門人員負(fù)責(zé)資源更新，由專業(yè)教師負(fù) 責(zé)實(shí)時(shí)瀏覽及解答學(xué)生提出的問題，并隨時(shí)更新學(xué)校相關(guān)通知和教務(wù)處相關(guān)教學(xué)資源。 本章小結(jié) 本章主要從網(wǎng) 站的功能性需求和非功能性需求進(jìn)行分析，從而給出網(wǎng)站基本的建設(shè)框架 。系統(tǒng)的各種功能設(shè)計(jì)能夠符合學(xué)校網(wǎng)站的要求，信息 ，公告，廣告，調(diào)查等發(fā)布功能的實(shí)現(xiàn)，能夠給網(wǎng)站更多的生氣，更多地 實(shí)現(xiàn)了用戶與網(wǎng)站之間的交互性。 教學(xué)專欄：主要為學(xué)校教學(xué)工作服務(wù)，以教務(wù)處為主要對象，新生入學(xué)時(shí)進(jìn)行網(wǎng)上報(bào)名、網(wǎng)上注冊、建立電子檔案等，還可以及時(shí)發(fā)布學(xué)校相關(guān)教學(xué)通知及安排。 學(xué)生園地：主要是展示部分優(yōu)秀學(xué)生的作品和學(xué)生之間進(jìn)行交流的一個(gè)手段。 網(wǎng)站流程圖 網(wǎng)站流程圖如圖 42 所示。顏色的選擇以 紅色 為主， 沒有 使 用太多的顏色來修飾某個(gè)對象 。在網(wǎng)頁的組織上，每個(gè)網(wǎng)頁都 是 按照 “ 倒金字塔 ” 原則進(jìn)行編寫，即從一個(gè)簡單的結(jié)論開始漸次展開。在鏈接旁注明下載文件的大小，幫助用戶預(yù)測下載時(shí)間。 馬場中學(xué)校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 24 第五章 系統(tǒng) 的詳細(xì)設(shè)計(jì) 系統(tǒng)主要功能模塊的設(shè)計(jì) 用戶登錄模塊 設(shè)計(jì) 本網(wǎng)站的 課程資 源與教學(xué)管理平臺只是面向本校師生開放。 圖 51 用戶登錄 界面 該部分完成用戶注冊的過程，用戶只有在注冊的前提下才能進(jìn)入系統(tǒng)進(jìn)行操作 。 是對用戶注冊自動處理的程序，如果用戶輸入的信息出現(xiàn)不符合要求的情況，如該填寫的項(xiàng)目沒有填寫，經(jīng) 中用于驗(yàn)證客戶端信息的程序代碼檢驗(yàn)出來后，就會給出相應(yīng)的提示信息。 } if(xh==) { alert(請?zhí)顚W(xué)號或教師編號 !)。selclassamp。 sqlSQL=select*from xsjbxxb where xh=39。 if then ??‘讀取信息進(jìn)行比較 SCRIPT language=JavaScriptalert(39。amp。amp。 （ 1）．用戶登錄流程馬場中學(xué)校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 28 用戶在主頁面 (見圖 51)中填寫用戶名、用戶密碼以及學(xué)號或教師編碼后，用戶登錄模塊對其進(jìn)行 驗(yàn)證，驗(yàn)證通過后，用戶才能進(jìn)入平臺進(jìn)行操作。如果不合法，系統(tǒng)會轉(zhuǎn)向注冊第五章 系統(tǒng)的詳 細(xì)設(shè)計(jì) 29 界面。 （ 2） 文章添加：按不同欄目添加文章、支持文本、 HTML 格式或源代碼顯示、支持圖片上傳和附件上傳。 資源管理 模塊設(shè) 計(jì) （ 1） .資源搜索流程 為了用戶能夠快速找到自己需要的資源，在資源管理中加入了資源搜索的功能。 對用戶輸入的資源標(biāo)題或從列表框中選擇的教師姓名進(jìn)行判斷，如果輸入內(nèi)容為空，系統(tǒng)則提示用戶沒 有輸入搜索內(nèi)容；如果不為空，則根據(jù)輸入的內(nèi)容和選擇的教師姓名在數(shù)據(jù)表中查詢，查詢完成后在顯示頁面向用戶反饋查詢的結(jié)果如果沒有相關(guān)資源，則顯示未找到信息提示；如果有，則顯示所有搜索到的資源，用戶可以直接下載或查看這些資源。馬場中學(xué)校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 32 圖 58 資源上傳流程圖 (2).程序設(shè)計(jì) 本系統(tǒng)實(shí)現(xiàn)上傳資源有兩個(gè)程序 和 。 在這里，需要考慮如何能有效而且安全的組織資源文件的提交。 NewName=year(now)amp。day(now)amp。 minute(now)amp。該組件功能非第五章 系統(tǒng)的詳細(xì)設(shè)計(jì) 33 常強(qiáng)大，不僅可以上傳文件，還可以像普通表單一樣上傳一些表單元素值，這樣就可以給上傳的文件加一 些說明文字。 主要功能為： 撰寫留言模塊 、 瀏覽留言模塊 、 保存操作（撰寫，刪除，回復(fù)） 等。在系統(tǒng)的開發(fā)階段，數(shù)據(jù)庫設(shè)計(jì)通常是系統(tǒng)設(shè)計(jì)的重點(diǎn)內(nèi)容，它直接影響到系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)的合理性 [30][31]。只有系統(tǒng)管理員才能對這個(gè)數(shù)據(jù)庫進(jìn)行操作，指定用戶權(quán)限。首先考慮到本系統(tǒng)數(shù)據(jù)規(guī)模，本文認(rèn)為使用中型數(shù)據(jù)庫即可；再經(jīng)過用戶的實(shí)際情況調(diào)查，它們相關(guān)系統(tǒng)目前采用的 是 Access，因此，本系統(tǒng)數(shù)據(jù)庫選擇 Microsoft Access 20xx 以保持一致性。 其目錄結(jié)構(gòu)如表 51 所示。一個(gè)功能完善的留言板也有著比較復(fù)雜的功能，這種復(fù)雜性表現(xiàn)在留言板的管理權(quán)限和留言豐富的表現(xiàn)形式兩個(gè)方面。second(now)amp。hour(now)amp。month(now)amp。在存放時(shí)，處理程序?qū)①Y源文件重新命名。如果用戶輸入的信息出現(xiàn)不符合要求的情況，如該填寫的項(xiàng)目沒有填寫，經(jīng) 中用于驗(yàn)證客戶端信息的程序代碼檢驗(yàn)出來后，就會給出相應(yīng)的提示信息。資源上傳界面如下圖 57 所示。資源搜索頁面如下圖 55 所示 。 （ 4）用戶管理：用戶的添加、刪除、權(quán)限的授予與回收。 如果是合法的用戶 ，則 讀出用戶權(quán)限，然后轉(zhuǎn)如后臺管理頁面進(jìn)行系統(tǒng)的整體管理， 包括添加用戶、管理用戶權(quán)限、論壇留言管理等。 是對用戶在客戶端輸入的用戶名、密碼和身份是否符合要求進(jìn)行處理的程序。39。39。)。trim(xh)amp。 sql,conn,1,1 do while not option value=%=rs(bjdm)%%=rs(bj) loop第五章 系統(tǒng)的詳細(xì)設(shè)計(jì) 27 的任務(wù)要是首先要驗(yàn)證用戶是不是 xsjbxxb(學(xué)生基本信息表 )或 jsdm(教師代碼表 )的用戶，如果是那么繼續(xù)從 yhmmqxb(用戶密碼權(quán)限表 )中查找該用戶是否已經(jīng)注冊。 } 下面是學(xué)生用戶注冊時(shí)年級信息和班級信息從后臺 BJDMB（班級代碼）表讀取的代碼： sql=select distinct njdm from bjdmb sql,conn,1,1 if not then dim selclass selclass=rs(njdm) end if do while not value=%=trim(rs(njdm))%%=trim(rs(njdm)) loop sql=select*from bjdmb where njdm=39。用 JavaScript 腳本語言編 寫的一段代碼 : if((username==)||(userIdentity==)) { alert(用戶名和密碼不能為空！ )。 圖 52 新用戶注冊第五章 系統(tǒng)的詳細(xì)設(shè)計(jì) 25 該部分的 流程分析如圖 53 所示。 注冊 用戶注冊部分主要介紹了用戶注冊的流程及主要程序代碼。當(dāng)用戶對某個(gè)感興趣主題進(jìn)行查找時(shí)，可通過超鏈接方便、輕松地轉(zhuǎn)到相應(yīng)的地址，減少用戶解決問題的時(shí)間。 一個(gè) 網(wǎng)頁的大小 一般不 超過 3 萬字節(jié)，以使用戶在 10 秒鐘之內(nèi)能打開網(wǎng)頁。為了提高網(wǎng)頁的可讀性，標(biāo)題區(qū)、標(biāo)題行和正文區(qū)使用 了 不同大小的字體，正文 使 用 的是 靜止的文字，且字體足夠大， 以 便于閱讀。對于一些 LOGO 標(biāo)用戶瀏覽 網(wǎng)站瀏覽 查看撰寫留言 網(wǎng)站服務(wù) 注冊登陸論壇 論壇瀏覽和發(fā)帖 未注冊論壇瀏覽 退 出 第四章 系統(tǒng)的總體設(shè)計(jì) 23 志應(yīng)充分加以利用 ， 調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，突出個(gè)性 使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。同時(shí)它也是學(xué)校新聞發(fā)布所，是教師和學(xué)生了解學(xué)校最新情況的重要窗口。 安全工作：以學(xué)校政策法規(guī)室和保衛(wèi)科為主要服務(wù)對象，主要是對學(xué)生進(jìn)行各種 相關(guān)的人生安全、心理安全方面的教育。 圖 41 網(wǎng)站總體結(jié)構(gòu) 各模塊的主要內(nèi)容如下： 學(xué)校概況：主要介紹學(xué)校的現(xiàn)任領(lǐng)導(dǎo)、創(chuàng)建歷史、學(xué)校發(fā)展史及歷任校長。比如在自主架設(shè)服務(wù)器還是租用網(wǎng)絡(luò)服務(wù) 器的選擇問題上，都是經(jīng)過多方驗(yàn)證和對比之后得出的利于學(xué)校發(fā)展的決策。 可維護(hù)性 設(shè)置專門的負(fù)責(zé)人員，其主要職責(zé)為監(jiān)視網(wǎng)站運(yùn)行狀態(tài)和與網(wǎng)絡(luò)服務(wù)器提供商保持實(shí)時(shí)聯(lián)系，及時(shí)處理網(wǎng)站出現(xiàn)的問題。 主要功能包括發(fā)帖、回復(fù)和更新，其流程圖如圖 313 所示。 學(xué)生通過網(wǎng)頁提交問題，教師在線解答并顯示解答信息，其流程圖如圖 311 所示。要求系統(tǒng) 配備課程和教師選擇菜單和播放器 ，其流程圖如圖 39 所示 。 圖 36 登錄流程圖 馬場中學(xué)校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 16 網(wǎng)上報(bào)名 學(xué)生通過網(wǎng)上報(bào)名模塊將個(gè)人相關(guān)信息輸入到系統(tǒng)，等待系統(tǒng)確認(rèn)。 第三章 系統(tǒng)需求分析 13 圖 31 學(xué)生 用例圖