課程教學(xué)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 畢業(yè)設(shè)計(jì)

1、<p>　　題 目 《OpenGL》課程教學(xué)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) </p><p>　　學(xué)生姓名 學(xué)號(hào) </p><p>　　所在學(xué)院 數(shù)學(xué)與計(jì)算機(jī)科學(xué)學(xué)院 </p><p>

2、;　　專業(yè)班級(jí) 計(jì)算機(jī)科學(xué)與技術(shù)1201班 </p><p>　　指導(dǎo)教師 </p><p>　　完成地點(diǎn) </p><p>　　2016 年 6 月 5

3、 日</p><p>　　本科畢業(yè)設(shè)計(jì) 任務(wù)書</p><p>　　一、畢業(yè)設(shè)計(jì)題目 《OpenGL》課程教學(xué)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) </p><p>　　二、畢業(yè)設(shè)計(jì)工作自 2015 年 12 月 9 日 起至

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

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

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

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

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

9、p>　?。?） 在系統(tǒng)設(shè)計(jì)中要求考慮系統(tǒng)中數(shù)據(jù)的完全性和完整性。 </p><p>　?。?） 軟件主要模塊運(yùn)行應(yīng)不出錯(cuò)，基本符合需求的要求。 </p><p>　?。?） 軟件后臺(tái)網(wǎng)絡(luò)服務(wù)器應(yīng)考慮穩(wěn)定可靠的支撐。

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

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

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

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

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

15、t;p>　　[9]盧.王國輝.JSP項(xiàng)目開發(fā)案例教程全程實(shí)錄（第二版）.北京:清華大學(xué)出版社. </p><p>　　[10] 趙津燕.數(shù)據(jù)庫管理與應(yīng)用開發(fā)技[J].北京:中國水利水電出版社.2004. </p><p>　　[11] 李建中.王珊.數(shù)據(jù)庫系統(tǒng)原理（第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的動(dòng)態(tài)信息發(fā)布技術(shù)[J].計(jì)算機(jī)工程與設(shè)計(jì)．2002(2) . </p><p>　　[15] 王宜貴.軟件工程[M].北京：機(jī)械工業(yè)出版社.2002． </p><

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

19、.動(dòng)態(tài)Web網(wǎng)頁技術(shù)大全[M].北京:清華大學(xué)出版社.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è)設(shè)計(jì)的進(jìn)度安排：</p><p>　?。?） 2015.12.20~2016.3.8 查閱文獻(xiàn)、撰寫開題報(bào)告并提交 </p><p>　?。?） 2016.3.9~2016.4.1 中英

22、文翻譯，概要設(shè)計(jì) </p><p>　?。?） 2016.4.2~2016.4.14 詳細(xì)設(shè)計(jì)、編寫代碼 </p><p>　?。?） 2016.4.15~2013.6.30 軟件測(cè)

23、試、系統(tǒng)完善 </p><p>　?。?） 2016.5.1~2013.6.20 撰寫畢業(yè)設(shè)計(jì)報(bào)告，并提交 </p><p>　?。?） 2016.5.21~2016.6.1 整理資料、準(zhǔn)備答辯

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

25、 專業(yè)負(fù)責(zé)人簽名 </p><p>　　學(xué)院領(lǐng)導(dǎo)簽名 批準(zhǔn)日期 </p><p>　　《OpenGL》教學(xué)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)</p><p

26、><b>　　作者：</b></p><p>　?。兾骼砉W(xué)院數(shù)學(xué)與計(jì)算機(jī)科學(xué)學(xué)院計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)1201班，陜西 漢中 723000）</p><p><b>　　指導(dǎo)老師：高虎</b></p><p>　　[摘要] 本系統(tǒng)是基于B/S模式開發(fā)的網(wǎng)站式系統(tǒng)，采用My Sql5.0實(shí)現(xiàn)網(wǎng)站信息的存儲(chǔ)，主要借助M

27、yeclipse平臺(tái)、JSP技術(shù)進(jìn)行系統(tǒng)的設(shè)計(jì)與開發(fā)，各端口界面主要運(yùn)用Html+Css+Div布局。該系統(tǒng)主要實(shí)現(xiàn)學(xué)生端、管理員端的權(quán)限控制，并具有課程簡(jiǎn)介、教學(xué)大綱、視頻教學(xué)、網(wǎng)上習(xí)題、課件下載、留言反饋等功能，系統(tǒng)界面友好，方便用戶使用。</p><p>　　[關(guān)鍵詞] 《OpenGL》教學(xué)網(wǎng)站；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國內(nèi)外研究狀況1</p><p>　　1.3選題的目的與意義1</p>

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

34、設(shè)計(jì)7</b></p><p>　　3.1系統(tǒng)的總體結(jié)構(gòu)設(shè)計(jì)7</p><p>　　3.2用戶功能模塊設(shè)計(jì)7</p><p><b>　　4詳細(xì)設(shè)計(jì)9</b></p><p>　　4.1系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)9</p><p>　　4.2數(shù)據(jù)庫E-R圖9</p>&l

35、t;p>　　4.3數(shù)據(jù)庫表設(shè)計(jì)10</p><p>　　5 程序設(shè)計(jì)與實(shí)現(xiàn)13</p><p>　　5.1系統(tǒng)注冊(cè)登錄模塊13</p><p>　　5.2系統(tǒng)學(xué)習(xí)資料操作模塊16</p><p>　　5.3網(wǎng)上習(xí)題操作模塊20</p><p>　　5.4留言板操作模塊24</p><

36、;p><b>　　6 系統(tǒng)測(cè)試27</b></p><p>　　6.1 軟件測(cè)試與分析27</p><p>　　6.2系統(tǒng)運(yùn)行測(cè)試27</p><p><b>　　總結(jié)32</b></p><p><b>　　致謝33</b></p><p&

37、gt;<b>　　參考文獻(xiàn)34</b></p><p><b>　　1 引言</b></p><p><b>　　1.1選題背景</b></p><p>　　隨著計(jì)算機(jī)網(wǎng)絡(luò)信息技術(shù)的日益進(jìn)步及其在社會(huì)生活各個(gè)領(lǐng)域中的應(yīng)用，它對(duì)社會(huì)、教育以及大學(xué)產(chǎn)生著迅猛、廣泛和深入的影響。網(wǎng)絡(luò)一經(jīng)產(chǎn)生，就迅速地在教

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

56、　　網(wǎng)站前臺(tái)系統(tǒng)流程如圖2.1所示。</p><p>　　圖2.1學(xué)生模塊功能流程</p><p><b>　　（2）后臺(tái)模塊</b></p><p>　　網(wǎng)站的后臺(tái)主要是管理員對(duì)網(wǎng)站的管理，當(dāng)管理員通過登錄驗(yàn)證后就可以對(duì)網(wǎng)站進(jìn)行維護(hù)工作。網(wǎng)站后臺(tái)系統(tǒng)流程描述如下：</p><p>　　1）用戶信息管理：此功能模塊主要

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

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

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

60、dows 7</p><p>　　運(yùn)行瀏覽器：Google Chrome</p><p><b>　　3概要設(shè)計(jì)</b></p><p>　　3.1系統(tǒng)的總體結(jié)構(gòu)設(shè)計(jì)</p><p>　　本管理系統(tǒng)主要分為學(xué)生端、管理員端2個(gè)不同的用戶端口，根據(jù)不同的用戶類型通過登錄系統(tǒng)登錄到不同的界面擁有不同的處理權(quán)限，利用層次圖來表

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

62、</p><p>　　依據(jù)上述功能的分析，系統(tǒng)中模塊分別為：前臺(tái)管理和后臺(tái)管理。前臺(tái)管理包括：用戶管理、學(xué)習(xí)資料、教學(xué)視頻、教學(xué)留言、網(wǎng)上習(xí)題；后臺(tái)管理包括：用戶管理、學(xué)習(xí)資料、教學(xué)視頻、教學(xué)留言、網(wǎng)上習(xí)題。系統(tǒng)的總體結(jié)構(gòu)圖如圖3.1所示。</p><p>　　圖3.1系統(tǒng)總體結(jié)構(gòu) </p><p>　　3.2用戶功能模塊設(shè)計(jì)</p><

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

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

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

66、t;　　根據(jù)系統(tǒng)分析畫管理員E-R圖如圖4.1所示：</p><p>　　圖4.1管理員E-R圖</p><p>　　根據(jù)系統(tǒng)分析畫學(xué)生E-R圖如圖4.2所示：</p><p>　　圖4.2學(xué)生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>　　教學(xué)視頻表sp(id,name,date,remark,filename，uid)</p><p>　　發(fā)表留言表ly(id,name,a

68、rticle,date)</p><p>　　回復(fù)留言表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）和簡(jiǎn)答題表（exam_jian）數(shù)據(jù)字典與單選題表類似</p><p><b>　　4.2數(shù)據(jù)庫表設(shè)計(jì)</b></p><p>　　本系統(tǒng)用戶表數(shù)據(jù)字典如表4.1所示：</p><p>　　本系統(tǒng)課程信息表數(shù)據(jù)字典如表4.2所示：</p><p>　

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

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

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

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

75、<b>　　5 程序設(shè)計(jì)與實(shí)現(xiàn)</b></p><p>　　5.1系統(tǒng)注冊(cè)登錄模塊</p><p>　　本系統(tǒng)用戶角色分為2個(gè)，分為學(xué)生端與管理員端，其注冊(cè)登錄使用用同一個(gè)頁面。主要實(shí)現(xiàn)代碼如下：</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>　　本系統(tǒng)運(yùn)行登錄界面如圖5.1所示：</p><p>　　圖5.1系統(tǒng)登錄界面</p><p>　　本系統(tǒng)用戶在進(jìn)行注冊(cè)時(shí)，根據(jù)用戶類別選擇相應(yīng)的權(quán)限，運(yùn)行注冊(cè)用戶界面如圖5.

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

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

85、詢等，學(xué)生端在進(jìn)入系統(tǒng)后可在線查看學(xué)習(xí)資料并對(duì)課件及教學(xué)視頻進(jìn)行下載操作。對(duì)課題操作的主要代碼如下：</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)建上傳對(duì)象</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); //初始化上傳對(duì)象，上下文對(duì)象</p><p>　　String all

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

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

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

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

92、mat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//設(shè)置日期</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()) //有上傳的文件對(duì)象并且沒有錯(cuò)誤的情況下{</p><p>　　filepath1 = "upload\\"; //相當(dāng)于上傳在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]; //做成真正要上傳的目標(biāo)路徑和文件名 upload\23529323123.jpg,做成目標(biāo)字符串</p><p>　　file1.saveAs(filepath,SmartUpload.SAVE_VIRTUAL); //做真正的上傳，相當(dāng)于將c:\windows\temp\臨時(shí)文件復(fù)制到我的服務(wù)器上的upload\目錄下，是將臨時(shí)文件復(fù)制到

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>　　本系統(tǒng)管理員添加教案和教學(xué)大綱界面如圖5.6所示：<

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

108、.9所示：</p><p>　　本系統(tǒng)學(xué)生查看教案內(nèi)容界面如圖5.10所示：</p><p>　　圖5.8管理員修改教案和教學(xué)大綱界面</p><p>　　圖5.9學(xué)生查看課程大綱界面</p><p>　　圖5.10學(xué)生查看教案內(nèi)容界面</p><p>　　本系統(tǒng)管理員對(duì)學(xué)習(xí)資料的上傳分為課件上傳與視頻上傳，管理

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

110、理員修改視頻功能界面</p><p>　　本系統(tǒng)學(xué)生下載視頻功能界面如圖5.14所示：</p><p>　　圖5.14學(xué)生下載視頻界面</p><p>　　5.3網(wǎng)上習(xí)題操作模塊</p><p>　　本系統(tǒng)對(duì)網(wǎng)上習(xí)題的操作主要為管理員端將題目進(jìn)行分類并設(shè)置相應(yīng)的分?jǐn)?shù)往題庫中進(jìn)行提添加，并可以進(jìn)行修改、刪除、查詢等操作，學(xué)生在進(jìn)入系統(tǒng)后可點(diǎn)擊

111、網(wǎng)上習(xí)題隨機(jī)生成試卷進(jìn)行在線答題，完成答題后點(diǎn)擊提交將試卷傳給管理員，管理員對(duì)簡(jiǎn)答題進(jìn)行在線批閱并給出成績(jī)。批閱完成后學(xué)生可查看分?jǐn)?shù)和查閱試卷與答案操作。對(duì)網(wǎng)上習(xí)題操作的主要代碼如下：</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>　　本系統(tǒng)管理員往題庫添加單選題界面如圖5.6所示：</p><p>　　圖5.15管理員添加單選題界面</p><p&