網上教學系統(tǒng)設計與實現.doc

44 畢業(yè)論文網絡教學系統(tǒng)的設計與實現 學生姓名 所在系部 信息工程系 專業(yè)名稱 計算機應用 所在班級 學生學號 26 所在校區(qū) 西安校區(qū) 指導教師 二 一二 年 五 月網絡教學系統(tǒng)的設計與實現摘 要隨著社會的進步 ，網絡技術的發(fā)展為教育界提供了一片嶄新的空間，傳統(tǒng)的教學已無法滿足學校、老師以及學生的需求。新的教學模式網絡教學系統(tǒng)已逐漸融入廣大的教師以及學子中。網絡教學已經成為培養(yǎng)人才，促進科研和教育事業(yè)發(fā)展的重要途徑。本文首先對分析了現代網絡教學的發(fā)展趨勢，指出網絡技術的發(fā)展和網絡教學的發(fā)展是同時進行、相互促進的。然后介紹了B/S 三層系統(tǒng)結構，JSP技術的特點、功能、工作原理等。同時也簡單的介紹了SQL Server2000數據庫的一些特點等。論文主要介紹了本課題的開發(fā)背景，所要完成的功能和開發(fā)的過程。重點地說明了系統(tǒng)設計的核心、設計思想、難點技術和解決方案。系統(tǒng)功能包括前臺顯示和后臺管理兩大模塊。最后，本文將詳細的闡述系統(tǒng)實現的主要功能。分析各個主要細節(jié)的實現部分。關鍵詞：網絡教學 數據庫 JSP B/SAbstractWith the advancement of society, the development of Network technology provides a new space for education. Traditional teaching can not meet the satisfaction of the schools, teachers and the students. The new teaching mode-online teaching system has been used among the teachers and students widely. Online teaching system has been an important way to foster talent, facilitate science & research, and develop education.In this thesis, at first, I analysis the developing current of modern electronic business, and point out that the relation between network technology and net teaching is developing together and accelerating each other.Then introduce the three layers system structure of B/S, the characteristics, functions and working principles of the JSP. Whilst introduce some characteristics of SQL sever2000 simply etc. The article is to introduce the development background of the subject, the function and the course of developing mainly. It explains the systems focal point, design philosophy, difficult point and solution. The system of net teaching includes two parts: the foreground displaying and the background management.Finally, the thesis will state the main functions of system implementation in details.Keywords: net teaching characteristics JSP B/S目 錄緒 論1第1章系統(tǒng)開發(fā)背景和選課依據11.1系統(tǒng)開發(fā)背景11.2選課依據1第2章項目研究目的和開發(fā)意義22.1項目研究目的22.2系統(tǒng)開發(fā)意義2第3章系統(tǒng)需求分析33.1 系統(tǒng)的需求分析33.1.1 教學系統(tǒng)基本模型33.1.2 確定系統(tǒng)功能33.2 系統(tǒng)可行性分析5第4章系統(tǒng)概要設計64.1 系統(tǒng)結構設計64.1.1 設計思想64.1.2 設計目標64.1.3 開發(fā)及運行環(huán)境74.2 系統(tǒng)開發(fā)工具74.2.1 開發(fā)語言JSP（Java Server Page）簡介74.2.2 數據庫SQL Server 2000簡介84.2.3 Dreamweaver簡介94.3 關鍵技術簡介104.3.1 B/S模式簡介104.3.2 動態(tài)網站技術簡介114.3.3 Struts框架簡介114.3.4 Ajax的簡單介紹12第5章系統(tǒng)的總體設計及功能分析135.1 系統(tǒng)功能概述135.2 總體構成設計135.3 系統(tǒng)邏輯設計135.4 數據庫的設計145.4.1主要實體聯系155.4.2 表結構設計15第6章系統(tǒng)模塊詳細設計196.1 系統(tǒng)總流程圖196.2 主頁模塊的設計196.3 登陸界面206.4 管理員界面226.5 學生界面236.6 老師界面266.7 文件上傳的實現286.9 密碼修改的實現306.10 用戶留言功能及實現316.10.1 留言板頁面設計316.10.2 書寫留言326.10.3 管理員管理留言326.11與數據庫的連接相關336.11.1 創(chuàng)建與數據庫的連接336.11.2 訪問數據庫的JavaBean346.12 網站公用模塊35第7章系統(tǒng)實現及收尾處理367.1 系統(tǒng)測試367.2 系統(tǒng)運行與維護377.3 網絡教學網站的測試397.4 系統(tǒng)的不足和展望39開發(fā)總結40參考文獻41致謝42網絡教學系統(tǒng)設計與實現緒 論21世紀,社會正在經歷又一次重大的變革，進入了知識經濟或信息時代。信息化的社會是學習社會，是終身學習的社會。隨著信息時代的到來和計算機技術、網絡技術的發(fā)展，現代遠程教學日益受到人們的重視?，F代網絡教學最為突出的一點是，它利用現代教育技術手段，打破了地域的界限，不僅使講授更為生動，而且使雙向教育成為可能。利用各種多媒體技術和網上交流，學生可以不受時間和地點的限制進行學習，學習的內容更為生動形象。這種網絡化的現代網絡教學，從根本上改變了傳統(tǒng)的“以教為主”的教育模式，變“以教為主”為“以學為主”，使學生個體化的自主學習與交互協(xié)調學習相結合，充分發(fā)揮了學生作為認知主體的主動性和創(chuàng)造性，這些特點決定了遠程網絡教育更適合于21世紀對創(chuàng)新人才的需求。如何充分發(fā)揮網絡的教學功能，使網絡教學真正成為高等教育變革的開始，怎樣利用現有技術，建成功能強大、結構合理的網絡教學體系，正是目前急需考慮和解決的重要問題。本論文正是基于目前網絡教學發(fā)展的現狀和要求，網絡教學體系建設的其中一個方面，即設計和實現通用的遠程網絡教學支持平臺系統(tǒng)。在進行網絡教學的過程中，所有教學活動都是建立在一個網絡教學平臺系統(tǒng)之上的，良好的網絡教學平臺系統(tǒng)將關乎到教學的質量和網絡課程的開展，因此搞好教學平臺設計對整個遠程教學的成功具有十分重要的意義。網絡教學平臺系統(tǒng)是基于瀏覽器/服務器(Browse/Server)體系結構的網上教學應用系統(tǒng)。該平臺提供了完整的遠程網絡教學環(huán)境，如:學生可以在網上進行注冊、登錄、下載資料、公告、提問與瀏覽問題、交流討論等一系列學習活動;教師則可以在網上進行在線管理，包括教學信息發(fā)布與管理，發(fā)布與管理公告、解答學生提出的問題等功能。本系統(tǒng)具有實用、操作簡單、界面清楚、代碼可讀性好，便于維護的特點。同時，系統(tǒng)的設計還充分考慮了通用性和易擴展性。本文首先概述了教學模式的發(fā)展、網絡教學的特點和現狀，研究本項目的背景、意義和本系統(tǒng)所要解決的問題，然后簡要介紹了研究該系統(tǒng)所要應用的相關技術理論，重點論述了網絡教學平臺的系統(tǒng)設計:系統(tǒng)模塊設計，最后論述了網絡教學平臺的詳細設計與實現，包括登陸頁面、主頁面、公告模塊、論壇管理模塊、資料下載模塊設計與實現以及軟件測試。第1章 系統(tǒng)開發(fā)背景和選課依據1.1系統(tǒng)開發(fā)背景 21世紀,社會正在經歷又一次重大的變革，進入了知識經濟或信息時代。信息化的社會是學習社會，是終身學習的社會。隨著信息時代的到來和計算機技術、網絡技術的發(fā)展，現代遠程教學日益受到人們的重視?，F代網絡教學最為突出的一點是，它利用現代教育技術手段，打破了地域的界限，不僅使講授更為生動，而且使雙向教育成為可能。利用各種多媒體技術和網上交流，學生可以不受時間和地點的限制進行學習，學習的內容更為生動形象。這種網絡化的現代網絡教學，從根本上改變了傳統(tǒng)的“以教為主”的教育模式，變“以教為主”為“以學為主”，使學生個體化的自主學習與交互協(xié)調學習相結合，充分發(fā)揮了學生作為認知主體的主動性和創(chuàng)造性，這些特點決定了遠程網絡教育更適合于21世紀對創(chuàng)新人才的需求。如何充分發(fā)揮網絡的教學功能，使網絡教學真正成為高等教育變革的開始，怎樣利用現有技術，保證網絡教學的質量，建成功能強大、結構合理的網絡教學模型，正是目前急需考慮和解決的重要問題。1.2選課依據隨著科學的進步，社會的發(fā)展，現代信息技術的迅猛崛起，利用網絡進行遠程教學已是教育界的一個趨勢。由于信息技術的正規(guī)化，越來越多的人傾向于通過網絡進行教育，也由此使得網絡技術在教育中的應用日益廣泛和深入，特別是internet與校園網的接軌，為學生教育及老師教學提供了豐富的資源。因而也促進了網上教學系統(tǒng)的研究與應用。傳統(tǒng)的教學方法只是局限于教師在課堂上的大眾化授課的講課方式，并不能有效地針對個人情況而學習，不僅浪費了時間而且學習效率不高。網絡環(huán)境下的教學與傳統(tǒng)教學，不僅是教學環(huán)境的不同，在教學內容、教學手段、教學傳播形式上都有本質的區(qū)別。從社會發(fā)展的角度來看，網絡教學可以實現信息資源共享，在網上組織最優(yōu)秀的教材和教法，使學習者在網上可以學到最新的知識。因此是教學改革發(fā)展的方向。第2章 項目研究目的和開發(fā)意義2.1項目研究目的主要目的為建立完備的試題庫，整合現有的考試資源，提高資源的利用率和當前的工作效率；利用計算機自動生成試卷，減少教師負擔，提高試卷的科學性，同時也防止考生抄襲作弊；登陸后可以根據用戶類型的不同分別進入不同的界面，身份驗證嚴格；考生答完卷后答案自動存儲，若時間已到而試題未答完則自動保存成績后強行退出；設定自動閱卷功能，標準化試題由于答案固定，可以讓計算機自動將考生答案和標準化答案比對，自動生成成績，確保成績的公平和公正，從而利于教學改進。該系統(tǒng)提供網上考試及題庫的框架結構，完成包括身份識別、網上考試、成績查詢、試卷生成、自動閱卷以及消息發(fā)布等模塊,具有登錄鑒別、隨機按題型抽題、計時評分等功能,基本滿足常規(guī)要求和設計初期指導思想。但該系統(tǒng)軟件只包括少量題目，大部分由管理員分配權限給任課教師，讓他們選擇適當的題目放到題庫中，可以補充新科目題型，可借助題庫管理系統(tǒng)提供的功能向題庫中加載試題、維護題庫、以及生成試卷和發(fā)布考試新聞，從而將廣大教師從繁重的組卷任務中解放出來，并可以為老師平時在上網時也可以編輯試題并對特定的學生進行考試，這樣教學質量將有極大提高。本文對系統(tǒng)的工作原理、需求分析和總體設計做了簡要的概述,并針對系統(tǒng)中重要的子系統(tǒng)進行了詳細的闡述和說明。2.2系統(tǒng)開發(fā)意義網絡教學系統(tǒng)是基于B/S體系結構的網上教學應用系統(tǒng)，也是一種以學生為主體的教學模式，強調對學生自主性和創(chuàng)造力的培養(yǎng)和以資源為基礎的學習；具有個性化、支持協(xié)作、強調交互和反饋等特點。它具有傳統(tǒng)教學模式無可比擬的優(yōu)點，打破了傳統(tǒng)教學模式在時空上的限制，采用先進的教學手段和教學方法，可以實現個性化教學。不僅可以提高教師和學生工作和學習的效率，降低教師的工作壓力，減輕學生的學業(yè)負擔，增強學生的自主學習積極性，發(fā)揮計算機和網絡 Internet 在教學工作中的作用，也有助于學習者及時了解自己學習的狀況，重新調整學習計劃。因此，開發(fā)網絡教學系統(tǒng)就顯得非常必要。第3章 系統(tǒng)需求分析使用該系統(tǒng)，用戶可以讓所有上網瀏覽的學生看到你在網絡上所顯示的課件信息，并可以查看課件、瀏覽真題和實戰(zhàn)演練，解決了各種環(huán)境因素帶來的困難，使每一個學生根據需求獲得所要的知識，極大的增加了學生學習與相互交流方便性，是教學變得更加有趣、方便、快捷。3.1 系統(tǒng)的需求分析3.1.1 教學系統(tǒng)基本模型經過詳細的調查，我們已經清楚的了解了網上教學平臺流程，接下來需要給出系統(tǒng)的邏輯模型構造系統(tǒng)，邏輯模型的工具是數據流圖和數據字典。數據流圖中沒有任何具體的物理元素，只有用來描繪信息在系統(tǒng)中的流動和處理情況。數據流圖共有四種基本的符號：矩形表示數據的原點或終點（或稱為外部項），圓或橢圓表示變換數據的處理，向右開口的矩形表示數據存儲，箭頭表示數據流，既特定數據的流動方向。本系統(tǒng)的基本模型如圖3-1用 戶登陸系統(tǒng)主窗體編輯(查詢編輯刪除等)退出系統(tǒng)圖3-1 網絡教學系統(tǒng)基本模型3.1.2 確定系統(tǒng)功能需要分析的任務是確定系統(tǒng)必須完成的工作，也就是對目標系統(tǒng)提出完整、準確、清晰、具體的要求。在經過了多方面的調查了解后，就可以確定網上教學系統(tǒng)功能需求。本系統(tǒng)的用戶有管理員、教師、學生，所設計的系統(tǒng)也就包括3個主體系統(tǒng)，以下是網絡教學平臺設計中3個系統(tǒng)所具備的功能：(1)管理員系統(tǒng)管理員系統(tǒng)包括我的消息、學生管理、教師管理、用戶管理、課程管理、開課管理、論壇管理、退出系統(tǒng)、修改管理員密碼等功能。實體圖如圖3-2.學生管理退出系統(tǒng)修改密碼用戶管理題庫管理信息管理管理員系統(tǒng)統(tǒng)論壇管理課程管理公告管理我的消息開課管理教師管理圖3-2 管理員系統(tǒng)實體圖(2)學生系統(tǒng)學生系統(tǒng)包括我的資料、學習公告、作業(yè)公告、課程學習、網絡答疑、在線自測、討論交流、退出系統(tǒng)、修改密碼等主要的功能。實體圖如圖3-3修改密碼網絡答疑作業(yè)公告課程學習學生系統(tǒng)統(tǒng)學習公告在線自測退出系統(tǒng)我的消息討論交流我的資料圖3-3 學生系統(tǒng)實體圖(3)教師系統(tǒng)教師系統(tǒng)包括我的消息、我的資料、學習公告、作業(yè)公告、課程教學、網絡答疑、題庫管理、討論交流、退出系統(tǒng)、修改密碼等功能。實體圖如圖3-4修改密碼網絡答疑作業(yè)公告課程教學教師系統(tǒng)統(tǒng)學習公告題庫管理退出系統(tǒng)我的消息討論交流我的資料圖3-4 教師系統(tǒng)實體圖3.2 系統(tǒng)可行性分析（1）經濟上可行性：本系統(tǒng)的開發(fā)，為學生學習的方便性和有效性帶來了質的飛躍，主要表現有以下幾個方面：第一，本系統(tǒng)的運行可以代替人工進行許多繁雜的勞動，例如傳統(tǒng)的教學；第二，本系統(tǒng)的運行可以節(jié)省許多資源，使得學生在網上得到所需資料，獲得知識，省去了傳統(tǒng)教學上師資與物資的浪費；第三，本系統(tǒng)的運行可以大大的提高學生的學習效率，帶動學習積極性；（2）技術上可行性： 應用的系統(tǒng)開發(fā)工具包括：JSP、SQL Server2000、Tomcat等均已具備開發(fā)實用。（3）運行上可行性：本系統(tǒng)為一個中小型的網上教學系統(tǒng)，所耗費的資源非常的小，學生所需要電腦無論是硬件還是軟件都能夠滿足條件，因此，本系統(tǒng)在運行上是可行的。（4）法律可行性：本系統(tǒng)純?yōu)樗饺嗽O計，在開發(fā)過程中沒有涉及合同、責任等與法律相抵觸的方面。因此，本系統(tǒng)在法律上是可行的。第4章 系統(tǒng)概要設計4.1 系統(tǒng)結構設計4.1.1 設計思想個人教學網站的宗旨是培養(yǎng)學生利用信息技術的意識和能力,促進信息技術與學科課程的整合,逐步實現教學內容的呈現方式、學生的學習方式、教師的教學方式和師生互動方式的變革,充分發(fā)揮信息技術的優(yōu)勢,為學生的學習和發(fā)展提供豐富多彩的教育環(huán)境和有力的學習工具,它的主要功能如下：（1）能夠提供豐富的教學資料,方便學生學習；（2）能夠為學科教師提供網站管理的能力,如學生的注冊,對網站的相關信息進行有效管理（增加、刪除、修改）；（3）能夠提供在線測驗、在線選課，名師指導；（4）大大增強了學生學習的方便性，不受時間、地理位置、地域差異的限制；（5）開辟學生論壇,供學生之間交流心得體會和學習方法；（6）能夠提供一定的安全機制,提供數據信息的授權訪問,防止隨意刪改。4.1.2 設計目標參考現有的網上學習系統(tǒng)模式，并結合當前網絡的現狀，一個較為理想的網絡教學系統(tǒng)應該具有以下幾個目標：l 滿足管理員對數據庫的維護需求；l 滿足教師的題庫管理、試卷生成管理功能；l 滿足教師的在線閱卷評分、在線答疑操作；l 滿足教師的資料上傳功能；l 滿足學生注冊功能；l 滿足學生在線考試、在線學習功能；l 滿足學生在線聊天交流、留言操作功能；l 滿足教師和學生搜索資料功能；l 滿足學生下載資料功能。4.1.3 開發(fā)及運行環(huán)境選擇微軟平臺作為主導，一方面考慮目前微軟的飛速發(fā)展，越來越多的企業(yè)在規(guī)劃內部網絡時，將微軟平臺作為首選方案；令一方面從技術角度來講，微軟平臺上的應用無論是在開發(fā)上，還是在軟件的部署上都是非常容易，而且性能優(yōu)越。具體軟件如下：1. 開發(fā)工具：MyEclipse 6.02. 輔助開發(fā)工具： Dreamweaver 83. 數據庫：SQL Server20004. 服務器 ：Apache Tomcat6.05. 運行環(huán)境 ：安裝JDK1.6支持Java運行。6. 技術：前臺網頁的設計采用JSP技術制作。負責響應用戶對業(yè)務邏輯請求并根據用戶的請求行為，決定將哪個JSP頁面發(fā)送給客戶由servlet處理，JavaBean則負責數據的處理?；居布ㄗh配置：（1）CPU Pentium 2300 Mhz entium III 550 Mhz 以上（2）內存 64MB 以上（3）硬盤 400MB以上本系統(tǒng)在網絡環(huán)境下運行,B/S模式。4.2 系統(tǒng)開發(fā)工具4.2.1 開發(fā)語言JSP（Java Server Page）簡介 JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。Java Servlet是JSP的技術基礎，而且大型的Web應用程序的開發(fā)需要Java Servlet和JSP配合才能完成。JSP具備了Java技術的簡單易用，完全的面向對象，具有平臺無關性且安全可靠，主要面向因特網的等特點。JSP的技術的優(yōu)勢：l 一次編寫，到處運行。在這一點上Java比PHP更出色，除了系統(tǒng)之外，代碼不需要做任何更改。l 系統(tǒng)的多平臺支持?；旧峡梢栽谒衅脚_上的任意環(huán)境中開發(fā)，在任意環(huán)境中進行系統(tǒng)部署，在任意環(huán)境中擴展。相比ASP/PHP的局限性是顯而易見的。l JSP技術是用Java語言作為腳本語言的。Java語言是成熟的、強大的、易擴充的編程語言。l 高效性與安全性。JSP在執(zhí)行前先被編譯成字節(jié)碼，字節(jié)碼由Java虛擬機解釋執(zhí)行，比源碼解釋效率高。l 可維護性。由于JSP技術是一種開放的、跨平臺的結構，因此Web服務器、平臺及其他組件能很容易升級或切換，且不會影響JSP基本的應用程序。l 多樣化和功能強大的開發(fā)工具支持。Java已經有了許多非常優(yōu)秀的開發(fā)工具，而且許多可以免費得到，并且其中許多已經可以順利的運行于多種平臺之下。4.2.2 數據庫SQL Server 2000簡介 1、SQL 2000 簡介 SQL Server 2000是為迅速提供可伸縮性電子商務、企業(yè)及數據倉庫解決方案而開發(fā)的完整數據庫與分析軟件產品。SQL SERVER 2000定位于Internet背景下的數據庫應用，它為用戶的Web應用提供了一款完善的數據管理和數據分析解決方案。同時還是Windows DNA（Distributed Internet Architecture）架構的一個核心組件。它極大地縮短了用戶開發(fā)電子商務、數據倉庫應用的時間。SQL SERVER 2000還提供對XML擴展標示語言支持)和HTTP的全方位支持。2、 SQL 2000的特點l 高效的數據分析性能。通過利用Microsoft SQL Server 2000 Analysis Service多維數據集的數據壓縮、支持處理過程中聚合的部分聚合、以及分區(qū)等功能，提供了一個高效的數據操作機制。由于對數據的組織形式和業(yè)務視角密切聯系，這樣在回答經營分析問題的時候，對數據的查詢，分類，匯總是直接進行的，提供了其他方式所無法比擬的查詢效率。l 靈活的業(yè)務擴展性。數據倉庫技術直接回答的是業(yè)務問題，其實現方式也是以解決一個個業(yè)務需求的形式組織的。l 操作系統(tǒng)集成的安全性。提供了豐富的安全性設置選項。管理員可以在不同的級別上定義最終用戶安全屬性，從而對安全管理進行進一步的加強。從高級到低級，這些級別包括：服務器、數據庫、多維數據集/挖掘模型、維度成員以及單元。這些豐富的不同粒度級別的安全控制使得管理員能夠根據業(yè)務需求的靈活定義系統(tǒng)的安全性。l 客戶及管理工具的易用性。使用辦公中最常使用的Office XP產品作為客戶前端的展現工具，用戶對于系統(tǒng)使用的熟悉程度和認知程度都能大大提高，并有效的降低了用戶培訓和維護的費用。管理端則使用和其他管理工作相似的界面MMC，使管理人員也在一個操作經驗和操作方式相似的環(huán)境下進行所有的管理工作。同時SQL Server 2000還提供了包括多種向導和編輯器，使得管理員能夠根據系統(tǒng)的提示逐步完成任務，這些工具將極大的簡化DBA和其他IT管理人員的系統(tǒng)使用。l 和業(yè)務發(fā)展水平相適應的投資保護。 業(yè)務量的增大，歷史數據的增多都會使得一個在運行初期高效的系統(tǒng)逐漸變得超負荷運轉。本方案對于性能的提升解決方法是橫向擴展的策略，通過增加服務群節(jié)點的方法使細統(tǒng)性能獲得線性增長的能力，同時也充分保護了客戶的系統(tǒng)建設投資。使得用戶可以在開始階段以一個相對較為低的投資快速建設一個符合業(yè)務規(guī)模并在一定時間內可以滿足業(yè)務需要的系統(tǒng)，然后根據實際運行的情況進行擴容，得到一個最佳的系統(tǒng)投資方式。l 快速的開發(fā)與生產投入。支持基于Windows 2000 Advance Server的Fail Over Cluster技術，確保系統(tǒng)的24*7的高可靠性；目前微軟的這個數據庫產品應用于DELL、微軟和NASDAQ等多家大型商業(yè)站點。4.2.3 Dreamweaver簡介 Dreamweaver是Macromedia公司推出的可視化網頁編輯工具，它是目前最流行的網頁設計軟件之一，它提供了可視化的網頁編輯工具，具有所見即所得的功能，它與Fireworks和Flash一起被譽為網頁制作“三劍客”。 Dreamweaver與其他的網頁開發(fā)工具相比，具有以下優(yōu)勢：l 方便的代碼編輯。 提供HTML編輯器，能方便自如地在可視化編輯狀態(tài)與源代碼編輯狀態(tài)之間切換l 強大的動態(tài)網頁支持。Dreamweaver的行為讓設計者在不會JavaScript的情況下，也能給網頁添加動態(tài)的效果，還可以精確地對其進行定位，再加上時間鏈的功能，可以生成豐富的動態(tài)層效果。l 不生成冗余代碼?？梢暬木W頁編輯器可以把設計者的操作轉換成相應的HTML源代碼，Dreamweaver在使用時不會生成多余的無用代碼，避免了很多麻煩。而且可以通過設置，利用Dreamweaver清除掉網頁文件中原有的多余代碼。l 操作簡便。利用Dreamweaver中的可視化編輯功能，設計者可以快速地創(chuàng)建頁面，而無需編寫任何代碼；可以查看所有站點元素或資源，并將它們從易于使用的面板直接拖到文檔中，從而優(yōu)化了設計者開發(fā)工作的流程。l 優(yōu)秀的網站管理功能。Dreamweaver可以讓設計者使用服務器技術生成由動態(tài)數據庫支持的Web應用程序。設計者還可以定義本地站點，如果改變了文件的名稱和位置，Dreamweaver可以自動更新相應的超級鏈接，大大地簡化了工作。另外，還可以通過FTP上傳或更新管理遠程的站點。l 便于擴展。Dreamweaver支持各種第三方的插件以擴展功能；也可以自己制作插件，使Dreamweaver MX 2004變得更方便實用。l 功能全面的編碼環(huán)境。Dreamweaver還提供了功能全面的編碼環(huán)境，其中包括代碼編輯工具，有關HTML、層疊樣式表（CSS）、JavaScript、ColdFusion標記語言、ASP和JSP的參考資料。Macromedia可自由導入導出HTML技術，可導入手工編碼的HTML文檔，而不會重新設置代碼的格式，可以隨后用首選的格式設置樣式來重新設置代碼的格式。4.3 關鍵技術簡介 4.3.1 B/S模式簡介B/S（Browser/Server）結構即瀏覽器和服務器結構。它是隨著Internet技術的興起，對C/S結構的一種變化或者改進的結構。在這種結構下，用戶工作界面是通過WWW瀏覽器來實現，極少部分事務邏輯在前端（Browser）實現，但是主要事務邏輯在服務器端（Server）實現，形成所謂三層3-tier結構。這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體成本。以目前的技術看，局域網建立B/S結構的網絡應用，并通過Internet/Intranet模式下數據庫應用，相對易于把握、成本也是較低的。它是一次性到位的開發(fā)，能實現不同的人員，從不同的地點，以不同的接入方式（比如LAN,WAN,Internet/Intranet等）訪問和操作共同的數據庫；它能有效地保護數據平臺和管理訪問權限，服務器數據庫也很安全。4.3.2 動態(tài)網站技術簡介Internet起源于20世紀60年代的美國,它在近幾年迅速風靡全球,其根本原因不僅在于她擁有卓越的國際通信功能,更在于它擁有巨大的信息資源.所謂的Internet是指由分布在全世界成千上萬的計算機網絡遵循一定的通訊協(xié)議,并相互聯系在一起而形成的國際互連網絡,也就是說,Internet是建立和使用這些網絡的人群,群體,公司以及各種網絡資源的集合體。隨著網絡技術的不斷發(fā)展,單純的靜態(tài)頁面已經不能滿足發(fā)展的需要,因為靜態(tài)頁面是用單純的HTML語言組成的,它沒有交互性因此,為了滿足實際的需要,許多網頁文件擴展名不再只是“htm”,“html”,出現了以“php”,“asp”,“jsp”,“shtml”等為后綴的網頁文件,這些都是采用動態(tài)網頁技術制作出來的。4.3.3 Struts框架簡介 使用Struts的目的是為了幫助我們減少在運用MVC設計模型來開發(fā)Web應用的時間。它通過采用 Java Servlet/JSP 技術，實現了基于Java EE Web應用的MVC設計模式的應用框架，是MVC經典設計模式中的一個經典產品。在 Struts 中，已經由一個名為 ActionServle的Servle充當控制器(Controller)的角色，根據描述模型、視圖、控制器對應關系的 struts-config.xml 的配置文件，轉發(fā)視圖(View)的請求，組裝響應數據模型（Model）。在 Struts 的View 端，除了使用標準的JSP以外，還提供了大量的標簽庫使用，同時也可以與其他表現層組件技術（產品）進行整合，比如 Velocity Templates，XSLT 等。通過應用 Struts 的框架，最終用戶可以把大部分的關注點放在自己的業(yè)務邏輯（Action）與 映射關系的配置文件（struts-config.xml）中。本系統(tǒng)主是應用Struts框架開發(fā)，通過Struts框架將模型層、視圖層、控制層這些概念分別對應到了不同的Web應用組件。因此可以說Struts是MVC模型具體實現。在Struts框架中，模型由實現業(yè)務邏輯的JavaBean組件構成，控制器由ActionServlet和Action來實現，視圖層由一組JSP文件與Struts標簽庫構成。Struts實現的MVC設計模式如圖4-1所示：瀏覽器Struts配置文件Struts-config.xml（模型層）JavaBean等Java Web 服務器（控制器層）ActionServletAction(視圖層)JSP或Struts標簽 圖4-1 Struts實現MVC設計模式4.3.4 Ajax的簡單介紹Ajax 不是一種新的編程語言，而是一種用于創(chuàng)建更好更快以及交互性更強的 Web 應用程序的技術。 通過 Ajax，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 對象來直接與服務器進行通信。通過這個對象，您的 JavaScript 可在不重載頁面的情況與 Web 服務器交換數據。Ajax在瀏覽器與 Web 服務器之間使用異步數據傳輸（HTTP 請求），這樣就可使網頁從服務器請求少量的信息，而不是整個頁面,從而減少了用戶的等待時間。使用Ajax的最大優(yōu)點，就是能在不更新整個頁面的前提下維護數據。這使得Web應用程序更為迅捷地回應用戶動作，并避免了在網絡上發(fā)送那些沒有改變過的信息。 Ajax不需要任何瀏覽器插件，但需要用戶允許JavaScript在瀏覽器上執(zhí)行。就像DHTM程L應用程序那樣，Ajax應用序必須在眾多不同的瀏覽器和平臺上經過嚴格的測試。本系統(tǒng)中在在線考試中充分運用了Ajax的技術實現。第5章 系統(tǒng)的總體設計及功能分析5.1 系統(tǒng)功能概述 網上教學的整個流程，用戶進入教學網站首頁，可以查看網站公告和最新信息，但需注冊登記成為會員，填寫有關會員的資料，才能對網站進行深入的搜索。注冊成功后使用其注冊的帳號登錄（只有登錄后才可以使用網上實戰(zhàn)演練功能，并在網站論壇上發(fā)表言論），通過網站上的課件查詢，查找相關課件，瀏覽課件的信息，找到所需學習或考試的資料后，會員便可以使用實戰(zhàn)演練功能對所學知識進行鞏固，以加深印象。會員還可以進入互動論壇頁面進行留言，與其他會員交流信息，給管理員提出建議或不滿。管理員隨時查看留言，有選擇性的采納會員的建議，及時更新網站內容。5.2 總體構成設計要實現網絡教學系統(tǒng)的功能，一個重要的技術就是要實現通過瀏覽器來訪問數據庫。這個功能可以通過JSP與SQL 2000的結合來完成。在設計用戶界面的時候，把頁面都設計成JSP的，然后用JSP去訪問數據庫。用JSP訪問數據庫涉及創(chuàng)建數據源、創(chuàng)建鏈接、創(chuàng)建數據對象、操作數據對象、關閉并釋放數據對象等環(huán)節(jié)。這其中又涉及DSN(Data Source Name)的配置以及用JSP訪問數據庫的各種語法格式。 在實際的設計中，對數據庫的訪問操作設計是結合用戶界面的設計同時進行的。換句話說，我們要設計的用戶界面幾乎都是JSP格式的。用戶界面的設計包括網頁的外觀設計和網頁的層次結構設計。其中網頁的外觀設計可借助網頁設計工具來進行，其基本原則是：實用、方便和美觀。網頁的層次結構應能滿足教學系統(tǒng)的基本需要。具體來說，一方面學生能夠通過網站方便地登錄進行課件的查詢和學習，并能與其他學生進行網上交流。另一方面管理員能夠通過網站方便地對課件和資料進行后臺管理，對學生留言進行細致的慎思，以完善用戶需求。5.3 系統(tǒng)邏輯設計經過對網上教學功能與網站構建目標的分析，網站由以下幾個部分組成：網站介紹、會員登記、課件查詢、在線留言、后臺管理。各功能分解成若干子模塊分工合作共同完成，如圖5-1系統(tǒng)框架所示網絡教學系統(tǒng)用戶功能學生注冊登錄退出課件查詢等級考試BBS管理員功能課程管理題庫管理人員管理論壇管理圖 5-1系統(tǒng)框架系統(tǒng)從用戶類型劃分為四大模塊：管理員模塊，教師模塊，學生模塊和互動模塊。各模塊的關系如圖5-2所示：圖5-2 系統(tǒng)模塊關系圖 四個模塊既有自己的功能，同時相互之間也并非完全孤立，而是相輔相成的有機組合體。5.4數據庫的設計數據庫設計主要解決的問題是：對于一個給定的應用領域，設計優(yōu)化數據和物理結構，使之滿足用戶信息管理要求和數據操作要求，有效地支持各種應用系統(tǒng)的開發(fā)和運行，它的目標是為各種應用系統(tǒng)提供一個高效率的運行環(huán)境。設計時的效率包括：數據庫存取效率、存儲空間的利用率。Web數據庫具有大量可供設計策略的選擇，我們最終希望得到優(yōu)化的設計方案，要到達這個目的必須在選取存儲結構和方法之前對數據庫數據進行詳細的分析，分析內容包括以下三點：l 各種數據的關系l 各種數據涉及的條件以及屬性l 各種數據使用的頻率。設計數據庫時還應注意：1、設計字段長度的原則是即要滿足用戶數據處理的長度需要，又考慮如何節(jié)省存儲空間，對各種數據及文字結論所需長度進行認真調查，使之為最小。2、在數據庫結構定義中，充分考慮了各種字段的定義問題，考慮用戶可能發(fā)生的對數據的操作，調整字段的類型。5.4.1主要實體聯系教學網站的實體包括：網站用戶、課件、管理員（包括網站本身和為網站提供課件和各種資料的管理員委托人）。本系統(tǒng)考慮的主要實體為用戶、網站、課件，其主要實體E-R圖如下圖5-3實體聯系所示：圖 5-3 實體聯系5.4.2 表結構設計1. 管理員表此表是用來管理員登陸的，共有4個字段，其中ID 字段設為主鍵，數據類型是自動編號，Name和Pwd字段分別用來存放管理員的登錄名和密碼， Pic存放照片路徑。如表5-4所示。字段名數據類型大小可否為空名稱說明IDint4否編號Pwdvarchar20是管理員密碼Namevarchar10否管理員名字Picvarchar200是照片表5-4 管理員表admin2. 學生表此表存放管理員添加的學生相關信息。如：編號、登陸密碼、學生名字、性別、聯系電話、郵箱、QQ號、學號、籍貫、身份證號等。如表5-5所示。字段名數據類型大小可否為空名稱說明IDint4否編號Pwdvarchar20是登陸密碼Namevarchar10否學生名字Sexvarchar5是性別Telvarchar20是聯系電話Emailvarchar50否郵箱QQvarchar20是QQ號Snovarchar20是學號Nativevarchar50是籍貫CardIDvarchar20是身份證號zhuanyeIDint4是專業(yè)IDpicvarchar200是照片表5-5 學生表student3. 教師表此表存放管理員添加的教師相關信息。如：編號、登陸密碼、教師名字、簡介、性別、聯系電話、郵箱、QQ號、專業(yè)ID、教師號。如表5-6所示。字段名數據類型大小可否為空名稱說明IDint4否編號Pwdvarchar20是登陸密碼Namevarchar10否教師名字Synopsisvarchar500否簡介Sexvarchar5是性別Telvarchar20是聯系電話Emailvarchar50否郵箱QQvarchar20是QQ號zhuanyeIDint4是專業(yè)IDTnovarchar20是教師號Picvarchar200是照片表5-6 教師表Teacher4. 課件表：此表存放老師發(fā)布的課件的相關信息。如：標號、標題、內容、課件ID、添加人、添加時間。如表5-7所示。字段名數據類型大小可否為空名稱說明IDint4否編號Titlevarchar20否標題Contentvarchar500是內容SujectIDint4否課件IDAddManvarchar10是添加人Addtimevarchar20是添加時間表5-7 作業(yè)發(fā)布表HomeworkNotice5. 考試成績表考試成績表包括：成績編號，用戶編號，所在院系等），如表5-8所示：字 段名稱數據類型寬度是否為空說明idInt4no成績編號useridInt4no用戶編號 username_Nvarchar50no用戶名DepartmentNvarchar50no所在院系OfficeNvarchar50no所學專業(yè)subjectNvarchar50no試題類別TestidInt4no試題編號AtarttimeDatatime8no開始時間endtimeDatatime8no結束時間scoreint4no分數表5-8 考試成績表6. 試題信息庫試題信息庫exam_database(試題編號，科目，類型等) ，如表5-9所示：字 段名稱數據類型寬度是否為空小數位說明idint4no試題編號subjectnvarchar50no科目typenvarchar50no類型questiopnntext16no問題Text1.Text6ntext16no選項answernvarchar50no2答案markint4no0分數表5-9 試題信息庫7. 試卷信息表試卷信息表exam_test(試卷編碼，考試科目等) ，如表5-10所示：字 段名稱數據類型寬度是否為空說明testidint4no試卷編碼subjectnvarchar50no考試科目 Totalperchar7no試卷總分Singlecountint4no試題分布Singleperint4分值分布Multiperint4多選題分布multicountint4多選題分值分布Judgecountint4判斷題分布judgeperint4判斷題分值分布Testtimeint4考試時間Starttimedatetime8考試開始時間表5-10試卷信息庫表8. 論壇表：此表存放論壇中發(fā)帖的相關信息。如：編號、帖子主題、帖子作者、發(fā)帖時間、帖子正文、父結點、最后更新時間、最后更新用戶。如表5-11所示。字段名數據類型大小可否為空名稱說明IDint4否編號Titlevarchar40否帖子主題Postervarchar10是帖子作者PostTimevarchar20是發(fā)帖時間Contentvarchar700是帖子正文ParentIDint4是父結點LastUpdateTimevarchar20是最后更新時間LastUpdateUservarchar20是最后更新用戶表5-11 論壇表BBS9. 留言表 字段名數據類型大小可否為空名稱說明IDint4否編號Useridvarchar40否用戶昵稱Uemailvarchar10是電子郵箱Uqqvarchar13是QQ號uneirongvarchar700否留言內容imagevarchar4是頭像表5-12留言表本文列出了一些主要的數據庫中的表，在設計的過程中，一些非主要的表，可以隨時增加，但是一定要考慮數據庫設計的原則。第6章 系統(tǒng)模塊詳細設計6.1 系統(tǒng)總流程圖在啟動程序時，將進入登錄界面進行用戶的身份驗證。如果用戶的身份通過就可以進入不同的系統(tǒng)進行操作。系統(tǒng)的總流程圖如圖6-1所示。啟動程序用戶登錄用戶權限可以管理系統(tǒng)中所有信息，包括添加、修改、刪除和查詢等操作。學生：考試、課件下載和網上學習教師：考試管理、學生管理、課件操作等系統(tǒng)管理員教師和學生驗證失敗重新登錄圖 6-1系統(tǒng)總流程圖6.2 主頁模塊的設計本系統(tǒng)的主頁界面如圖 6-2網站主頁 所示：圖 6-2網站主頁6.3 登陸界面本系統(tǒng)首先進入的是網上教學系統(tǒng)的登陸頁面，并且能同時實現