畢業(yè)設計----網絡教學平臺的設計與實現

1、<p><b>　?。?lt;/b></p><p>　　二〇一〇 年 六 月</p><p><b>　　摘 要</b></p><p>　　隨著計算機技術和網絡技術的飛速發(fā)展，網絡在教育領域發(fā)揮越來越大的作用，產生了網絡教學這一新的教學模式。網絡教學作為現代教育的一個重要發(fā)展方向正在高等院校深入開展，但其教學效果并

2、不盡如人意，缺乏高質量的通用的網絡教學管理平臺是其中的重要原因之一。</p><p>　　在分析了國內外網絡教學管理平臺的開發(fā)現狀的基礎上，設計與實現了一個基于J2EE技術的通用網絡教學管理平臺。系統(tǒng)設計和實現中所用工具和技術：Rational Rose 2003、viso2003、PowerDesigner12.5 、Oracle10g、Struts2和Hibernate3。系統(tǒng)實現的主要功能如下：1、管理員對

3、教師、學生、班級課表、班級、公告信息的增加、刪除、修改、查詢、批量導入等功能。2、教師發(fā)布并管理課內通知，管理上傳的各種學習資料，布置學生作業(yè)，評定并管理學生在線提交的作業(yè)，在線解答學生的疑難問題，參與學生的課程論壇討論并管理學生的討論內容等功能。3、學生可以查看教師發(fā)布的通知，查詢并下載教師上傳的學習資料，也可以在線觀看教師上傳的學習視頻，查看教師布置的作業(yè)并提交未過期的作業(yè)，也可以查看教師的評定、展示精品作業(yè)，向教師提問疑難問題，參

4、與課堂討論等功能。</p><p>　　本文設計的網絡教學平臺由系統(tǒng)后臺管理、教師教學管理和學生學習管理三個子系統(tǒng)組成。它具有以下特點：一是操作簡便，界面友好；二是功能較全面；三是功能較強大，具有通用性，能夠滿足我們學院日常教學的要求，具有較強的應用價值。</p><p>　　關鍵詞：網絡教學平臺；Oracle10g；Struts2；Hibernate3；J2EE架構</p>

5、<p><b>　　Abstract</b></p><p>　　With the development of computer and network technology, the network plays more and more important role in the educational fields，So this new educational mode

6、l，networking education model occurred. The network teaching is developing thoroughly in university, but the teaching effect is not entirely satisfactory．One of the most important reasons is the lack of the high quality u

7、niversal network teaching platform．</p><p>　　Based on the analysis of present situation of network teaching platform development in the domestic and foreign，this system has been designed and realized univers

8、al network teaching management platform using the J2EE technology．During the development and realization of The Network Teaching Platform , the follows tools and technology are used .Such as : Viso drawing tool, Rational

9、 Rose 2003, PowerDesigner 12.5, Oracle10g , Struts2 and Hibernate3 and so on．The functions of the system are follows: </p><p>　　The network teaching management platform is composed of three subsystems，the ad

10、ministrator management，the teacher teaching management and the student study．The platform has the following features：First，the operation is simple and the surface is friendly；Second，the platform is comprehensive in funct

11、ion；Third, the platform with power function and has the universal characters can meet the requirement of the teaching activities of our college so this system has strong application value.</p><p>　　Keywords:

12、 Network Teaching Platform; Oracle 10g;Struts2;Hibernate3;J2EE Structure</p><p><b>　　目 錄</b></p><p><b>　　引 言1</b></p><p>　　第一章 相關技術簡介2</p><p>

13、　　1.1 struts2框架技術簡介2</p><p>　　1.2 Hibernate3框架技術簡介3</p><p>　　1.3 JSP簡介4</p><p>　　1.4 Oracle10g簡介5</p><p>　　1.5 Dream weaver簡介6</p><p>　　1.6 Fireworks簡

14、介7</p><p>　　第二章 系統(tǒng)分析8</p><p>　　2.1 需求分析8</p><p>　　2.1.1 分析目的8</p><p>　　2.1.2 項目背景8</p><p>　　2.2 任務概述8</p><p>　　2.3 系統(tǒng)工作流程9</p>

15、<p>　　2.4 功能分析9</p><p>　　2.5 系統(tǒng)處理流程11</p><p>　　2.6 數據分析14</p><p>　　2.6.1 數據庫設計14</p><p>　　2.6.2 數據庫介紹16</p><p>　　第三章 系統(tǒng)設計23</p><p>

16、;　　3.1 功能劃分23</p><p>　　3.2 層次模塊圖23</p><p>　　3.3 功能描述25</p><p>　　第四章 系統(tǒng)實現31</p><p>　　4.1 運行及實現31</p><p>　　4.1.1首頁模塊31</p><p>　　4.1.2管理員后

17、臺管理子系統(tǒng)31</p><p>　　4.1.3教師管理子系統(tǒng)34</p><p>　　4.1.4學生學習子系統(tǒng)39</p><p>　　4.2 核心代碼48</p><p>　　4.3遇到的問題及解決方法54</p><p><b>　　結 論56</b></p>&l

18、t;p><b>　　參考文獻57</b></p><p><b>　　謝 辭59</b></p><p><b>　　圖表清單</b></p><p>　　圖1-1 Struts框架體系結構圖2</p><p>　　圖1-2 Hibernate框架體系結構圖3&l

19、t;/p><p>　　圖1-3 JSP原理圖4</p><p>　　圖2-1 信息工程學院網絡教學平臺工作流程圖9</p><p>　　圖2-2 游客用例圖10</p><p>　　圖2-3 管理員用例圖10</p><p>　　圖2-4 教師用例圖11</p><p>　　圖2-5 學生

20、用例圖11</p><p>　　圖2-6 網絡教學平臺游客操作流程圖12</p><p>　　圖2-7 網絡教學平臺管理員操作流程圖12</p><p>　　圖2-8 網絡教學平臺學生操作流程圖13</p><p>　　圖2-9 網絡教學平臺教師操作流程圖14</p><p>　　圖2-10 網絡教學平臺數據

21、庫物理模型15</p><p>　　表2.1 Network Teaching Platform Data數據庫15</p><p>　　表2.2 管理員發(fā)布公告表BULLETIN16</p><p>　　表2.3 TBADMIN表16</p><p>　　表2.4 TBBUZHIHOMEWORK表16</p><

22、;p>　　表2.5 TBCLASS表17</p><p>　　表2.6 TBCOLLEGE表17</p><p>　　表2.7 TBDEPT表17</p><p>　　表2.8 TBJIANGYI表17</p><p>　　表2.9 TBLITERATURE表18</p><p>　　表2.10 TBM

23、AJOR表18</p><p>　　表2.11 TBNOTICE表18</p><p>　　表2.12 TBNOTICEREADNOTE表18</p><p>　　表2.13 TBPROBLEM表19</p><p>　　表2.14 TBPYJH表19</p><p>　　表2.15 TBREPLYPOST表

24、19</p><p>　　表2.16 TBSTUDENTS表20</p><p>　　表2.17 TBSUBMITHOMEWORK表20</p><p>　　表2.18 TBTEACHERS表20</p><p>　　表2.19 TBTIEZI表21</p><p>　　表2.20 TBTOOLS表21&l

25、t;/p><p>　　表2.21 TBVISUALMATERIAL表22</p><p>　　表2.22 TEACHERCOMMENT表22</p><p>　　圖3-1 網絡教學平臺管理員子系統(tǒng)總體結構圖24</p><p>　　圖3-2 網絡教學平臺教師子系統(tǒng)總體結構圖24</p><p>　　圖3-3 網絡教

26、學平臺學生子系統(tǒng)總體結構圖25</p><p>　　圖4-1 首頁界面31</p><p>　　圖4-2 管理員主界面32</p><p>　　圖4-3班級課表管理32</p><p>　　圖4-4 管理員公告管理界面33</p><p>　　圖4-5 發(fā)布公告界面33</p><p&g

27、t;　　圖4-6 提示信息34</p><p>　　圖4-7 我的課程34</p><p>　　圖4-8 教師管理主界面35</p><p>　　圖4-9 通知管理界面35</p><p>　　圖4-10 講義資料管理界面36</p><p>　　圖4-11 上傳講義界面36</p><

28、p>　　圖4-12 作業(yè)管理界面37</p><p>　　圖4-13 教師疑難解答界面37</p><p>　　圖4-14 教師解答界面38</p><p>　　圖4-15 教師課程論壇界面38</p><p>　　圖4-16 教師回復學生發(fā)帖界面39</p><p>　　圖4-17 學生登錄后的界面

29、40</p><p>　　圖4-18 學生課程通知界面40</p><p>　　圖4-19 學生課程通知界面41</p><p>　　圖4-20 學生在線學習界面41</p><p>　　圖4-21 學生在線觀看界面42</p><p>　　圖4-22 學生作業(yè)管理界面42</p><p&

30、gt;　　圖4-23 學生查看作業(yè)界面43</p><p>　　圖4-24 學生查看作業(yè)內容界面43</p><p>　　圖4-25 學生查看精品作業(yè)界面44</p><p>　　圖4-26 學生精品作業(yè)界面44</p><p>　　圖4-27 學生查看精品作業(yè)內容界面45</p><p>　　圖4-28 學

31、生提交作業(yè)界面45</p><p>　　圖4-29 學生疑難解答界面46</p><p>　　圖4-30 學生自己所問問題界面46</p><p>　　圖4-31 學生提問問題界面47</p><p>　　圖4-32 學生課程論壇界面47</p><p>　　圖4-33 學生精華區(qū)界面48</p>

32、;<p><b>　　引 言</b></p><p>　　21世紀是信息的世紀，以計算機、網絡和通信技術為核心的現代信息技術迅猛發(fā)展，給人們的生活方式帶來了巨大的變化，同時對高等學校的人才培養(yǎng)和教學方法也提出了新的要求。傳統(tǒng)的教育是以教師為中心、課堂為中心、書本為中心的“三中心”論的管理式教育，教師臺上講，學生臺下聽，教師滿堂灌，學生被動接受。這種教育忽略了學生的主體作用，不能

33、很好的發(fā)揮學生的主觀能動性，因此在學習的過程中，學生始終處于被動的地位，養(yǎng)成了過分依賴的思想，不能提高學習的效率。為此，信息工程學院積極組織研發(fā)網絡教學平臺，來輔助我院的日常教學工作。</p><p>　　網絡教學平臺的開發(fā)可以使教務的管理、教師的教學和學生的學習更加方便。系統(tǒng)管理員利用該平臺可以管理學生、教師、班級、系、專業(yè)、學院和班級課表等操作。同時系統(tǒng)管理員也可以發(fā)布學堂公告，便于告知教師和學生相關教務信息

34、。教師利用該平臺可以發(fā)布課內通知，管理個人信息，管理講義資料，管理作業(yè)，答疑，管理論壇。學生使用管理員提供的用戶名和密碼可以登錄到系統(tǒng)，然后學生點擊相應的課程進入該課程的功能界面。學生在該功能界面里可以進行一系列操作，包括：查看課程通知和課程信息，講義資料的下載，在線視頻學習和與教師交流，查看精品作業(yè)，查看老師布置的作業(yè)，提交作業(yè)，查看老師對自己作業(yè)的評定，查看其他學生提出的問題，根據問題關鍵詞搜索問題，向老師提問問題，查看自測題以及相

35、應的答案。學生在課程論壇中可以查看精華帖，可以在相應的論壇分組中發(fā)帖子，也可以回復其他同學發(fā)的帖子。</p><p>　　本平臺豐富的功能可以滿足學院的日常教學工作，可以使教師的教學和學生的學習更加方便、有效，從而提高了教學效率。</p><p>　　第一章 相關技術簡介</p><p>　　1.1 struts2框架技術簡介</p><p>

36、;　　Struts架構是MVC設計模式的一種實現，它將Servlet和JSP標記(屬于J2EE規(guī)范)用作實現的一部分。Struts繼承了MVC設計模式的各項特性，并根據J2EE的特點，做了相應的變化與擴展。</p><p>　　Struts框架體系結構如圖1-1所示。其中FilterDispatcher作為主控制器由Struts2框架本身提供，系統(tǒng)所有其它動作，都要經過FilterDispatcher來分發(fā)即管理

37、系統(tǒng)所有的行為。由它決定哪個Action被真正調用并處理導航流，同時Action可以通過配置文件來管理，在一定程度上增加了整體結構的靈活性。Action作為分控制器負責某一個或者多個業(yè)務邏輯的調度，并把響應結果數據提交到相應的表現層（視圖）組件顯示給用戶。模型包括概念模型（實體組件）和設計模型（業(yè)務邏輯組件），實體組件是對物理實體的抽象，代表業(yè)務實體的數據；業(yè)務邏輯組件主要是對業(yè)務邏輯處理功能的具體實現，有普通的JavaBean組件類表

38、示，本質上是負責處理系統(tǒng)的業(yè)務邏輯和訪問底層數據庫。視圖負責接收客戶端用戶數據和返回后臺處理的響應結果數據給用戶。配置文件struts-config.xml用于定義框架中各個對象之間的關系，將框架中的視圖(JSP)、分控制器(Action) 等部分聯系在一起；所有與Struts相關的特殊配置項目都應在此文件中進行設置；在應用系統(tǒng)變動時，只用修改該配置文件中的配置，而不用</p><p>　　圖1-1Struts框

39、架體系結構圖</p><p>　　1.2 Hibernate3框架技術簡介</p><p>　　Hibernate 是一個功能強大的開源ORM 框架工具，允許開發(fā)者使用常見的Java 語言特性(如繼承、多態(tài)等)實現對象模型到關系數據庫的映射，并支持Oracle、DB2、SQL Server、MySQL 等主流數據庫系統(tǒng)。Hibernate利用反射機制在運行時實現持久化一個對象的各種操作，保

40、證了源碼的簡練和完全的面向對象風格。</p><p>　　圖1-2 Hibernate框架體系結構圖</p><p>　　Hibernate框架體系結構如圖1-2所示。Hibernate自身通過對象-關系映射文件(*.hbm.xml)將實體類映射到數據庫中的表，為應用程序提供持久化服務。Hibernate是Java應用和關系數據庫之間的橋梁，它將應用層對對象的操作直接轉化為對關系數據庫中的

41、表的操作，使程序員不用關心數據庫的操作問題，解決了業(yè)務邏輯和數據模型的矛盾，真正做到了面向對象編程。Hibernate提供眾多操作對象的應用接口（API），在數據庫操作編程時可直接利用，大大提高了編程效率和編碼的可靠性。Hibernate全局配置文件hibernate.cfg.xml中描述數據庫連接信息、注冊系統(tǒng)所有的對象-關系映射文件（*.hbm.xml），以便應用啟動后就完成了數據庫的連接和所有對象-關系映射文件的加載工作。<

42、/p><p><b>　　1.3 JSP簡介</b></p><p>　　圖1-3 JSP原理圖</p><p>　　JSP技術使用Java編程語言編寫類XML的tags和scriptlets，來封裝產生動態(tài)網頁的處理邏輯。網頁還能通過tags和scriptlets訪問存在于服務端的資源的應用邏輯。JSP將網頁邏輯與網頁設計和顯示分離，支持可重用的

43、基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。 </p><p>　　Web服務器在遇到訪問JSP網頁的請求時，首先執(zhí)行其中的程序段，然后將執(zhí)行結果連同JSP文件中的HTML代碼一起返回給客戶。插入的Java程序段可以操作數據庫、重新定向網頁等，以實現建立動態(tài)網頁所需要的功能。 </p><p>　　JSP與Java Servlet一樣，是在服務器端執(zhí)行的，通常返回該客戶端的

44、就是一個HTML文本，因此客戶端只要有瀏覽器就能瀏覽。 </p><p>　　JSP的1.0規(guī)范的最后版本是1999年9月推出的，12月又推出了1.1規(guī)范。目前較新的是JSP1.2規(guī)范，JSP2.0規(guī)范的征求意見稿也已出臺。 </p><p>　　JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。服務器在頁面被客戶端請求以后對這些Java代碼進行處理，然后將生成的HTML頁面返回給客

45、戶端的瀏覽器。Java Servlet 是JSP的技術基礎，而且大型的Web應用程序的開發(fā)需要Java Servlet和JSP配合才能完成。JSP具備了Java技術的簡單易用，完全的面向對象，具有平臺無關性且安全可靠，主要面向因特網的所有特點。 </p><p>　　自JSP推出后，眾多大公司都支持JSP技術的服務器，如IBM、Oracle、Bea公司等，所以JSP迅速成為商業(yè)應用的服務器端語言。 </p&

46、gt;<p>　　JSP可用一種簡單易懂的等式表示為：HTML+Java=JSP。</p><p>　　JSP 有如下技術特征：</p><p>　　1、跨平臺。JSP 是以Java為基礎的，所有他不僅可以沿用Java強大的API 功能，而且不管是在何種平臺下只要服務器支持JSP，就可以運行使用JSP 開發(fā)的應用程序，體現它的跨平臺跨數據庫的特征。2、分離靜態(tài)內容和動態(tài)內容。

47、JSP 彌補了Java Servlet在工作中的不足。使用JSP 技術，程序員可以使用HTML 或XML標記來設計和格式化靜態(tài)的內容部分。使用JSP 標記及JavaBean組件或小腳本程序來制作動態(tài)內容部分。服務器將執(zhí)行JSP標記和小腳本程序，并將結果與頁面中的靜態(tài)部分結合后以HTML 頁面的形式發(fā)送給客戶端瀏覽器。程序員可以將一些業(yè)務邏輯封裝到JavaBean組件中，Web頁面的設計人員可以利用程序員開發(fā)的JavaBean和JSP標記

48、來制作出動態(tài)頁面，而且不會影響到內容的生成。3、可重復使用的組件。JSP的標準標簽和自定義標簽與JavaBean組件一樣可以一次生成重復使用。這些標簽都是通過編寫的程序代碼來實現特定功能的。在使用它們時與通常在頁面中用到的HTML 標記用法相同。這樣可以將一個復雜而且需要出現多次的操作簡單化，大大提高了工作效率。</p><p>　　1.4 Oracle10g簡介 </p><p>　　O

49、racle 數據庫是關系型數據庫。關系型數據庫的原理首先是由Dr.E.F.Codd提出的。他是20世紀70年代中葉的IBM的一位科學家。為了使數據庫遵循關系型數據庫標準，Codd提出了許多數據庫規(guī)則。這些規(guī)則提出的頭十年，關系型數據庫都努力符合Codd的大部分規(guī)則。這些早期規(guī)則一直延續(xù)至今，形成了關系型數據庫的基本特性，如確保事務完整性，允許對數據的特殊訪問。這些特性在所有主要的關系型數據庫中都已經建立起來。</p>&l

50、t;p>　　Oracle數據庫有兩個主要部分組成：實例和數據庫文件。實例是一種軟件服務，充當應用程序請求和其數據之間的中介。數據文件是保存數據的物理位置。實例是一個動態(tài)進程，使用各種任務和內存支持其操作。數據文件存儲在磁盤上，因此，數據本身在服務中斷的大部分情況下仍然有效，除非是出現災難性的介質錯誤。</p><p>　　Oracle 實例是出了客戶端數據請求的進程的集合。Oracle實例可作為服務器啟動過

51、程的一部分進行啟動，也可顯式地使用命令啟動。雖然可使用一個命令實例，但時間上啟動過程分為三個不同的步驟：</p><p>　　1、啟動實例進程本身。</p><p>　　2、安裝數據庫，包括打開實例的控制文件。</p><p>　　3、打開數據庫，使數據庫對用戶請求可用。</p><p>　　實例可以通過命令停止，也可以通過控制臺停止。停止過

52、程中發(fā)生事件的順序與啟動剛好相反。正常情況下，實例停止是停止用戶登錄數據庫，在最后一個激活用戶退出登錄時再關閉實例。也可直接關閉實例，但這樣做可能會導致事務的不完整性。</p><p>　　1.5 Dream weaver簡介</p><p>　　Macromedia Dream weaver是一款專業(yè)的 HTML 編輯器，用于對 Web 站點、Web 頁和 Web 應用程序進行設計、編碼

53、和開發(fā)。無論手工編寫 HTML 代碼還是在可視化編輯環(huán)境中工作，Dream weaver 都會提供有用的工具，集網頁制作和管理網站于一身。</p><p>　　利用 Dream weaver 中的可視化編輯功能，可以快速地創(chuàng)建頁面而無需編寫任何代碼?？梢圆榭此姓军c元素或資源并將它們從易于使用的面板直接拖到文檔中?？梢栽?Macromedia Fireworks 中創(chuàng)建和編輯圖像，然后將它們直接導入Dream w

54、eaver，或者直接在 Dream weaver 中添加 Macromedia Flash 對象，從而優(yōu)化開發(fā)工作流程。 </p><p>　　Dream weaver 還包括多種與編碼相關的工具和功能，其中包括代碼視圖中的代碼編輯工具（如代碼加色和標簽完成）；有關 HTML、CSS、JavaScript、CFML、ASP 和 JSP 的參考資料以及一個 JavaScript 調試器。Dream weaver 的

55、可自由導入導出 HTML 技術可導入手工編碼的 HTML 文檔而不會重新設置代碼的格式，可以隨后用首選的格式設置樣式來重新設置代碼的格式。 Dream weaver 現在包含并擴展了 Macromedia UltraDev 中的所有功能，以幫助使用 ASP、ASP.NET、ColdFusion 標記語言 (CFML)、JSP 和 PHP 等服務器語言來生成由動態(tài)數據庫支持的 Web 應用程序。Dream weaver 可以完全自定義?？?/p>

56、以創(chuàng)建自己的對象和命令，修改鍵盤快捷方式，甚至編寫 JavaScript 代碼，用新的行為、屬性檢查器和站點報告來擴展 Dream weaver的功能。 </p><p>　　在開發(fā) Web 應用程序時，則必須根據需要設置服務器和數據庫。然后再設計該站點的外觀。當外觀設計完成后，將生成該站點并編寫頁代碼，以添加內容和交互控件；然后將頁面鏈接在一起，并對該站點進行功能測試，以驗證它是否符合定義的目標，還可以在站點中

57、包含動態(tài)頁。</p><p>　　1.6 Fireworks簡介</p><p>　　Adobe Fireworks CS3 軟件可以加速 Web 設計與開發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構建網站與 Web 界面原型的理想工具。Fireworks CS3 不僅具備編輯矢量圖形與位圖圖像的靈活性, 還提供了一個預先構建資源的公用庫, 并可與 Adobe Photoshop CS3、

58、Adobe Illustrator CS3、Adobe Dreamweaver CS3 和 Adobe Flash CS3 軟件省時集成。 在 Fireworks 中將設計迅速轉變?yōu)槟Ｐ? 或利用來自 Illustrator、Photoshop 和 Flash 的其它資源。 然后直接置入 Dreamweaver CS3 中輕松地進行開發(fā)與部署。</p><p><b>　　第二章 系統(tǒng)分析</b

59、></p><p><b>　　2.1 需求分析</b></p><p>　　2.1.1 分析目的</p><p>　　本項目來源于信息工程學院，目的是建立信息工程學院網絡教學平臺，可以輔助學院的日常教學工作。網絡教學平臺可以為信息工程學院的師生提供方便快捷的教和學及交流的平臺。</p><p>　　2.1.2 項

60、目背景</p><p>　　基于B/S結構的信息工程學院網絡教學平臺的需求 ——李雷孝老師提出，由黃洪濤同學開發(fā)。此系統(tǒng)開發(fā)主要采用JSP，Oracle10g，Hibernate，Struts2等流行技術，將它們綜合應用來編寫代碼；另外在開發(fā)系統(tǒng)過程中還用到了Dreamweaver、Fireworks等輔助性開發(fā)軟件。系統(tǒng)主要實現了管理員對學院、系、專業(yè)、班級、班級課表的增加、刪除、修改、查詢及批量導入等操作，教

61、師使用該平臺可以維護個人信息，在自己所教班級的課程內進行一系列的操作，包括：課程通知、課程信息、講義資料、作業(yè)管理、疑難解答、課程論壇等。學生可以進行如下操作：管理和自己相關的通知、課程信息、講義資料、作業(yè)、疑難解答、課程論壇等操作。并且它在WINXP、WIN2003、WIN 7系統(tǒng)中都能很好的運行，在具有很好的兼容性。</p><p><b>　　2.2 任務概述</b></p>

62、;<p><b>　　1、設計目標</b></p><p>　　信息工程學院網絡教學平臺大大方便了學院的教學和管理工作。管理員可對學院、系、專業(yè)、班級、班級課表的增加、刪除、修改、查詢及批量導入等操作，教師使用該平臺可以維護個人信息，在自己所教班級的課程內進行一系列的操作，包括：課程通知、課程信息、講義資料、作業(yè)管理、疑難解答、課程論壇等。學生可以進行如下操作：管理和自己相關的

63、通知、課程信息、講義資料、作業(yè)、疑難解答、課程論壇等操作。</p><p><b>　　2、運行環(huán)境</b></p><p>　　操作系統(tǒng)：Microsoft Windows xp/2003/Win7/Unix</p><p>　　軟件環(huán)境：JDK6.0,Tomcat6.0, Myeclipse8.5,Macromedia Dreamweave

64、r 8</p><p>　　數 據 庫：Oracle10g</p><p>　　硬件要求：CPU:2GHZ 內存：2G</p><p>　　2.3 系統(tǒng)工作流程</p><p>　　信息工程學院網絡教學平臺主要有游客查看教務公告，管理員后臺管理，教師網上教學，學生在線學習等操作。網絡教學平臺工作流程圖如下所示：</p><

65、;p>　　圖2-1信息工程學院網絡教學平臺工作流程圖</p><p><b>　　2.4 功能分析</b></p><p>　　網絡教學平臺的用戶為：教務處的系統(tǒng)管理員、教師、學生，在這里使用用例圖描述相關用戶的功能。</p><p>　　用例圖是一個敘述型的文檔，用來描述參與者使用系統(tǒng)完成某個事件時的事情發(fā)生順序。以下分別描述了游客、教

66、師、學生、管理員四個用例圖如下圖所示：</p><p>　　圖2-2 游客用例圖</p><p>　　圖2-3 管理員用例圖</p><p>　　圖2-4 教師用例圖</p><p>　　圖2-5 學生用例圖</p><p>　　2.5 系統(tǒng)處理流程</p><p>　　網絡教學平臺系統(tǒng)流程圖主

67、要說明數據的處理過程，使用戶能夠一目了然的了解操作程序。</p><p>　　網絡教學平臺游客操作流程圖如下圖2-6所示：</p><p>　　圖2-6 網絡教學平臺游客操作流程圖</p><p>　　網絡教學平臺管理員操作流程圖如下圖2-7所示：</p><p>　　圖2-7 網絡教學平臺管理員操作流程圖</p><p&

68、gt;　　網絡教學平臺學生操作流程圖如下圖2-8所示：</p><p>　　圖2-8 網絡教學平臺學生操作流程圖</p><p>　　網絡教學平臺教師操作流程圖如下圖2-9所示：</p><p>　　圖2-9 網絡教學平臺教師操作流程圖</p><p><b>　　2.6 數據分析</b></p><

69、p>　　2.6.1 數據庫設計</p><p>　　網絡教學平臺數據庫包括教師表、學生表、管理員、班級課程表、班級表等共23張表，通過23張表的使用將所需要的信息進行管理。數據庫設計使用了當前企業(yè)里流行的工具PowerDesigner 12.5，采用該工具設計的物理數據庫的模型如下圖2-1所示：</p><p>　　圖2-10 網絡教學平臺數據庫物理模型</p><

70、;p>　　網絡教學平臺數據庫表的詳細信息如下各表：</p><p>　　表2.1 Network Teaching Platform Data數據庫</p><p>　　2.6.2 數據庫介紹</p><p>　　BULLETIN （管理員發(fā)布公告表）描述了管理員發(fā)布的公告信息如表2-2所示。</p><p>　　表2.2管理員發(fā)布公告

71、表BULLETIN</p><p>　　TBADMIN（管理員信息表）如表2.3所示，主要描述了管理員的基本信息。</p><p>　　表2.3 TBADMIN表</p><p>　　TBBUZHIHOMEWORK（教師布置的作業(yè)表），如表2.4所示，主要描述了教師布置的作業(yè)的相關信息。</p><p>　　表2.4 TBBUZHIHOM

72、EWORK表</p><p>　　TBCLASS（班級信息表），如表2.5所示，主要描述了班級的相關信息。</p><p>　　表2.5 TBCLASS表</p><p>　　TBCOLLEGE（學院信息表），如表2.6所示，主要描述了學院的基本信息。</p><p>　　表2.6 TBCOLLEGE表</p><p&

73、gt;　　TBDEPT（系信息表），如表2.7所示，主要描述了首頁系的基本信息。</p><p>　　表2.7 TBDEPT表</p><p>　　TBJIANGYI（講義資料信息表），如表2.8所示，主要描述了教師上傳講義的信息。</p><p>　　表2.8 TBJIANGYI表</p><p>　　TBLITERATURE（文獻資料

74、表），如表2.9所示，主要描述了教師上傳文獻信息。</p><p>　　表2.9 TBLITERATURE表</p><p>　　TBMAJOR（專業(yè)信息表），如表2.10所示，主要描述了專業(yè)的相關信息。</p><p>　　表2.10 TBMAJOR表</p><p>　　TBNOTICE（課堂通知表），如表2.11所示，主要描述了教師發(fā)

75、布的相關信息。</p><p>　　表2.11 TBNOTICE表</p><p>　　TBNOTICEREADNOTE（通知閱讀記錄表），如表2.12所示，主要記錄了每位學閱讀過的通知信息。</p><p>　　表2.12 TBNOTICEREADNOTE表</p><p>　　TBPROBLEM（疑難問題表），如表2.13所示，主要描述

76、了學生提問的疑難問題。</p><p>　　表2.13 TBPROBLEM表</p><p>　　表TBPYJH（班級課程表），如表2.14所示，主要描述各班沒學期課表的基本信息。</p><p>　　表2.14 TBPYJH表</p><p>　　表TBREPLYPOST（帖子回復表），如表2.15所示，主要描述了帖子回復的相關信息。&l

77、t;/p><p>　　表2.15 TBREPLYPOST表</p><p>　　表TBSTUDENTS（學生信息表），如表2.16所示，學生的基本信息</p><p>　　表2.16 TBSTUDENTS表</p><p>　　TBSUBMITHOMEWORK表（學生作業(yè)提交表），如表2.17所示，主要學生提交的作業(yè)信息。</p>

78、<p>　　表2.17 TBSUBMITHOMEWORK表</p><p>　　TBTEACHERS表（教師信息表），如表2.18所示，主要描述教師的基本信息。</p><p>　　表2.18 TBTEACHERS表</p><p>　　TBTIEZI表（發(fā)帖信息表），如表2.19所示，主要描述用戶發(fā)的帖子信息。</p><p>

79、;　　表2.19 TBTIEZI表</p><p>　　TBTOOLS表（課程工具信息表），如表2.20所示，主要描述教師上傳的課程工具信息。</p><p>　　表2.20 TBTOOLS表</p><p>　　TBVISUALMATERIAL表（視頻資料信息表），如表2.21所示，主要描述教師上傳視頻信息表。</p><p>　　表2.

80、21 TBVISUALMATERIAL表</p><p>　　TEACHERCOMMENT表（教師評定作業(yè)表），如表2.22所示，主要描述教師對學生作業(yè)的評定信息。</p><p>　　表2.22 TEACHERCOMMENT表</p><p><b>　　第三章 系統(tǒng)設計</b></p><p><b>　

81、　3.1 功能劃分</b></p><p>　　網絡教學平臺主要包括管理員后臺管理、教師教學管理、學生學習管理三個字系統(tǒng)。</p><p>　　1、管理員后臺管理包括：教師的增加、刪除、查詢，學生的增加、刪除、查詢，班級課程表的增加、刪除、查詢，班級的增加、刪除、查詢，信息導入，公告的發(fā)布、查詢、修改、刪除。</p><p>　　2、教師教學管理包括：教

82、師查詢所帶班級課程，通知管理（包括：發(fā)布通知、修改通知、刪除通知、查詢通知），講義資料管理（包括：上傳講義、查詢講義、刪除講義），作業(yè)管理（包括：布置作業(yè)、查看學生作業(yè)、評定學生作業(yè)、精品作業(yè)、作業(yè)展示），疑難解答（包括：回答學生提問的問題、問題置頂、查詢問題、刪除問題），課程論壇（包括：發(fā)帖、回帖、刪除帖子、置頂帖子、置頂回帖、精華帖）。3、學生學習包括：通知管理（包括：通知提示、查看通知、閱讀通知），講義資料管理（包括：講義資料的查

83、詢、下載，視頻的查詢、下載、在線觀看），作業(yè)管理（包括：學生查看教師布置的作業(yè)，提交作業(yè)，查看精品作業(yè)，作業(yè)附件的下載），疑難解答（問題列表、提問問題、查看教師公開回復的問題、查看自己提問的問題及教師的回答），課程論壇（包括：發(fā)帖、回帖、查看精華帖、論壇列表）。遠程教學系統(tǒng)的主要目的是要構建一個成功的“教”與“學”交流和溝通平臺，慮到傳統(tǒng)教學環(huán)境的生活習慣，統(tǒng)在教學環(huán)境中設計了5 個空間，首頁、管理員空間、教師空間、學生空間、網上交流空

84、間。子模塊可根據其功能特點分別歸類到5 個空間中，樣便于用戶對子模塊的使用。</p><p><b>　　3.2 層次模塊圖</b></p><p>　　網絡教學平臺總體結構圖主要介紹了平臺的功能模塊劃分，詳細描述每一個模塊的子功能，用戶可以很快的了解教學平臺的模塊功能。下面描述了管理員子系統(tǒng)、教師子系統(tǒng)、學生子系統(tǒng)結構圖如下圖所示：</p><p

85、>　　圖3-1 網絡教學平臺管理員子系統(tǒng)總體結構圖</p><p>　　圖3-2 網絡教學平臺教師子系統(tǒng)總體結構圖</p><p>　　圖3-3 網絡教學平臺學生子系統(tǒng)總體結構圖</p><p><b>　　3.3 功能描述</b></p><p>　　時序圖用來顯示對象之間的關系，并強調對象之間消息的時間順序，同

86、時顯示對象之間的交互。以下是本系統(tǒng)主要模塊的時序圖：</p><p>　　圖3-4 學生閱讀通知時序圖</p><p>　　圖3-5 學生觀看視頻時序圖</p><p>　　圖3-6 學生提交作業(yè)時序圖</p><p>　　圖3-7 精品作業(yè)展示時序圖</p><p>　　圖3-8 我的問題查看時序圖</p>

87、;<p>　　圖3-9 學生回帖時序圖</p><p>　　圖3-10 教師發(fā)布通知時序圖</p><p>　　圖3-11 教師置頂帖子時序圖</p><p>　　圖3-12 管理員批量導入Excel時序圖</p><p>　　圖3-13 教師評定作業(yè)時序圖</p><p><b>　　第四章

88、 系統(tǒng)實現</b></p><p><b>　　4.1 運行及實現</b></p><p><b>　　4.1.1首頁模塊</b></p><p>　　1、在首頁中用戶不用登陸就可以查看教務公告、點擊相應的鏈接。</p><p>　　下面是首頁的界面，如圖4-1所示：</p>

89、<p><b>　　圖4-1 首頁界面</b></p><p>　　4.1.2管理員后臺管理子系統(tǒng)</p><p>　　管理員子系統(tǒng)包括：教師、學生、班級課表、班級、信息導入、公告等模塊的管理。下面就把主要的頁面效果列出。</p><p>　　管理員登陸后可以進入如圖4-2主界面：</p><p>　　圖4

90、-2 管理員主界面</p><p>　　班級課表管理界面如圖4-3所示：</p><p>　　圖4-3班級課表管理</p><p>　　公告管理界面如圖4-4：</p><p>　　圖4-4 管理員公告管理界面</p><p>　　管理員發(fā)布教務公告界面如圖4-5所示：</p><p>　　圖4

91、-5 發(fā)布公告界面</p><p>　　當沒有輸入任何信息是會彈出提示窗口。如圖4-6所示：</p><p><b>　　圖4-6 提示信息</b></p><p>　　4.1.3教師管理子系統(tǒng)</p><p>　　教師子系統(tǒng)主要包括：通知管理、講義資料管理、作業(yè)管理、疑難解答、課程論壇等信息。</p>&

92、lt;p>　　教師登陸后可以看到自己所帶班級對應的課程信息，界面如圖4-7所示：</p><p><b>　　圖4-7 我的課程</b></p><p>　　點擊“進入”后可進入如圖4-8界面：</p><p>　　圖4-8 教師管理主界面</p><p>　　點擊“通知管理”可以進入如圖4-9界面：</p&

93、gt;<p>　　圖4-9 通知管理界面</p><p>　　點擊 “講義資料”進入如圖4-10界面：</p><p>　　圖4-10 講義資料管理界面</p><p>　　點擊“添加講義”進入如圖4-11界面：</p><p>　　圖4-11 上傳講義界面</p><p>　　點擊“作業(yè)管理”進入如下圖

94、4-12界面：</p><p>　　圖4-12 作業(yè)管理界面</p><p>　　點擊“疑難解答”進入圖4-13頁面：</p><p>　　圖4-13 教師疑難解答界面</p><p>　　點擊“問題標題”教師進入圖4-14解答學生問題的界面，如下：</p><p>　　圖4-14 教師解答界面</p>

95、<p>　　教師點擊課程論壇進入該門課程的該班級的論壇系統(tǒng)，如下圖4-15：</p><p>　　圖4-15 教師課程論壇界面</p><p>　　當教師點擊“回復”時，進入如下圖4-16頁面：</p><p>　　圖4-16 教師回復學生發(fā)帖界面</p><p>　　4.1.4學生學習子系統(tǒng)</p><p>

96、;　　學生學習子系統(tǒng)包括：課程通知、講義資料、作業(yè)管理、疑難解答、課程論壇等模塊。下面分別列出主要的操作界面效果：</p><p>　　學生登錄后進入如下圖4-17頁面：</p><p>　　圖4-17 學生登錄后的界面</p><p>　　點擊“進入”后可以進入該班級的該門課程的學習主界面，如下圖4-18所示：</p><p>　　圖4-

97、18 學生課程通知界面</p><p>　　點擊“講義資料”，進入如下圖4-19界面：</p><p>　　圖4-19 學生課程通知界面</p><p>　　點擊“視頻學習”進入如下圖4-20界面：</p><p>　　圖4-20 學生在線學習界面</p><p>　　點擊“觀看”按鈕可以在線觀看，如圖4-21所示：

98、</p><p>　　圖4-21 學生在線觀看界面</p><p>　　點擊“課程作業(yè)”進入如下圖4-22界面：</p><p>　　圖4-22 學生作業(yè)管理界面</p><p>　　點擊“作業(yè)標題”可以提交或查看該課程的作業(yè)，如下圖4-23所示：</p><p>　　圖4-23 學生查看作業(yè)界面</p>

99、<p>　　學生點擊“查看”可以在線查看作業(yè)內容，如下圖4-24所示：</p><p>　　圖4-24 學生查看作業(yè)內容界面</p><p>　　點擊“精品作業(yè)”可以列出所有被教師評為精品的作業(yè)，如下圖4-25所示：</p><p>　　圖4-25 學生查看精品作業(yè)界面</p><p>　　點擊“展示”進入精品作業(yè)展示界面，如下圖

100、4-26所示：</p><p>　　圖4-26 學生精品作業(yè)界面</p><p>　　點擊“作業(yè)附件”可以在線查看作業(yè)內容，效果如下圖4-27所示：</p><p>　　圖4-27 學生查看精品作業(yè)內容界面</p><p>　　如果該作業(yè)沒有達到最后期限，則學生可以點擊“提交作業(yè)”進行提交作業(yè)，如下圖4-28所示：</p>&l

101、t;p>　　圖4-28 學生提交作業(yè)界面</p><p>　　學生點擊“疑難解答”進入如下圖4-29界面：</p><p>　　圖4-29 學生疑難解答界面</p><p>　　點擊“我的問題”，顯示所有我提問的問題，如圖4-30所示：</p><p>　　圖4-30 學生自己所問問題界面</p><p>　　學

102、生點擊“提問問題”，進入提問界面，如下圖4-31所示：</p><p>　　圖4-31 學生提問問題界面</p><p>　　點擊“課程論壇”進入學生論壇界面，如下圖4-32所示：</p><p>　　圖4-32 學生課程論壇界面</p><p>　　點擊“精華區(qū)”顯示所有被教師置為精華帖的帖子列表，如下圖4-33所示：</p>

103、<p>　　圖4-33 學生精華區(qū)界面</p><p><b>　　4.2 核心代碼</b></p><p>　　1、struts.xml 中的關鍵配置</p><p>　　/*如下是所有package 的公共配置：*/</p><p>　　<constant name="struts.deM

104、ode" value="false"/></p><p>　　<constant name="struts.multipart.maxSize" value="1000000000"/> </p><p>　　<constant name="struts.multipart.saveDi

105、r" value="c:\"></constant></p><p>　　<constant name="struts.custom.i18n.resources" value="message"></constant></p><p>　　<constant name=&

106、quot;struts.i18n.encoding" value="utf-8"></constant></p><p>　　<constant name="struts.i18n.reload" value="true"></constant></p><p>　　<co

107、nstant name="struts.ui.theme" value="simple"></constant></p><p>　　<constant name="struts.locale" value="zh_CN"></constant></p><p>　　&

108、lt;constant name="struts.url.includeParams" value="none"></constant></p><p>　　<constant name="struts.server.static.browserCache" value="false"></cons

109、tant></p><p>　　/*如下是配置自定義攔截器：*/</p><p>　　<interceptors></p><p>　　<interceptor name="checkInterceptor" class="com.imut.interceptor.CheckInterceptor"&g

110、t;</interceptor></p><p>　　<interceptor-stack name="mydefaultStack"></p><p>　　<interceptor-ref name="defaultStack"></interceptor-ref></p><p&

111、gt;　　<interceptor-ref name="checkInterceptor"></interceptor-ref></p><p>　　</interceptor-stack></p><p>　　</interceptors></p><p>　　<default-interc

112、eptor-ref name="mydefaultStack"></default-interceptor-ref></p><p>　　/*如下是文件上傳的配置：*/</p><p>　　<action name="referenceadd" class="com.imut.web.action.Reference

113、Action" method="addReference"></p><p>　　<interceptor-ref name="fileUpload"></p><p>　　<param name="maximumSize">41943040</param></p>

114、<p>　　<param name="allowedTypes">application/vnd.ms-powerpoint,application/vnd.ms-word,application/vnd.ms-excel,text/plain,application/octet-stream,application/x-zip-compressed,image/bmp,image/pn

115、g,image/gif,image/jpeg,image/jpg,image/x-png,image/pjpeg</p><p><b>　　</param></b></p><p>　　</interceptor-ref></p><p>　　<interceptor-ref name="default

116、Stack"></interceptor-ref></p><p>　　<result name="success">/result.jsp</result></p><p>　　<result name="input">/result.jsp</result></p&

117、gt;<p><b>　　</action></b></p><p>　　/*如下是文件下載的配置：*/</p><p>　　<action name="download" class="com.imut.web.action.DownloadAction"></p><

118、p>　　<result name="success" type="stream" ></p><p>　　<param name="contentDisposition">attachment;filename="${fileName}"</param>