計算機專業(yè)畢業(yè)設計--- 基于web平臺的《計算機網絡與數據庫》教學系統(tǒng)

1、<p><b>　　畢 業(yè) 論 文</b></p><p>　　題 目 基于Web平臺的《計算機網絡與 </p><p>　　數據庫》教學系統(tǒng) </p><p>　　英文題目 The Teaching System of Web-based </p><p>　　in Co

2、mputer Network and Database </p><p>　　院 系 信息科學與技術學院 </p><p>　　專 業(yè) 計算機科學與技術 </p><p><b>　　摘 要</b></p><p>　　計算機與網絡技術的飛速發(fā)展，使信息資

3、源實現了高度共享，并從根本上改變了人類信息交流的方式。網絡技術與現代教育的有機結合，產生了網絡教學。基于WEB平臺的《計算機網絡和數據庫》教學系統(tǒng)，就是因勢而生的新生代產品。這種新時代的網絡化趨勢正是進行此次課題研究的主要原因。</p><p>　　系統(tǒng)采用B/S模式，前臺使用超文本語言以及VBScript腳本語言建立頁面，后臺使用ASP.NET技術結合數據庫動態(tài)生成網頁，通過對數據庫的操作擴展，實現網上課堂、視

4、頻教學、在線答疑、考試系統(tǒng)等功能，給學生和教師提供了一個方便、高效的學習平臺。系統(tǒng)采用ASP和ACCESS 2003進行設計。實現了豐富的學習和考試功能，用戶接口界面友好，是老師的好幫手。</p><p>　　論文研究結果使得課堂學習、多媒體教學、面對面的提問與回答、考試等傳統(tǒng)教學環(huán)節(jié)，通過網絡教學平臺的解決方案得以實現。</p><p>　　關鍵詞：網絡教學，腳本語言，超文本語言 &

5、lt;/p><p><b>　　Abstract</b></p><p>　　The rapid development of the computer and the network technology causes the information resource shared and changes the information exchange way of

6、human. The binding of the network technology and the modern education has developed the network teaching. Based on the Internet network teaching platform, because of the new generation of potential products.This new tren

7、d of the times the network is the main reason for the study of the subject.</p><p>　　It illustrates the integral function briefly. Based on the B/S pattern, this system uses hypertext language (HTML) and the

8、 VBScript to establish web-pages. It uses the ASP.NET technology and the database to build homepage dynamically. The system has implemented a lot of functions, such as the network teaching, resources downloading, video i

9、nstruction, online tutorials and test system. It provides a convenient, efficient studying platform for students and teachers.</p><p>　　Research findings are making classroom learning, multimedia teaching, f

10、ace to face questions and answers, exams and other traditional teaching process, through the network teaching platform solution for the perfect reality.</p><p>　　Key words: Network Teaching, Script, HTML<

11、/p><p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　AbstractII</p><p><b>　　1 緒論</b></p><p>　　1.1課題背景及意義(1)</p>

12、<p>　　1.2 課題的主要工作(1)</p><p>　　1.3論文組織(2)</p><p><b>　　2 系統(tǒng)分析</b></p><p>　　2.1需求分析(4)</p><p>　　2.2 開發(fā)工具介紹(6)</p><p>　　2.3 本章小結(8)</

13、p><p><b>　　3 系統(tǒng)設計</b></p><p>　　3.1系統(tǒng)概要(9)</p><p>　　3.2功能設計(9)</p><p>　　3.3數據流程(12)</p><p>　　3.4 數據庫設計(16)</p><p>　　3.5 本章小結(21)

14、</p><p><b>　　4 系統(tǒng)實現</b></p><p>　　4.1 網絡教學模塊實現(22)</p><p>　　4.2 考試系統(tǒng)模塊的實現(24)</p><p>　　4.3 留言模塊的實現(27)</p><p>　　4.4后臺實現(32)</p><

15、p>　　4.5 系統(tǒng)測試與運行(33)</p><p>　　4.6 本章小結(36)</p><p><b>　　5 總結與展望</b></p><p>　　5.1總體結論(37)</p><p>　　5.2課題展望(37)</p><p><b>　　致 謝(39)

16、</b></p><p><b>　　參考文獻(40)</b></p><p><b>　　1 緒論</b></p><p>　　在這一章里解決的問題是課題提出的具體背景，即此次課題研究的國內現有狀況。同時將具體分析設計的現實意義。當然系統(tǒng)的開發(fā)離不開開發(fā)工具的使用，所以開發(fā)工具的介紹也是此章里面討論的重點

17、。最后一節(jié)里，將計劃好整個論文的組織結構。并將之做為系統(tǒng)開發(fā)的指南針。</p><p>　　1.1課題背景及意義</p><p>　　《計算機網絡與數據庫》是“全國計算機等級考試”和“計算機技術與軟件專業(yè)技術資格(水平)考試”的重要科目，因此各校均開設了此門課程。雖然很多學校都采用并開設了這門課程，但均采用傳統(tǒng)的教學模式，這樣給這門課程教學帶來了很大的不方便性，例如：校外非學生人員學習時間

18、和學習空間均相當有限，不大可能想我們一樣坐在寬敞的教學里專門聽老師講課。工作人員或者其他社會人員往往只能在晚上而且習慣在家里學習。為此想到推出基于Web平臺的《計算機網絡與數據庫》教學系統(tǒng)，此系統(tǒng)類似的系統(tǒng)目前只是簡單地應用于網上在線學習而且數量很少，幾乎找不到一個較完備的基于Web平臺的《計算機網絡與數據庫》教學系統(tǒng)。用于學校實際教學的更是微乎其微。這樣就突顯了此系統(tǒng)的重要現實意義。</p><p>　　設計此

19、系統(tǒng)是為了實現教學目的、由各教學要素有機結合而成的具有一定教學功能的整體。為了達到一定的教育、教學的目的，實現一定的教育、教學的功能的各種教育、教學組織形式。教材內容的組織，系統(tǒng)教材庫是提高教學質量、激發(fā)學習興趣的關鍵。</p><p>　　1.2 課題的主要工作</p><p>　　這個教學系統(tǒng)主要研究對象是學生、教師、教學資源、教學媒體四個基本要素，通過這四個基本要素的相對運動從而產生

20、著各個系統(tǒng)之間的輸入與輸出的復雜的運行過程，通過這個復雜的運行過程以保證學校系統(tǒng)內部各個系統(tǒng)的動態(tài)穩(wěn)定與開放性。做出一個分層次的系統(tǒng)復合體。通過層次的劃分使系統(tǒng)更有針對性，不同的層次有不同層次的規(guī)定性的具有可操作性的教學設計方法技術。從機構層次到學習層次，步步遞進，前一個層次時候一個層次的父層，每一個層次之間存在著相互聯系、相互制約、相互作用的組織形式，這些層次是系統(tǒng)結構領域的狀況。</p><p>　　課題研究

21、過程中初步事項是進行可行性分析，需求分析，這樣主要的工作是對現有國內情況的調查，這些工作包括以前高中母?！靶禄小钡囊曨l教程與上機的調查，九江學院信息學院精品課程的在線調查，通過九江學院論壇，九江論壇，九江學院信息學院教師群了解精品課程的相關情況，并進行面對面的問答式調查直接研究相關的教學系統(tǒng)。</p><p>　　課題研究中期工作，主要是系統(tǒng)功能的設計與實現，具體包括從網上下載免費的系統(tǒng)開發(fā)工具，Macrom

22、edia Dreamweaver 8，Macromedia Fireworks 8， Macromedia Flash 8，IIS 6.0，Access 2003以及其他素材（到九江學院下載相關圖片，在百度中查找并下載按鈕圖標，導航條圖標等）。通過Macromedia Dreamweaver 8 建立一個站點，逐步完成系統(tǒng)功能的前臺設計。然后打開Access 2003建立對應的表格，在IIS 6.0的輔助下完成系統(tǒng)的設計和實現。<

23、/p><p>　　課題研究后期工作，反過來對系統(tǒng)進行多次測試，查看系統(tǒng)的運行情況，對斷了的連接和孤立的文件進行處理。對部分比較大的圖片和視頻進行壓縮，即優(yōu)化操作。最后總結我分析課題的相關問題并寫入文檔中。</p><p><b>　　1.3論文組織</b></p><p>　　通過對系統(tǒng)進行初步研究后，論文決定采用下面的基本框架組織全文：</

24、p><p>　?。?）緒論，主要是分析課題研究的背景和具體實施的意義，從而確定課題是否可行。當然也牽涉到了開發(fā)工具選取的問題，根據工具使用的難易程度結合自己的技能水平，選擇合適的工具也是這一章里面討論的重點。</p><p>　　（2）系統(tǒng)分析，從各個方面上分析系統(tǒng)的需求，確立在課題研究中將要進行的主要工作。</p><p>　?。?）系統(tǒng)設計，通過建立好系統(tǒng)設計的主要

25、思路，完成系統(tǒng)要求的功能設計，做好功能模塊圖。明確并實現數據的具體流向，畫出數據流圖。對數據庫的具體內容進行構思，實現數據庫表格和表格數據的合理安排。</p><p>　?。?）系統(tǒng)實現，選舉比較重要的模塊進行詳細的實現解說。說明網絡教學模塊的實現方法。考試系統(tǒng)模塊實現的具體思路。留言模塊的實現過程，也就是在線答疑功能的實現。后臺數據庫的實現。</p><p>　?。?）總結與展望，主要是

26、做好課題開發(fā)基本上完成后的系統(tǒng)測試和運行監(jiān)測。同時對整個課題的一個整體總結與展望。</p><p><b>　　2 系統(tǒng)分析</b></p><p><b>　　2.1需求分析</b></p><p>　　該系統(tǒng)是針對教學現狀而設計的。目前很多學校仍采用傳統(tǒng)的與學生面對面的教學模式，譬如：我以前就讀的“新化三中”就采用這

27、種模式，它的整個教學過程均是“手動模式”。雖然有時有同學在電腦前面進行上機操作，但是很少看到學生坐在電腦前面進行在線學習的。我的高中也有遠程教學課，可是學習形式單調，沒有考試系統(tǒng)，也沒有在線答疑功能，只是簡簡單單瀏覽教學視頻而已。</p><p>　　這種教學模式是以教師為主，教師講、學生聽、很少有互動，課后老師比較忙，學生有什么疑難問題很難在短時間內找到老師解決，而且會因為老師上課過程中攜帶的資料有限，一時半會

28、可能給不了學生具體的答案，幾乎是一種單向溝通的教學模式。除此之外老師的工作量相當大，相同的課程在不同的班級上，出現了一門課反復講，甚至同樣的教學內容需在不同教室的黑板上書寫多次，作業(yè)批改時相同錯誤在不同學生的作業(yè)本上進行重復的批改，這就導致老師工作量大且重復性高，效率低，也不能及時反應學生學習的效果。</p><p>　　當然老的教學模式依然是主流，然而從不同學校不斷增加上機學習的規(guī)律看。新的教學模式將會迅速發(fā)展

29、起來。也證明了此次課題研究的可行性，整個系統(tǒng)的需求量大很難估量。</p><p>　　具體例證：九江學院信息學院省級精品課程“程序設計基礎”，校級精品課程圖如圖2-1所示。</p><p>　　圖2-1校級精品課程圖</p><p>　　針對上述情況，我進行了教學系統(tǒng)課題的設計工作，希望它能夠在平時學習中發(fā)揮高效、便捷的作用，減輕教師的工作負擔、提高工作效率，也使學

30、生學習更輕松、更有效。</p><p>　　由于系統(tǒng)主要是為了更加方便和準確的管理信息數據，所以人機交互界面的功能要非常完善，能夠更好的體現方便，快捷的特點，有效的減少管理員的管理工作，更準確、快捷的管理數據。工作人員只需要掌握一些基本的電腦使用方面知識。系統(tǒng)一經投入運行，便能產生效益。</p><p>　　系統(tǒng)的研究領域是基于Internet的教學系統(tǒng)，也就是所說的“在線教育”，基于We

31、b技術的計算機教育與傳統(tǒng)的教學模式（即傳統(tǒng)課堂、衛(wèi)星電視教學和專門網絡教學）相比，優(yōu)勢主要體現在：Web教學以Internet為載體進行傳播，有巨大的影響范圍；Web技術是一個跨平臺、多媒體的信息發(fā)布和瀏覽技術，并可以實現動態(tài)交互，使開展形象生動、內容豐富的多媒體教學成為可能。Asp技術出現的時代還不算太久遠，許多中小型企業(yè)，學校都是采用此技術實現網上維護的。</p><p>　　在需求分析的過程中我利用了文獻研

32、究法根據一定的研究目的或課題，即調查文獻來獲得資料，從而全面地、正確地了解掌握所要研究問題。并綜合采取實證研究法即依據現有的科學理論和實踐的需要，提出設計，在自然條件下，通過有目的有步驟地操縱，根據觀察、記錄、測定與此相伴隨的現象的變化來確定條件與現象之間的因果關系的活動。主要目的在于說明各種自變量與某一個因變量的關系。</p><p>　　合理客觀的應用了上述需求分析方法后得出這樣一個結論：網絡教學較好地滿足了

33、時代對人才培養(yǎng)的需求。網絡教學充分利用了最新的計算機技術、網絡技術、多媒體技術等，使教學能夠跨越時間、空間的限制，具有極大的靈活性和交互性，使教學材料的展示越來越靈活、形象、生動，是支持新型的教師指導下學生自主式學習方式的最有力工具，因此網絡教學是新形勢下高校培養(yǎng)高素質人才、提高教學質量和效率等高校教學改革中非常重要的內容之一?；谟嬎銠C網絡技術和多媒體技術的現代網絡教學，是傳統(tǒng)學校教學功能的延伸，也是網絡環(huán)境下信息資源共享服務的一個重

34、要方面。它為一切愿意學習的人提供一切學習的機會，提高了教學質量和學習效率。逐步成為學校教學活動不可缺少的一部分。也是辦好教育，加快教育現代化的重要組成部分。網絡教學正是高校為了適應這一形勢而出現的一種新的教學模式。使學習者從知識的被動接受者轉為知識的主動構建者，使教學管理更為簡便、科學的一種新型的教育技術。它改變了傳統(tǒng)教師課堂授課的教學模式，轉而變?yōu)閷W習者突破時間和空間限制的自主學習模式。</p><p>　　總

35、之，這個網絡教學系統(tǒng)正日益貼近我們的自主學習模式，而且目前的現狀越來越緊迫的要求師生交互式系統(tǒng)即教學系統(tǒng)的開發(fā)。</p><p>　　2.2 開發(fā)工具介紹</p><p>　　2.2.1 ASP平臺的選擇</p><p>　　在這個系統(tǒng)中我選擇ASP作為開發(fā)工具。當前的開發(fā)工具有很多，如ASP、PHP等，ASP具有如下特點：</p><p>

36、　?。?）ASP是 Active Server Pages（動態(tài)服務器主頁）的縮寫，它是一個服務器端的腳本環(huán)境。在站點的Web服務器上解釋腳本，可產生并執(zhí)行動態(tài)、交互式、高效率的站點服務器應用程序。ASP可以勝任基于微軟Web服務器的各種動態(tài)數據發(fā)布。</p><p>　?。?）使用普通的文本編輯器，如 Windows 的記事本，即可進行編輯設計。</p><p>　　（3）與瀏覽器無關

37、（Browser Independence）， 用戶端只要使用可執(zhí)行HTML 碼的瀏覽器，即可瀏覽所設計的網頁內容。</p><p>　?。?）ASP方法與傳統(tǒng)靜態(tài)主頁的區(qū)別</p><p>　　把信息系統(tǒng)納入Internet 的框架之后，首先要解決的問題是通過網頁訪問后臺數據庫信息。所有應用程序都被分割為頁面的形式。用戶的交互操作是以提交表單等方式來實現的。這就要求Web 站點具有很強的

38、動態(tài)數據發(fā)布能力。然而目前Web的服務。仍以提供靜態(tài)主頁內容為主。所謂“靜態(tài)”，指的就是站點的主頁內容是固定不變的。無法根據用戶的需求和實際情況作出相應的變化。當瀏覽器通過Internet的HTTP協(xié)議向站點的Web服務器申請主頁時，站點服務器就會將已設計好的靜態(tài)的HTML文件傳送給瀏覽器。若要更新主頁的內容，只能用非在線的手動方式更新HTML的文件數據。</p><p>　?。?）ASP所設計出的是動態(tài)主頁?？?/p>

39、接收用戶提交的信息并作出反應，其中的數據可隨實際情況而改變,無須人工對網頁文件進行更新即可滿足應用需要。例如：當在瀏覽器上填好表單并提交HTTP請求時，可以要求在站點服務器上執(zhí)行一個表單所設定的應用程序，而不只是一個簡單的HTML文件。該應用程序分析表單的輸入數據，根據不同的數據內容將相應的執(zhí)行結果（通常是數據庫查尋的結果集）以HTML的格式傳送給瀏覽器。</p><p>　?。?）數據庫的數據可以隨時變化，而服

40、務器上執(zhí)行的應用程序卻不必更改?？蛻舳说玫降木W頁信息會始終保持新鮮的魅力。</p><p>　　2.2.2 IIS:Internet信息服務</p><p>　　Web服務器是Web應用程序的心臟。IIS（Internet Information Server）作為Windows NT的擴展，自推出以來已經有了很大發(fā)展，其體系結構是當今市場上最受關注的Web服務器之一。新推出的IIS6.0

41、版本增強了系統(tǒng)安全性，具有服務器端腳本開發(fā)調試，內容管理和站點分析，崩潰防護等強大功能。</p><p>　　現在我們利用IIS+ASP構成三層式Web結構的中間一層，將客戶機/服務器結構與Web密切結合，使得Web站點的開發(fā)更方便，實現的功能更強大。</p><p><b>　　2.2.3 數據庫</b></p><p>　　當前流行的數據庫

42、有很多，如Oracle、My SQL、SQL Server、Access等。此次課題研究中，采用Access 2003進行后臺數據管理。Access 2003是一個后臺關系數據庫管理系統(tǒng)，它功能強大操作簡便，是微軟公司推出的基于Windows的桌面關系數據庫管理系統(tǒng)（RDBMS，即Relational Database Management System），是Office系列應用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用

43、來建立數據庫系統(tǒng)的對象；提供了多種向導、生成器、模板，把數據存儲、數據查詢、界面設計、報表生成等操作規(guī)范化；為建立功能完善的數據庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數據管理的任務。</p><p>　　2.2.4 CSS網頁設計技術</p><p>　　CSS是一種樣式表（style sheet）技術。也有的人稱之為層疊樣式表。在主頁制作中采用CSS技術時，只

44、要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者網頁的外觀和格式。使用CSS可有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制；可輕松地控制頁面的布局；可將許多網頁的風格格式同時更新，不用再一一更新每一頁面；也可將站點上所有的網頁風格使用一個CSS文件進行控制，只要修改這個CSS文件中相應的行，整個站點的所有頁面都會隨之發(fā)生變動。</p><p><b>　　2.3 本

45、章小結</b></p><p>　　在這章里對課題的必要性做了具體全面的分析，其中舉出了兩個調查事例，也就是例證法，提供了非常詳細直觀的表格，同時對其它問題做了議論比較。闡釋了傳統(tǒng)的“手動式教學”與“自動式教學”的區(qū)別和利弊。分析了現在學校的網絡化教學趨勢和中小學以及大學的網上教學實施狀況。提出了教學系統(tǒng)激發(fā)自主式學習的概念。章節(jié)的后半部分，給出了課題研究即系統(tǒng)開發(fā)的具體工作。這也是課題研究從剛開始的

46、需求分析到最后的系統(tǒng)測試與結論的總結，所需要經歷的行動指南。在開發(fā)的過程中，我就是按照這樣的一個步驟一步一步的做好系統(tǒng)的。</p><p><b>　　3 系統(tǒng)設計</b></p><p><b>　　3.1系統(tǒng)概要設計</b></p><p>　　系統(tǒng)決定采用Windows xp操作系統(tǒng)平臺，IIS6.0 web服務器

47、，Access 2003以及面向對象簡單易用，功能強大適用范圍廣的Asp技術。</p><p>　　系統(tǒng)的結構體系建立在Web的客戶/服務器（b/s）體系結構的基礎上，根據用戶的輸入提供動態(tài)信息服務，從而實現交互式教學管理。采用模塊化的設計方法，以及一般客戶/服務器數據庫的數據平臺。</p><p>　　學生登陸系統(tǒng)時，只要直接打開系統(tǒng)主界面就可以實現在線學習功能，既模擬課堂的幻燈片式學習

48、又有生動的視頻式學習。在系統(tǒng)主界面中，學生還可以瀏覽學校里的一些通知公告，查看學校的簡單介紹，課程的介紹，學習的課時等情況。在系統(tǒng)右上角部分能夠與老師進行交互式學習，學生提出問題。老師進行解答。</p><p>　　最重要的是在對應的按鈕上，學生能夠實現考試功能，現在具體的頁面注冊，建議使用自己的學號注冊，這樣有利于老師對成績的處理。而后利用自己注冊好的信息登陸考試系統(tǒng)，選擇考試的科目點擊“開始考試”，就能進入初

49、始化考試界面。等考試完成后，點擊“交卷”。等待稍許片刻就能查看到系統(tǒng)給的自動評分。</p><p>　　老師登陸系統(tǒng)時，首先當然是可以進行學生能夠進行的所有操作：查看自己對學生回答的留言，查看課程等相關情況。</p><p>　　然后老師們最重要的操作是點擊左下角的“管理入口”，在管理員登陸界面中輸入自己的帳號和密碼（我設置的默認帳號和密碼均是：admin）。登陸到后臺管理頁面。在管理頁面

50、平臺上進行主要的操作，例如留言信息的查詢，回復和審核。自己帳號和密碼的修改等。當然老師也可以登陸到考試系統(tǒng)對學生的成績進行管理操作。</p><p><b>　　3.2功能設計</b></p><p>　　系統(tǒng)面向二類用戶，分別為教師、學生。為簡化本系統(tǒng)，學生用戶無需登錄進入系統(tǒng)，只擁有系統(tǒng)的部分權限，能瀏覽基本信息，可選擇某種課程進行在線測試，可通過在線答疑與老師交

51、流。老師用戶可以編輯，管理相關信息。詳細的功能設計如下。</p><p>　　3.2.1學生用戶端</p><p>　　學生的整體功能設計，學生功能模塊圖如圖3-1所示。</p><p>　?。?）瀏覽通知公告，學生無需登錄就能在首頁課程列表中閱讀“通知公告”欄目中的通知。</p><p>　?。?）閱讀學院簡介，課程介紹，授課計劃，教務中心

52、等信息：提供學生了解學院和課程的一個平臺，使得學生從剛開始就知道授課計劃從而指定自己的學習計劃。</p><p>　?。?）網上課堂功能的設計，網上課堂效果圖如圖3-2所示。</p><p>　　學生通過單擊“網上課堂”，進入“網上課堂”學習列表，里面有上圖所示的學習材料。只需要往任何一個連接上一點就能進行在線學習了。</p><p>　?。?）視頻教學功能設計，實

53、現視頻教學功能效果。</p><p>　　考試系統(tǒng)功能設計，實現考試功能效果。</p><p>　?。?）在線答疑功能設計，實現留言板功能。學生點擊“我要留言”圖片按鈕，就能進行留言操作，但是不能馬上顯示出來，必須經過老師的審核才能顯示。</p><p>　　3.2.2老師用戶端</p><p>　　老師的整體功能設計，老師功能模塊圖如圖3-

54、3所示。</p><p>　?。?）修改管理員帳號密碼的功能設計：教師能夠對自己的帳號和密碼進行修改操作。</p><p>　　（2）留言回復的功能設計：老師能夠對學生的問題進行回復，并將回復以帖子形式發(fā)表。</p><p>　?。?）留言審核的功能設計：老師能夠對學生的問題進行審核，并將審核了的問題批準以帖子形式發(fā)表。</p><p>　　

55、（4）試題編輯與添加的功能設計：在考試系統(tǒng)中，試題編輯與添加功能的設計，老師只要通過登陸考試系統(tǒng)管理員身份后，選擇對應的科目進行試題管理，就可以完成添加試題的具體操作。</p><p>　?。?）查看管理學生成績的功能設計：老師能夠對學生的成績進行查看，刪除等操作。</p><p>　?。?）查看管理學生用戶的功能設計：老師能夠對學生用戶的用戶名進行查看，修改，刪除等操作。</p&g

56、t;<p><b>　　3.3數據流程</b></p><p>　　系統(tǒng)數據流程包含了：1，學生在線考試功能； 2，教師與學生的在線交互3，學生的在線學習；4，老師的在線操作等。</p><p>　　整體動態(tài)數據流程結構，站點地圖如圖3-4所示。</p><p><b>　　圖3-4 站點地圖</b><

57、/p><p>　　3.3.1 師生數據流圖</p><p>　　師生數據流圖主要反映的是老師與學生之間的服務請求與答復的底層數據交互情況。底層數據流圖如圖3-5所示。</p><p>　　學生發(fā)送服務請求使用教學系統(tǒng)，老師在后臺對系統(tǒng)進行檢測若發(fā)現有留言等信息就實行答復操作。并把答復后的結果通過請求的形式發(fā)給教學系統(tǒng)，再由教學系統(tǒng)把答復的具體內容返回給學生。</p

58、><p>　　3.3.2 學生功能數據流程</p><p>　　主要體現在學生的功能操作數據上?？荚図撁婧痛鹨身撁娣謩e對應在下面的功能模塊中：總體模塊圖如圖3-6所示。它們又分別有進行考試的屬性，和實現留言板功能的屬性。</p><p>　　從上圖可以看出學生的操作基本上集中在學生的主頁面上，也就是圖3-4 站點地圖中的最上面的index.asp中。而后學生有可能產生兩

59、個交互式的請求，分別進入到text.asp（考試頁面），dayi.asp（答疑頁面）。</p><p>　　3.3.3 老師功能數據流圖</p><p>　　老師的數據流主要體現在身份的驗證和管理平臺的管理上。老師功能數據流圖如圖3-7所示。</p><p>　　3.3.4 留言板系統(tǒng)數據流程</p><p>　　學生不用身份認證進入學習頁面

60、，這樣方便沒有注冊的學員，進入后在“在線答疑”模塊提交留言，審核后就能把留言顯示出來。留言板數據流圖如圖3-8所示。</p><p>　　3.3.5 老師與留言板間的詳細數據流</p><p>　　老師對留言系統(tǒng)的操作是審核和回復留言，只有學生的提問審核了才顯示。老師在留言板系統(tǒng)中的數據流圖如圖3-9所示。</p><p>　　3.3.6 考試系統(tǒng)學生數據流<

61、/p><p>　　考試系統(tǒng)學生數據流，考試系統(tǒng)學生數據流圖如圖3-10所示。</p><p>　　3.3.7 考試系統(tǒng)老師數據流</p><p>　　老師也就是考試系統(tǒng)的管理員必須經過身份確認才能進入考試系統(tǒng)管理平臺，在管理平臺中老師可以對學生進行直接的管理，如刪除學生用戶，添加學生用戶。可以修改自己的管理員帳戶名，帳戶密碼?？梢圆榭磳W生考試成績，或者刪除學生考試成績。

62、可以對學生科目進行管理，例如：添加考試試題，編輯考試試題。詳細數據流情況，考試系統(tǒng)老師數據流圖如圖3-11所示。</p><p><b>　　3.4 數據庫設計</b></p><p>　　用戶通過瀏覽器向服務器發(fā)出操作請求然后系統(tǒng)判斷請求的合法性后處理操作請求，將結果返回至客戶端的瀏覽器上，這是本系統(tǒng)的總體處理流程思路。數據庫總體流程圖如圖3-12所示。</p

63、><p><b>　?。?）老師實體圖</b></p><p>　　其中管理員id號是區(qū)分不同的管理員的。老師實體圖如圖3-13所示。</p><p>　　（2）學生實體圖如圖3-14所示。</p><p><b>　?。?）留言實體圖</b></p><p>　　留言實體圖如圖

64、3-15所示。</p><p>　?。?）學生考試分數實體圖如圖3-16所示。</p><p>　?。?）試卷實體圖如圖3-17所示。</p><p>　　體現了試卷的數據庫結構，詳情如下。</p><p>　?。?）老師與學生的E-R圖，老師學生實體聯系圖如圖3-18所示。</p><p><b>　　（7

65、）邏輯結構設計</b></p><p>　　老師信息表，主要是用于老師的身份認證。它和學生信息表相似老師信息表如表3-1所示。</p><p>　　表3-1 老師信息表</p><p>　　留言信息表如表3-2所示。</p><p>　　表3-2 留言信息表</p><p>　　試題信息表如表3-3所示。&

66、lt;/p><p>　　表3-3 試題信息表</p><p><b>　　3.5 本章小結</b></p><p>　　在整個系統(tǒng)中這一章是最重要的，在這里完成了系統(tǒng)的設計，相當于系統(tǒng)要做什么事，有了明確的規(guī)定。在“系統(tǒng)概要”的小節(jié)里就初步體現了系統(tǒng)如何設計的構思。而后通過緊接著的“功能設計”實現了系統(tǒng)的功能規(guī)劃。里面的功能結構圖是系統(tǒng)的基本框架。

67、有了基本框架，在數據流圖的指導下就能很快分析出系統(tǒng)的開發(fā)思路。然后在后面的“數據庫設計”里面，對具體的實體在數據庫中的表示進行了闡述。列出了重要的數據庫邏輯設計表格。在完成這一章的過程中當然也碰到了一些問題，例如：圖表的畫法就是難點之一，在老師的指導下最終很快就利用基本的office軟件完成了操作。</p><p><b>　　4 系統(tǒng)實現</b></p><p>

68、　　在上一章里，重點討論了系統(tǒng)的設計，系統(tǒng)又是如何實現的呢，這就是這一章里面將重點討論的問題，整個系統(tǒng)的實現是很復雜的，也是很煩瑣的。現在重點討論系統(tǒng)重難點模塊的實現。討論模塊如下：網絡教學模塊，考試系統(tǒng)模塊，在線答疑模塊和后臺數據庫的實現。</p><p>　　4.1 網絡教學模塊實現</p><p>　　網絡教學是本系統(tǒng)的中心環(huán)節(jié)，用戶在該系統(tǒng)首頁導航處點擊在線課程列表即可查看所有課程

69、。選擇課程名或查看課程詳情進入相應課程學習界面。</p><p>　　該部分要達到的效果是象老師在課堂講課一樣，通過幻燈片形式引導學生在線學習。如何實現這樣一個功能呢。素材有：老師提供的《計算機網絡與數據庫》幻燈片。經過認真思考和分析，我決定采用網站相冊的方法進行實現。這種方法簡單而且很有效。具體實現思路如下：</p><p>　　打開《計算機網絡與數據庫》幻燈片，點擊“文件”下的“輸出為

70、圖片”，這樣就把每一個幻燈片變做了圖片。</p><p>　　在應用Macromedia Dreamweaver 8 進行編輯的時候，選擇“命令”下的“創(chuàng)建網絡相冊”這樣就彈出了創(chuàng)建網絡相冊圖如圖4-1所示。</p><p>　　圖4-1 創(chuàng)建網絡相冊圖</p><p>　　網絡相冊的創(chuàng)建相當于課程的各個幻燈片創(chuàng)建的成功?，F在就要制作課程列表了。使用開發(fā)工具插入表格

71、命令，同時將每一章節(jié)的章節(jié)效果圖片插入到表格中。然后在每一個單元格里面添加各個課程的名字。效果如“圖3-2”所示。</p><p>　　學習課程內容設計好了，在打開Macromedia Dreamweaver 8創(chuàng)建超鏈接的時候了，逐步為每一個課程項目添加超鏈接。</p><p>　　這樣一個“網上課堂”就創(chuàng)建好了。課程選擇整體效果圖如圖4-2所示。</p><p>

72、;　　圖4-2課程整體效果圖</p><p>　　進入課程學習的具體狀態(tài)效果課程學習效果圖如圖4-3所示。</p><p>　　圖4-3課程學習效果圖</p><p>　　4.2 考試系統(tǒng)模塊的實現</p><p>　　考試系統(tǒng)我是做一個完全獨立的模塊來開發(fā)的?？荚囅到y(tǒng)有三大功能分別是：學生注冊，學生登陸后考試功能，老師登陸后管理功能。<

73、;/p><p>　?。?）考試系統(tǒng)試題添加功能外觀效果，試題添加效果圖如圖4-4所示。</p><p>　　圖4-4試題添加效果圖</p><p>　?。?）學生注冊功能的實現注冊功能，學生注冊頁面如圖4-5所示。</p><p>　　圖4-5學生注冊頁面</p><p>　　數據的提交是采用表單方式提交的。部分代碼如下：

74、</p><p>　　<form action="register.asp" method="post"> </p><p>　　<input type=submit name="submit" value="注冊" class=button></p><p>&

75、lt;b>　　</form></b></p><p>　　整個數據提交的后臺代碼實現如下：</p><p><b>　　<% </b></p><p>　　dim id,studentname,studentpassword'定義變量</p><p>　　dim sql,rs,

76、rsc</p><p>　　if request("submit")="注冊" then '添加新用戶</p><p>　　if trim(request("studentname"))="" or trim(request("studentpassword"))="&

77、quot; then</p><p>　　Response.Redirect "register.asp?errMessage=用戶名或密碼不能為空!"</p><p>　　response.end</p><p><b>　　end if</b></p><p>　　if trim(request(

78、"studentpassword")) <> trim(request("studentpassword2")) then</p><p>　　Response.Redirect "register.asp?errMessage=兩次輸入的密碼不一致!"</p><p>　　response.end</p>

79、<p><b>　　end if</b></p><p>　　set rs=server.createobject("adodb.recordset") '檢查學生是否重名</p><p>　　rs.open "select * from student where studentname='"

80、 & cstr(trim(request("studentname"))) & "'",conn,1,1</p><p>　　if if not rs.bof and not rs.eof then</p><p>　　Response.Redirect "register.asp?errMessage=錯誤!該學生

81、已經存在!!"</p><p><b>　　rs.close</b></p><p>　　response.end</p><p><b>　　end if</b></p><p><b>　　rs.close</b></p><p>　　se

82、t rs=nothing</p><p>　　sql="insert into student(studentname,studentpassword) values('" & cstr(trim(request("studentname"))) & "','" & cstr(trim(request(&q

83、uot;studentpassword"))) & "')"</p><p>　　conn.execute sql</p><p>　　if err.number <> 0 then</p><p>　　Response.Redirect "register.asp?errMessage="

84、; & "數據庫操作出錯:" & err.description</p><p>　　Response.End</p><p><b>　　else </b></p><p>　　session("studentname")=request("studentname")

85、 '通過session變量studentname標志一個學生登陸了系統(tǒng)</p><p>　　response.write "<script language=javascript>window.alert('注冊成功!')</script>"</p><p>　　session("studentname"

86、;)=request("studentname")</p><p>　　Response.Redirect "selectsubject.asp"</p><p><b>　　end if</b></p><p><b>　　end if</b></p><p&g

87、t;<b>　　end if</b></p><p><b>　　%></b></p><p>　?。?）學生考試功能的實現，考試效果圖如圖4-6所示。</p><p><b>　　圖4-6考試效果圖</b></p><p>　　其中開始考試按鈕代碼如下：</p&g

88、t;<p>　　<form method="POST" action="test.asp" name="form"></p><p>　　<p align=center><input type="submit" value="開始考試" id='submit&#

89、39; name="submit1" ></p></p><p><b>　　</form></b></p><p>　　學生考試數據與正確答案的核對代碼的實現：</p><p><b>　　<%</b></p><p>　　dim i,sql

90、,rs,count,temp,strid1</p><p><b>　　strid1=""</b></p><p><b>　　randomize</b></p><p>　　for i=1 to session("singlenumber")</p><p>

91、;　　set rs=server.createobject("adodb.recordset")</p><p>　　Request.Cookies("selectsubjectname") & "'and type='單選題' and haveselect=0 "</p><p>　　sql=&q

92、uot;select * from question where subjectname='"&session("selectsubjectname") & "'and type='單選題' and haveselect=0 "</p><p>　　rs.open sql,conn,3,2</p>&l

93、t;p>　　count=rs.recordcount</p><p>　　temp=fix(count*rnd(10))</p><p>　　rs.move temp</p><p>　　rs("haveselect")=1</p><p>　　strid1=strid1 & rs("ID"

94、;) & ","</p><p><b>　　%></b></p><p><b>　　<% </b></p><p><b>　　rs.update</b></p><p><b>　　next</b></

95、p><p><b>　　%></b></p><p>　　4.3 留言模塊的實現</p><p>　　留言板設計以簡單、實用為終旨，提供一個學生與老師相互交流的平臺。學生用戶可以將某門課程的疑難問題通過留言的形式供學生與老師共同探討。實現的效果要求有：</p><p>　?。?）用戶通過頁面導航進入留言板；</p

96、><p>　?。?）可瀏覽所有留言；</p><p>　　（3）發(fā)表自己的話題以及觀點；</p><p>　?。?）能夠對他人的留言進行回復；</p><p>　?。?）系統(tǒng)管理員可刪除留言；</p><p>　　留言板效果圖如圖4-7所示。</p><p><b>　　圖4-7留言效果圖

97、</b></p><p>　　4.3.1留言板學生端</p><p>　　學生利用留言版進行留言操作效果功能詳細情況在第三章。留言表單圖如圖4-8所示。</p><p><b>　　圖4-8留言表單圖</b></p><p>　　此表單設計采用Macromedia Dreamweaver 8的表格和表單設計工

98、具（如表單按鈕，文本框等部件）很快就能夠實現。提交表單數據的方法和上節(jié)提到到方法是一樣的。</p><p>　　4.3.2 留言版管理端</p><p>　　老師必須通過登陸后才能對留言板進行管理。登陸效果界面如圖4-9所示。</p><p>　　圖4-9登陸效果界面</p><p><b>　　打開數據庫代碼：</b>

99、</p><p><b>　　<% </b></p><p>　　dim rs,sql</p><p>　　set rs=server.createobject("adodb.recordset") </p><p>　　sql="select top 1 * from admin&q

100、uot;</p><p>　　rs.open sql,conn,1,3 </p><p><b>　　%></b></p><p>　　把輸入的用戶名和密碼傳輸給check.asp進行身份認證的表單：</p><p>　　<form name="form1" method="p

101、ost" action="inc/check.asp?action=login"></p><p><b>　　</form></b></p><p>　　身份認證詳細代碼實現：</p><p><b>　　<%</b></p><p>　　if

102、 request("action")="login" then</p><p>　　admin_name=request("admin_name")</p><p>　　admin_pass=request("admin_pass")</p><p>　　set rs=server.cr

103、eateobject("adodb.recordset")</p><p>　　sql="select * from admin where admin_name='"&admin_name&"' and admin_pass='"&admin_pass&"'"</

104、p><p>　　rs.open sql,conn,1,3</p><p>　　if rs.eof then</p><p>　　response.write "<br><br><br><br><font size=2><center>　　對不起，您輸入的用戶名、密碼有誤，請重新輸入！<

105、;br><br>在此<a href=../index.asp>返回</a></font>"</p><p><b>　　else</b></p><p>　　session("admin_name")=request("admin_name")</p>

106、<p>　　response.redirect "../manage.asp"</p><p><b>　　end if </b></p><p><b>　　rs.close</b></p><p>　　set rs=nothing</p><p>　　conn.c

107、lose</p><p>　　set conn=nothing</p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　4.3.3 管理員管理留言版</p><p>　　管理員管理留言版中刪除功能詳細算法如下：&l

108、t;/p><p>　　If 會話變量不為空 Then</p><p>　　If 會話變量<>“管理員”Then </p><p><b>　　顯示“沒有權限”</b></p><p><b>　　End If</b></p><p>　　Elseif 會話變量為空

109、 Then</p><p><b>　　顯示“沒有權限”</b></p><p><b>　　End If</b></p><p>　　調用deletemessage(aid)方法</p><p>　　定義一標記變量flag，獲取返回結果</p><p>　　If flag為

110、true Then //判斷flag</p><p><b>　　顯示“刪除成功”</b></p><p><b>　　Else </b></p><p><b>　　顯示“刪除失敗”</b></p><p><b>　　End If</b><

111、;/p><p>　　4.3.4 老師回復留言</p><p>　　管理員回復留言功能的效果留言回復圖如圖4-10所示。</p><p>　　圖4-10留言回復圖</p><p>　　回復留言功能具體實現代碼：</p><p><b>　　<%</b></p><p>　　

112、if request("action")="save" then</p><p>　　dim ID,reply</p><p>　　id=request("ID")</p><p>　　reply=request.form("reply")</p><p>　　d

113、im rs,sql</p><p>　　set rs=Server.CreateObject("Adodb.Recordset")</p><p>　　sql="select * from liuyanbook where id="&id</p><p>　　rs.open sql,conn,1,3</p>

114、<p>　　rs("reply")=reply</p><p><b>　　rs.Update</b></p><p><b>　　end if</b></p><p>　　response.write "<br>"+"留言回復成功,<fon

115、t color=#ff000>繼續(xù)</font></a>其他操作。"</p><p><b>　　%></b></p><p><b>　　4.4后臺實現</b></p><p>　　4.4.1 后臺管理員的管理</p><p>　　管理員的管理相對比較

116、簡單，只需要輸入修改后的帳號密碼然后點擊確定就能實現管理員帳號和密碼的修改。管理員用戶管理圖如圖4-11所示。</p><p>　　圖4-11管理員用戶管理圖</p><p>　　實現的代碼也比較簡單，具體和用戶注冊是一樣的，只是單單把修改后的用戶名和密碼提交到數據庫中。詳細情況參見本章第二節(jié)。</p><p>　　4.1.2 后臺學生管理</p>&

117、lt;p>　　主要是對學生的刪除與添加操作，當然學生也可以自己從注冊頁面主動添加到學生庫中。學生管理圖如圖4-12所示。</p><p>　　圖4-12 學生管理圖</p><p>　　代碼的實現同樣簡單，具體和用戶注冊也是一樣的，單單把用戶名和密碼提交到數據庫中就可以了。詳細情況參見本章第二節(jié)。</p><p><b>　　4.5 系統(tǒng)測試<

118、/b></p><p><b>　　測試環(huán)境如下：</b></p><p><b>　　1、開發(fā)環(huán)境：</b></p><p>　?。?）體系結構：Browser/Server （2）操作系統(tǒng)：Windows XP </p><p>　　（3）開發(fā)工具：Macromedia Dream

119、weaver 8，Macromedia Fireworks 8， Macromedia Flash 8，IIS 6.0，Access 2003</p><p><b>　　2、 運行環(huán)境</b></p><p>　　Windows XP、IIS6.0 推薦配置要求: CPU:奔騰1.6GHZ以上 內存：512M以上 顯卡：標準VGA，2

120、56色顯示模式以上 硬盤：80GB 其它設備：鼠標等</p><p><b>　　3、 單元測試</b></p><p>　　單元測試集中的檢驗軟件設計的最小單元。正式測試之前必須先通過編譯程序檢查并且改正所有語法錯誤，然后用第三章系統(tǒng)設計作指南，對所有的內部鏈接進行測試，以便發(fā)現模塊內部無法響應的錯誤。這次單元測試我使用白盒測試法，同時對多個模塊并行

121、地進行測試。主要是檢查下述幾點：</p><p>　?。?）參數的數目、屬性與由調用模塊送來的變量是否相同。</p><p>　?。?）全程變量的定義和用法在各個模塊中是否出現了重復定義。</p><p>　?。?）輸入/輸出錯誤的檢查和處理。</p><p>　?。?）錯誤的初始值或不正確的缺省值。</p><p>

122、　?。?）數據類型是否相容。</p><p>　?。?）是否出現了不正常的死循環(huán)。</p><p>　?。?）操作過程中的操作流向。</p><p>　　在測試過程中出現了不少問題，而問題主要是集中在數據類型不相容。經過不斷的調試，修改數據類型，最終解決了這樣的問題。</p><p><b>　　4.集成測試</b>&l