課程教學網站的設計與實現 畢業(yè)設計

1、<p>　　題 目 《OpenGL》課程教學網站的設計與實現 </p><p>　　學生姓名 學號 </p><p>　　所在學院 數學與計算機科學學院 </p><p>

2、;　　專業(yè)班級 計算機科學與技術1201班 </p><p>　　指導教師 </p><p>　　完成地點 </p><p>　　2016 年 6 月 5

3、 日</p><p>　　本科畢業(yè)設計 任務書</p><p>　　一、畢業(yè)設計題目 《OpenGL》課程教學網站的設計與實現 </p><p>　　二、畢業(yè)設計工作自 2015 年 12 月 9 日 起至

4、 2016 年 5 月 18 日止</p><p>　　三、畢業(yè)設計進行地點: 陜西理工學院 </p><p>　　四、畢業(yè)設計應完成內容及相關要求：</p><p>　　開發(fā)一個《OpenGL》課程教學網站，使學生能更好地理解和掌握該課程的知識，提高學

5、生學習的主動性和學習效率。通過畢業(yè)設計中軟件項目的開發(fā)，增強對理論知識的理解，學習和領會軟件開發(fā)的一般方法，了解軟件項目完整的設計與開發(fā)過程，了解結構化分析、結構化設計的基本思想，掌握軟件開發(fā)的一般技能和基本知識。通過畢業(yè)設計中軟件項目的開發(fā)，了解軟件工具與環(huán)境對于項目開發(fā)的重要性，并提高編程能力，掌握一至兩種較新或較流行的軟件開發(fā)式具和數據庫應用系統。在綜合運用所學知識的基礎上能夠提高分析問題、解決問題的能力和理論聯系實際的能力，培養(yǎng)

6、實事求是、嚴肅認真的工作作風和積極探索與大膽創(chuàng)新的精神，提高的自學能力、創(chuàng)造能力和團隊協作能力，提高對工作的自信心。通過畢業(yè)論文的撰寫，提高書面表達能力。 </p><p>　　本題目要求如下： </p>

7、<p>　?。?）該網站內容包含：課程大綱、教案、課件、網上習題、視頻教學、學員登錄、管理員登錄和管理、留言板、課程簡介。 </p><p>　?。?） 開發(fā)環(huán)境ASP或JSP等。

8、 </p><p>　?。?） 英文文獻翻譯不得少于3000字 </p><p>　　（4） 開發(fā)的系統滿足層次化、模塊化的要求。 </p><

9、p>　　（5） 在系統設計中要求考慮系統中數據的完全性和完整性。 </p><p>　?。?） 軟件主要模塊運行應不出錯，基本符合需求的要求。 </p><p>　?。?） 軟件后臺網絡服務器應考慮穩(wěn)定可靠的支撐。

10、 </p><p>　?。?） 在畢業(yè)設計期間按進度表的要求完成相應的設計任務。 </p><p>　　五、畢業(yè)設計應收集資料及參考文獻：</

11、p><p>　　[1]張曉景.7天精通Photoshop CS6 UI交互設計.電子工業(yè)出版社.2014. </p><p>　　[2] 苗連強.JSP程序設計基礎[M].人民有出版社.2014． </p><p>　　[

12、3] 張一凡.一種基于HTML5技術的在線教育系統.北京: 郵電大學期刊.2014.01-02. </p><p>　　[4] (美)Jeff Johnson.張一寧.王軍鋒.認知與設計: 理解UI設計準則.北京:人民郵電出版社.2014.

13、 </p><p>　　[5]張亞飛.HTML5+CSS3網頁布局和樣式精粹.北京:清華大學出版社.2013. </p><p>　　[6]於東軍.楊靜宇.李千目.王國全.Java程序設計與應用開發(fā)[M].北京：清華大學出版社.2009.

14、 </p><p>　　[7]張新曼.精通JSP-WEB開發(fā)技術與典型應用[M].北京：人民郵電出版社.2007. </p><p>　　[8]（美）Bruce Eckel著.陳昊鵬譯.Java編程思想（第三版）[M].北京:機械工業(yè)出版社.2007. </p>&l

15、t;p>　　[9]盧.王國輝.JSP項目開發(fā)案例教程全程實錄（第二版）.北京:清華大學出版社. </p><p>　　[10] 趙津燕.數據庫管理與應用開發(fā)技[J].北京:中國水利水電出版社.2004. </p><p>　　[11] 李建中.王珊.數據庫系統原理（第2版）.電子工

16、業(yè)出版社.2004(9). </p><p>　　[12]孫衛(wèi)琴.精通struts[M].電子工業(yè)出版社.2004(8). </p><p>　　[13] 明目科技.Java Web程序開發(fā)范例寶典[M] .人民郵電出版社.

17、 </p><p>　　[14] 洪錫軍，田涌濤，李從心．基于JSP的動態(tài)信息發(fā)布技術[J].計算機工程與設計．2002(2) . </p><p>　　[15] 王宜貴.軟件工程[M].北京：機械工業(yè)出版社.2002． </p><

18、;p>　　[16] 王家華.軟件工程[M.東北大學出版社2001(3). </p><p>　　[17]鄧子云.JSP網絡編程從基礎到實踐［M］.北京:清華大學出版社. </p><p>　　[18] 於志淵

19、.動態(tài)Web網頁技術大全[M].北京:清華大學出版社.2000． </p><p>　　[19] Brynjolfsson,E.,Urban,G.L.Success second generation of electronic commerce strategy[M].Higher education publishing house，2006.

20、 </p><p>　　[20]Marilyn G. Electronic commerce security, risk man-agement and control[M]. Beijing: Machine Industry Press, 2000.

21、 </p><p>　　六、畢業(yè)設計的進度安排：</p><p>　?。?） 2015.12.20~2016.3.8 查閱文獻、撰寫開題報告并提交 </p><p>　?。?） 2016.3.9~2016.4.1 中英

22、文翻譯，概要設計 </p><p>　?。?） 2016.4.2~2016.4.14 詳細設計、編寫代碼 </p><p>　?。?） 2016.4.15~2013.6.30 軟件測

23、試、系統完善 </p><p>　　（5） 2016.5.1~2013.6.20 撰寫畢業(yè)設計報告，并提交 </p><p>　　（6） 2016.5.21~2016.6.1 整理資料、準備答辯

24、 </p><p>　?。?）2016.6.2~2016.6.10 答辯以及后期整改。 </p><p>　　指導教師簽名

25、 專業(yè)負責人簽名 </p><p>　　學院領導簽名 批準日期 </p><p>　　《OpenGL》教學網站設計與實現</p><p

26、><b>　　作者：</b></p><p>　　（陜西理工學院數學與計算機科學學院計算機科學與技術專業(yè)1201班，陜西 漢中 723000）</p><p><b>　　指導老師：高虎</b></p><p>　　[摘要] 本系統是基于B/S模式開發(fā)的網站式系統，采用My Sql5.0實現網站信息的存儲，主要借助M

27、yeclipse平臺、JSP技術進行系統的設計與開發(fā)，各端口界面主要運用Html+Css+Div布局。該系統主要實現學生端、管理員端的權限控制，并具有課程簡介、教學大綱、視頻教學、網上習題、課件下載、留言反饋等功能，系統界面友好，方便用戶使用。</p><p>　　[關鍵詞] 《OpenGL》教學網站；JSP；B/S；MySQL；</p><p>　　"OpenGL"

28、Teaching Web Design and Implementation</p><p>　　Song Linying</p><p>　　(Shaanxi Institute of Mathematics and Computer Science, School of Computer Science and Technology 1201 class, Hanzhong, Shaa

29、nxi 723000)</p><p>　　Tutor:Gao Hu</p><p>　　Abstract: The system is based on B / S to develop web-based system that uses My SQL5.0 to storage site information, mainly via MyEclipse platform, JSP

30、technology for system design and development, using HTML+ CSS + DIV layout for the interface ports. The system has implement right control for student and adminstrator, and provided functions with course introduction, te

31、aching syllabus, videos teaching demonstration, online exercises, courseware download and Feedback etc., the UI is friendly and c</p><p>　　Keywords: "OpenGL" teaching website; JSP; B / S; MySQL;<

32、;/p><p><b>　　目錄</b></p><p><b>　　1 引言1</b></p><p><b>　　1.1選題背景1</b></p><p>　　1.2國內外研究狀況1</p><p>　　1.3選題的目的與意義1</p>

33、;<p><b>　　2需求分析3</b></p><p>　　2.1系統的可行性分析3</p><p>　　2.2系統的功能分析3</p><p>　　2.3系統的安全性分析5</p><p>　　2.4系統的開發(fā)與運行環(huán)境6</p><p><b>　　3概要

34、設計7</b></p><p>　　3.1系統的總體結構設計7</p><p>　　3.2用戶功能模塊設計7</p><p><b>　　4詳細設計9</b></p><p>　　4.1系統數據庫設計9</p><p>　　4.2數據庫E-R圖9</p>&l

35、t;p>　　4.3數據庫表設計10</p><p>　　5 程序設計與實現13</p><p>　　5.1系統注冊登錄模塊13</p><p>　　5.2系統學習資料操作模塊16</p><p>　　5.3網上習題操作模塊20</p><p>　　5.4留言板操作模塊24</p><

36、;p><b>　　6 系統測試27</b></p><p>　　6.1 軟件測試與分析27</p><p>　　6.2系統運行測試27</p><p><b>　　總結32</b></p><p><b>　　致謝33</b></p><p&

37、gt;<b>　　參考文獻34</b></p><p><b>　　1 引言</b></p><p><b>　　1.1選題背景</b></p><p>　　隨著計算機網絡信息技術的日益進步及其在社會生活各個領域中的應用，它對社會、教育以及大學產生著迅猛、廣泛和深入的影響。網絡一經產生，就迅速地在教

38、育中得到廣泛的應用。應用網絡進行教學，已經成為當代世界的一個主要趨勢。網絡也帶來了很多負面影響，廣大教師和學生家長經常是談網色變，不少學生整天沉迷于網絡的虛擬世界，無心學習。在當前的學校教育中，遇到某個問題時，老師和學生都習慣于“網上查資料”，但網絡帶給我們的往往是失望，因為網絡上學術性的資料太少，而且很分散，也缺乏必要的嚴肅。有人做過統計，在Internet中，教育學科類網站只占2.8%。網上能夠用于教學和學生開拓視野的資源太少，學生

39、上不良網站的時候居多。如果說使用多媒體課件是為了讓學生更好地進行課內學習，那么，教師建立教學網站則更多地是幫助學生進行課外學習。 </p><p>　　因此，在目前的情況下，“信息高速公路”已經建成(對大部分高校而言)，“高速公路”上“貨源”的組織是我們廣大教師的職責，教師的本質工作——教書育人，也迫使我們應該加入到信息建設者的行列中。</p><p>　　1.2國內外研究狀況&

40、lt;/p><p>　　教學網站在剛一出現時，就以其強大的資源共享性贏得了無數用戶的心，也吸引了很多國內外很多專家的興趣，而其后的交互性也奠定了后來迅猛發(fā)展的基石，WWW技術的出現使這股史無前例的旋風席卷全世界，尤其是近幾年來，網站建設業(yè)務一直呈快速上升勢頭，行業(yè)市場越來越大，范圍也更加的廣闊。任何事物的發(fā)展壯大都會引起技術的變革，教學網站自然也不會例外，由最初的單純注入代碼到各種編程工具的出現再到各種編程語言的應運

41、而生，而且隨著技術融合與發(fā)展，許多在其他行業(yè)熱門應用的技術如視頻、三維動畫、虛擬現實等技術都已經實現向互聯網上移植，使得教學網站的制作技術不斷地完善，而新技術的完善也必將促使網站的設計更具魅力，更富挑戰(zhàn)性。 </p><p>　　如新的網絡編程語言（.net技術）和服務器CDN（內容發(fā)布網絡）技術將使網站結構更緊密，訪問更流暢，更能適應新的要求。 </p><p>　　從國內外很多專家

42、來看，網站未來很可能有以下幾種發(fā)展趨勢： </p><p>　?。?）網絡、應用和服務融合</p><p>　　今后網絡的發(fā)展將由應用服務主導，由智能終端將各種應用疊加起來，疊加之后網絡對應地要做到服務的融合，而服務的融合則會推動網絡的融合。 </p><p>　?。?）計算機系統重新整合 </p><p>　　隨著計算機技術（

43、包括軟、硬件技術）的發(fā)展，以前在計算機里面做的東西會慢慢拿到網絡上做。 </p><p><b>　　（3）網絡進行整合</b></p><p>　　以前網絡的層次分得很清楚，是完全分開的。但是隨著技術的發(fā)展，以前沒什么關系的技術也會融合在一起，比如說，以前光是光、路由是路由，現在隨著新的技術出現，比如路由技術，變成了光的IP轉換。 </p>&

44、lt;p>　?。?）計算機系統結構改變 </p><p>　　隨著網絡的發(fā)展，網絡的帶寬越來越寬，網絡一樣可以有總線，就是說，CPU——外設、CPU——內存中間的總線功能是網絡可以實現的，這個改變帶來的好處是出現新的概念：虛擬系統總線。虛擬總線可以帶來的最大好處是虛擬化，共享會更理想。將來計算機本身也會變，現在很多設備本身就在改變，比如把外設拿出來，但沒有把內存拿出來。以后會達到把內存拿出來，已經有一些新的

45、技術往這個方向走了。</p><p>　　1.3選題的目的與意義</p><p>　　教學網站的設計開發(fā)，使學生除了在傳統的課堂教學學習知識外，還增加了通過教學網站學習的方式。單項課程的教學網站旨在以網絡為紐帶，快速、高效、方便的實現知識的傳遞，以現代化手段促進教學改革，探索一種以互聯網為基礎的教學模式。通過這種模式，為學生營造一種新的教學環(huán)境，使教學工作突破時空限制，提高工作效率，使教師

46、、學生可以隨時、隨地進行教學工作。</p><p>　　教師建立教學網站除了幫助學生進行課外學習以外，他為傳統課堂教學交往的補充和延伸(當前以班級授課制為主的教學組織形式，教師與學生的交往，特別是“點對點”的交往嚴重不足)。在越來越重視素質教育的今天，這一點越發(fā)顯得重要和迫切。同時教師建立教學網站，帶有鮮明的個人特色或校本特色，也是其他的商業(yè)網站甚至于同行的教學網站無法取代的，如與學生的交流，隨教學進度，學生反應

47、的不同而不斷更新的內容。教師建立個人網站，也可以使自己的思想在網上延伸，精神在網中釋放。 </p><p>　　《OpenGL》課程是計算機專業(yè)一門重要的基礎理論課，該課程的學習對于學生理解圖形分析具有重要的意義。設計和開發(fā)一套《OpenGL》課程教學網站，將課程多媒體課件、教案、實驗素材等教學資源發(fā)布到網上，供學習者隨時隨地在線學習，不僅可以共享教學資源，更重要的是可以在一定程度上激發(fā)學習者的積極性，

48、提高教學質量。</p><p><b>　　2需求分析</b></p><p>　　2.1系統的可行性分析</p><p><b>　?。?）經濟可行性</b></p><p>　　本系統是自行開發(fā)的系統，成本可以忽略不計，并且新系統可以使廣大學生的學習效率和興趣大大提高，可以達到較好的教學輔助效果

49、。并且一旦本系統投入使用的話，可以減少學校在人工方面的投入，達到降低人工操作成本、減輕人工操作負擔的目的，因此本系統基本無經濟開支，具有一定的可行性。</p><p><b>　　（2）技術可行性</b></p><p>　　根據該系統目標來衡量所需的技術是否具備，一般可從硬軟件的性能要求、環(huán)境條件、操作人員水平和數量等方面去考慮和分析。</p><

50、;p>　　考慮到系統實施的可行性，在軟件方面選擇了如今較流行的JSP來進行開發(fā)管理平臺的設計，使用MySQl數據庫存儲數據。</p><p>　　在硬件方面，則選擇空間較大，只要是PentiumIII系列及以上的計算機，內存在256M以上，硬盤在40MB，都可以滿足系統的開發(fā)需要！當然，硬件的配置越高，系統的開發(fā)與運行會更流暢?？紤]到如今的家用或商用電腦硬件的整體配置水平，系統在硬件方面是可行的。</

51、p><p>　　在軟件方面，由于JSP和MySQL都是兩個非常成熟的開發(fā)工具，無論在安全性、可用性、可靠性方面都毫無置疑，因此軟件方面是可行的。</p><p><b>　?。?）運行可行性</b></p><p>　　在現今社會，隨著信息化和計算機技術的高度發(fā)展，越來越多的老師和學生意識到網絡教學是提升教學效率不可缺少的重要途徑。所有的教師都是有

52、著豐富教學經驗的教育者，他們深知現代化的教學方法對教育的重要性。而對于將要作為教學輔助工具的《OpenGL》教學網站，配備現代化的教學思想更是必不可少的。所以一個學校的領導者在給予網站充分的開發(fā)資金的基礎上，更是將現代化的教學思想融入其中，使其最終成為具有現代化教學方法的教學網站。經過以上分析，運行方面是可行的。</p><p>　　2.2系統的功能分析</p><p>　　根據該網站的具

53、體情況，系統功能可以分兩模塊：模塊一是網站前臺管理的主要功能，主要是用戶對網站信息的瀏覽、學習資料的查看和下載，網上習題進行在線測試，留言板與同學老師討論交流；模塊二是后臺管理的主要功能，主要是管理員對網站后臺的維護，包括上傳網站信息及學習資料，以及對網站所有信息的編輯。</p><p><b>　?。?）前臺模塊</b></p><p>　　網站前臺的系統流程描述如

54、下：</p><p>　　1）用戶信息管理：此功能模塊主要完成新用戶的注冊、用戶的登錄及修改用戶個人基本信息等功能。</p><p>　　2）學習資料管理：此功能模塊主要完成用戶對網站所有學習資料的瀏覽及下載功能。</p><p>　　3）教學視頻：此功能模塊主要完成用戶對教學視頻信息的查看及在線觀看教學視頻的功能。</p><p>　　4）

55、網上習題：此功能模塊主要完成用戶在線測試及完成教師發(fā)布作業(yè)功能。</p><p>　　5）教學留言管理：此功能模塊主要負責教師和學生之間的教學疑問的解答。通過此功能模塊所有用戶都可以查看網站中的主題及回復，注冊過的學生可以針對自己在學習中的疑難問題進行發(fā)表主題，教師和其他學生及匿名用戶都可以了對該主題發(fā)表自己的回復。管理員登錄后，可以對不符合網站要求的主題及回復進行刪除。</p><p>

56、　　網站前臺系統流程如圖2.1所示。</p><p>　　圖2.1學生模塊功能流程</p><p><b>　?。?）后臺模塊</b></p><p>　　網站的后臺主要是管理員對網站的管理，當管理員通過登錄驗證后就可以對網站進行維護工作。網站后臺系統流程描述如下：</p><p>　　1）用戶信息管理：此功能模塊主要

57、是管理員對網站注冊用戶信息進行增加，刪除管理。</p><p>　　2）學習資料管理：此功能模塊主要是管理員進行學習資料以及教學視頻，課件，教案的上傳，修改，刪除等功能。</p><p>　　3）網上習題：此功能模塊主要是教師對題庫的增，刪，改，查，并且對學生作業(yè)進行批閱。</p><p>　　4）論壇管理：此功能模塊主要是管理員對論壇中過時的以及不符合網站要求的帖

58、子進行刪除操作。</p><p>　　網站后臺系統流程如圖2.2所示。</p><p>　　圖2.2管理員模塊功能流程</p><p>　　2.3系統的安全性分析</p><p>　　本系統通過借助JSP技術的支持建立動態(tài)的、交互的、高效的Web服務器應用程序，用JSP編寫的程序都在Tomcat6.0中執(zhí)行，程序執(zhí)行完畢后，再將執(zhí)行的結果返

59、回給客戶端瀏覽器，這樣不僅減輕了客戶端瀏覽器的負擔，大大提高了交互速度，而且避免了JSP程序源代碼的外泄，提高了系統程序的安全性。</p><p>　　2.4系統的開發(fā)與運行環(huán)境 </p><p>　　開發(fā)工具：My eclipse</p><p>　　數據庫管理系統：My SQL Server 2005</p><p>　　運行環(huán)境：Win

60、dows 7</p><p>　　運行瀏覽器：Google Chrome</p><p><b>　　3概要設計</b></p><p>　　3.1系統的總體結構設計</p><p>　　本管理系統主要分為學生端、管理員端2個不同的用戶端口，根據不同的用戶類型通過登錄系統登錄到不同的界面擁有不同的處理權限，利用層次圖來表

61、示系統中各模塊之間的關系。隨著結構的精細化，層次方框圖對數據結構也描繪得越來越詳細，這種模式非常適合于需求分析階段的需要。從對頂層信息的分類開始，沿著圖中每條路徑反復細化，直到確定了數據結構的全部細節(jié)為止。</p><p>　　本系統各模塊之間雖然在表面上是相互獨立的，但是在對數據庫的訪問上是緊密相連的，各個模塊訪問的是同一個數據庫，只是所訪問的表不同而已。每個模塊的功能都是按照在調研中搜集的資料進行編排制作的。

62、</p><p>　　依據上述功能的分析，系統中模塊分別為：前臺管理和后臺管理。前臺管理包括：用戶管理、學習資料、教學視頻、教學留言、網上習題；后臺管理包括：用戶管理、學習資料、教學視頻、教學留言、網上習題。系統的總體結構圖如圖3.1所示。</p><p>　　圖3.1系統總體結構 </p><p>　　3.2用戶功能模塊設計</p><

63、;p>　　本系統用戶分為學生和管理員兩個用戶類型，用戶通過選擇其所屬用戶類別、填寫其用戶名和密碼登錄本系統，從而根據用戶所屬用戶類別的不同擁有不同的處理權限，從而使得系統界面更加友好統一。</p><p>　　本系統的管理員用例圖如圖3.2所示。</p><p>　　圖3.2管理員用例圖</p><p>　　學生用例圖如圖3.3所示。</p>

64、<p>　　圖3.3學生用例圖</p><p><b>　　4詳細設計</b></p><p>　　4.1系統數據庫設計</p><p>　　本系統定義以下13張表：用戶信息表（users）、課程信息表（kc）、課件信息表（kj）、視頻信息表（sp）、發(fā)表留言表 （ly） 、 回復留言表（reply） 、 單選題管理表（exam_d

65、an） 、多選題管理表（exam_duo）、判斷題管理表（exam_pan）、簡答題管理表（exam_jian）、試卷課程表（exam_kecheng）、題目分配表（exam_timunum）、試卷表（exam_shijuan）。由表結構間的聯系分析，將在 4.2節(jié)數據庫 ER中展示了每張表的具體字段名稱、含義及 各表之間屬性的關系。</p><p>　　4.2數據庫E-R圖</p><p&g

66、t;　　根據系統分析畫管理員E-R圖如圖4.1所示：</p><p>　　圖4.1管理員E-R圖</p><p>　　根據系統分析畫學生E-R圖如圖4.2所示：</p><p>　　圖4.2學生E-R圖</p><p>　　用戶表user(id,username,flag,password,question,answer)</p&g

67、t;<p>　　課程信息表kc(id,name,content,outline,janame)</p><p>　　課件表kj(id,name,date,remark,filename，uid)</p><p>　　教學視頻表sp(id,name,date,remark,filename，uid)</p><p>　　發(fā)表留言表ly(id,name,a

68、rticle,date)</p><p>　　回復留言表reply(id,name,article,uid，rname)</p><p>　　題庫課程表exam_kecheng(id,name)</p><p>　　題庫管理表exam_timunum(id,exam_dan,exam_duo,exam_pan,exam_jian)</p><p&

69、gt;　　單選題管理表exam_dan(id,kecheng_id,question,A,B,C,D,answer,fen)</p><p>　　試卷表exam_shijuan(id,name,dan,duo,pan,jian,dan_answer,duo_answer,pan_answer, jian_answer,creat_flag,exam_flag,jian_fen)</p><p&

70、gt;　　注：多選題表（exam_duo）,判斷題表（exam_pan）和簡答題表（exam_jian）數據字典與單選題表類似</p><p><b>　　4.2數據庫表設計</b></p><p>　　本系統用戶表數據字典如表4.1所示：</p><p>　　本系統課程信息表數據字典如表4.2所示：</p><p>　

71、　本系統課件表數據字典如表4.3所示：</p><p>　　本系統教學視頻表數據字典如表4.4所示：</p><p>　　本系統發(fā)表留言表數據字典如表4.5所示：</p><p>　　本系統題庫課程表數據字典如表4.6所示：</p><p>　　本系統回復留言表數據字典如表4.7所示：</p><p>　　本系統題目管

72、理數據字典如表4.8所示：</p><p>　　本系統單選題表數據字典如表4.9所示：</p><p>　　本系統試卷表數據字典如表4.10所示：</p><p>　　表4.1用戶表數據字典(user)</p><p>　　表4.2課程信息表數據字典(kc)</p><p>　　表4.3課件表數據字典(kj)&l

73、t;/p><p>　　表4.4教學視頻表數據字典(sp)</p><p>　　表4.5發(fā)表留言表數據字典(ly)</p><p>　　表4.6 題庫課程表數據字典(exam_kecheng)</p><p>　　表4.7回復留言表數據字典(reply)</p><p>　　表4.8題目管理表數據字典(exam_

74、timunum)</p><p>　　表4.9單選題表數據字典(exam_dan)</p><p>　　注：多選題表（exam_duo）,判斷題表（exam_pan）和簡答題表（exam_jian）數據字典與單選題表（exam_dan）數據字典類似</p><p>　　表4.10試卷表數據字典(exam_shijuan)</p><p>

75、<b>　　5 程序設計與實現</b></p><p>　　5.1系統注冊登錄模塊</p><p>　　本系統用戶角色分為2個，分為學生端與管理員端，其注冊登錄使用用同一個頁面。主要實現代碼如下：</p><p>　　public void doPost(HttpServletRequest request, HttpServletRespon

76、se response)</p><p>　　throws ServletException, IOException {</p><p>　　PrintWriter out = response.getWriter();</p><p>　　String username=request.getParameter("user");</p&

77、gt;<p>　　String password=request.getParameter("pass");</p><p>　　UserImp ui=new UserImp();</p><p>　　boolean b=ui.authUser(username,password);</p><p>　　int flag=ui.ge

78、tFlag(username,password);</p><p>　　HttpSession session=request.getSession();</p><p><b>　　if(b){</b></p><p>　　out.println("<script>alert('登錄成功!')</s

79、cript>");</p><p>　　session.setAttribute("username",username);</p><p>　　session.setAttribute("flag",flag);</p><p>　　if(flag==0) //管理員用戶</p><p&g

80、t;　　response.setHeader("Refresh","0;url=admin/index.jsp");</p><p><b>　　else</b></p><p>　　response.setHeader("Refresh","0;url=main.jsp");}</

81、p><p><b>　　else{</b></p><p>　　out.println("<script>alert('登錄失敗!')</script>");</p><p>　　response.setHeader("Refresh","0;url=inde

82、x.jsp");}</p><p>　　out.flush();</p><p>　　out.close();}</p><p>　　本系統運行登錄界面如圖5.1所示：</p><p>　　圖5.1系統登錄界面</p><p>　　本系統用戶在進行注冊時，根據用戶類別選擇相應的權限，運行注冊用戶界面如圖5.

83、2所示：</p><p>　　圖5.2用戶注冊界面</p><p>　　本系統用戶如果忘記密碼，可點擊找回密碼按鈕通過回答密保問題進行密碼修改操作，用戶找回密碼界面如圖5.3所示：</p><p>　　圖5.3找回密碼界面</p><p>　　本系統學生端登錄成功后主操作管理界面如圖5.4所示：</p><p>　

84、　圖5.4學生端登錄成功后主操作界面</p><p>　　本系統管理員端登錄成功后主操作管理界面如圖5.5所示：</p><p>　　圖5.5管理員端登錄成功后主操作界面</p><p>　　5.2系統學習資料操作模塊</p><p>　　本系統對學習資料的操作主要為管理員端將教案，教學大綱，課件以及教學視頻在后臺進行增加、修改、刪除、查

85、詢等，學生端在進入系統后可在線查看學習資料并對課件及教學視頻進行下載操作。對課題操作的主要代碼如下：</p><p>　　public void doPost(HttpServletRequest request, HttpServletResponse response)</p><p>　　throws ServletException, IOException {</p>

86、<p>　　PrintWriter out = response.getWriter();</p><p><b>　　try{</b></p><p>　　SmartUpload su=new SmartUpload(); //創(chuàng)建上傳對象</p><p>　　JspFactory fac=JspFactory.getDef

87、aultFactory();</p><p>　　PageContext pageContext=fac.getPageContext(this,request,response,null,false,0,true);</p><p>　　su.initialize(pageContext); //初始化上傳對象，上下文對象</p><p>　　String all

88、owed="doc,ppt,pptx,rar,"; //設置允許上傳的文件類型</p><p>　　String denied="jsp,asp,php,aspx,html,htm,exe,bat,xls"; //不允許上傳的文件類型</p><p>　　File file1=null; //定義文件對象，不是java.io包中的File類</

89、p><p>　　int file_size=10*1024*1024; //定義允許上傳文件的大小，圖片不能超過10M</p><p>　　su.setAllowedFilesList(allowed);//設置允許上傳文件類型</p><p>　　su.setDeniedFilesList(denied); //設置禁止上傳的文件類型</p><p

90、>　　su.setMaxFileSize(file_size); //設置最大的上傳文件大小</p><p>　　su.setCharset("gb2312"); //設置字符編碼</p><p>　　su.upload(); //執(zhí)行上傳操作，相當于將你上傳的文件放到臨時文件目錄下 c:\windows\temp目錄Date d=new Date();&l

91、t;/p><p>　　file1 = su.getFiles().getFile(0); //取出文件上傳框中產生的文件對象</p><p>　　String filepath1 = null; //文件所在路徑</p><p>　　String filename1 = null; //文件的名稱;</p><p>　　SimpleDateFor

92、mat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//設置日期</p><p>　　String name=su.getRequest().getParameter("name");</p><p>　　String date=df.format(new Date());</p>

93、<p>　　String remark=su.getRequest().getParameter("remark");</p><p>　　KcImp ki=new KcImp();</p><p>　　Kc k=ki.getId(name);</p><p>　　int uid=k.getId();</p><p&

94、gt;　　Kj c=null;</p><p>　　if(!file1.isMissing()) //有上傳的文件對象并且沒有錯誤的情況下{</p><p>　　filepath1 = "upload\\"; //相當于上傳在upload\目錄下</p><p>　　filename1=file1.getFileName(); //取到上傳的文件

95、名稱 a.jpg</p><p>　　long time=d.getTime();</p><p>　　String s[]=filename1.split("\\.");</p><p>　　//out.println(s[0]+" "+s[1]);</p><p>　　String filepath

96、=filepath1+time+"."+s[1]; //做成真正要上傳的目標路徑和文件名 upload\23529323123.jpg,做成目標字符串</p><p>　　file1.saveAs(filepath,SmartUpload.SAVE_VIRTUAL); //做真正的上傳，相當于將c:\windows\temp\臨時文件復制到我的服務器上的upload\目錄下，是將臨時文件復制到

97、filepath所指定的位置上</p><p>　　//out.println("上傳成功!");</p><p>　　String filename=time+"."+s[1]; //只是文件名稱</p><p>　　c=new Kj(name,date,filename,uid,remark);}</p>&

98、lt;p><b>　　else{</b></p><p>　　c=new Kj(name,date,"nophoto.jpg",uid,remark);}</p><p>　　KjImp ci=new KjImp();</p><p>　　boolean b=ci.addKj(c);</p><p&

99、gt;<b>　　if(b){</b></p><p>　　out.println("<script>alert('課件添加成功!')</script>");}</p><p><b>　　else{</b></p><p>　　out.println("

100、;<script>alert('課件添加失敗!')</script>");}</p><p>　　response.setHeader("Refresh","0;url=kj_add.jsp");}</p><p>　　catch(SmartUploadException e){</p>

101、<p>　　out.println(e.getMessage());}</p><p>　　catch(Exception e)</p><p><b>　　{</b></p><p>　　out.println(e.getMessage());</p><p><b>　　}</b>&

102、lt;/p><p>　　out.flush();</p><p>　　out.close();</p><p><b>　　}</b></p><p>　　public void doGet(HttpServletRequest request, HttpServletResponse response)</p>

103、<p>　　throws ServletException, IOException {</p><p>　　PrintWriter out = response.getWriter();</p><p>　　String str=request.getParameter("str");</p><p>　　String s[]=s

104、tr.split("\\|");</p><p>　　SpImp xi=new SpImp();</p><p>　　for(int i=0;i<s.length;i++)</p><p><b>　　{</b></p><p>　　int id=Integer.parseInt(s[i]);&

105、lt;/p><p>　　xi.deleteSp(id);</p><p><b>　　}</b></p><p>　　out.println("<script>alert('批量刪除成功!')</script>");</p><p>　　response.setHe

106、ader("Refresh","0;url=sp_man.jsp");</p><p>　　out.flush();</p><p>　　out.close();</p><p><b>　　}</b></p><p>　　本系統管理員添加教案和教學大綱界面如圖5.6所示：<

107、/p><p>　　圖5.6管理員添加教案和教學大綱界面</p><p>　　本系統管理員及對已添加教案和教學大綱管理界面如圖5.7所示：</p><p>　　圖5.7管理員管理教案和教學大綱界面</p><p>　　本系統管理員修改教案和教學大綱界面如圖5.8所示：</p><p>　　本系統學生查看教學大綱界面如圖5

108、.9所示：</p><p>　　本系統學生查看教案內容界面如圖5.10所示：</p><p>　　圖5.8管理員修改教案和教學大綱界面</p><p>　　圖5.9學生查看課程大綱界面</p><p>　　圖5.10學生查看教案內容界面</p><p>　　本系統管理員對學習資料的上傳分為課件上傳與視頻上傳，管理

109、員添加視頻功能界面如圖5.11所示：</p><p>　　圖5.11管理員添加視頻功能界面</p><p>　　本系統管理員管理視頻功能界面如圖5.12所示：</p><p>　　圖5.12管理員管理視頻功能界面</p><p>　　本系統管理員修改視頻功能界面如圖5.13所示：</p><p>　　圖5.13管

110、理員修改視頻功能界面</p><p>　　本系統學生下載視頻功能界面如圖5.14所示：</p><p>　　圖5.14學生下載視頻界面</p><p>　　5.3網上習題操作模塊</p><p>　　本系統對網上習題的操作主要為管理員端將題目進行分類并設置相應的分數往題庫中進行提添加，并可以進行修改、刪除、查詢等操作，學生在進入系統后可點擊

111、網上習題隨機生成試卷進行在線答題，完成答題后點擊提交將試卷傳給管理員，管理員對簡答題進行在線批閱并給出成績。批閱完成后學生可查看分數和查閱試卷與答案操作。對網上習題操作的主要代碼如下：</p><p>　　public void doPost(HttpServletRequest request, HttpServletResponse response)thr

112、ows ServletException, IOException {request.setCharacterEncoding("gb2312");response.setContentType("textml;charset=gb2312");PrintWriter out = response.getWriter();int&

113、#160;kecheng_id=Integer.parseInt(request.getParameter("kecheng_id"));String question=request.getParameter("question");String A=request.getParameter("A");String B=request.ge

114、tParameter("B");String C=request.getParameter("C");String D=request.getParamet</p><p>　　public void doPost(HttpServletRequest request, HttpServletResponse&

115、#160;response)throws ServletException, IOException {request.setCharacterEncoding("gb2312");response.setContentType("textml;charset=gb2312");PrintWriter out = respons

116、e.getWriter();String name=request.getParameter("name");ShijuanImp sji=new ShijuanImp();TimuNumImp tni=new TimuNumImp();TimuNum ti=tni.getNum();int sum=0;for(int i=1

117、;i<=ti.getJian_num();i++){int temp=Integer.parseInt(request.getParameter("jian"+i));sum=sum+tem</p><p>　　本系統管理員往題庫添加單選題界面如圖5.6所示：</p><p>　　圖5.15管理員添加單選題界面</p><p&