基于JSP的精品課程網(wǎng)站畢業(yè)論文

1、e 基于 jsp 的精品課程網(wǎng)站的設(shè)計與實(shí)現(xiàn) the design and implementation of high quality course website based on jsp 設(shè)計題目：設(shè)計題目：基于 jsp 的精品課程網(wǎng)站的設(shè)計與實(shí)現(xiàn) 學(xué)生姓名：學(xué)生姓名： 學(xué)院名稱：學(xué)院名稱： 專業(yè)名稱：專業(yè)名稱：計算機(jī)科學(xué)與技術(shù)（軟件工程方向） 班級名稱：班級名稱： 學(xué)學(xué) 號：號： 指導(dǎo)教師：指導(dǎo)教師： 教師職稱：教師職稱： 講師 完成時間：完成時間： 2012 年 6 月 15 日 2012 年年 6 月月 15 日日 長春工程學(xué)院畢業(yè)設(shè)計（論文） 摘 要 在 21 世紀(jì)這個信息高度發(fā)

2、達(dá)、高速流通的時代，計算機(jī)的普及以及計算機(jī)網(wǎng)絡(luò) 的廣泛應(yīng)用，讓普通人能夠接觸到比以往更多的知識。面對信息時代的信息大“爆炸” 現(xiàn)象，怎樣才能使教育跟上時代的步伐，而不至于被時代拋在后面？很多專家一直 都在思考這個問題“如何把教育資源移置到網(wǎng)絡(luò)上去，使更多的人可以享有這些資源” 。作為一個以傳播知識為主要職能的機(jī)構(gòu)，學(xué)校建立一個自己的精品課程網(wǎng)站是十 分必要的事情，這不僅能使更多的人享用寶貴的教育資料源，同時也對于提升學(xué)校 自身的知名度，提高學(xué)生自學(xué)能力，有相當(dāng)大的幫助。 基于 jsp 的精品課程網(wǎng)站教學(xué)網(wǎng)站是面向教師和學(xué)生的網(wǎng)絡(luò)教學(xué)系統(tǒng)。系 統(tǒng)選擇 java 語言,具體采用 jsp + sql

3、 server 開發(fā)，實(shí)現(xiàn)是在 sql server 2005 數(shù)據(jù) 庫上并基于 b/s 結(jié)構(gòu)。實(shí)現(xiàn)了普通用戶登錄；學(xué)生提交作業(yè)、查看課件、提出問題 和在線答題；教師發(fā)布課件、更新試卷、解答問題等功能。通過此網(wǎng)站，學(xué)生、老 師可以不受時間、空間、地域的限制，進(jìn)行教學(xué)互動，相比較傳統(tǒng)教學(xué)更易提高教 學(xué)效率。整個系統(tǒng)界面簡潔、操作方便，具有實(shí)用、代碼可讀性好、便于維護(hù)的特 點(diǎn)，同時，系統(tǒng)的設(shè)計還充分考慮了通用性和易擴(kuò)展性。 關(guān)鍵詞 網(wǎng)絡(luò)教學(xué)系統(tǒng) sql server 2005 b/s 結(jié)構(gòu) abstract： the 21st century is the times which informat

4、ion is highly developed and circulated, people can get more knowledge than before with the popularization of computers and the widespread application of computer network. facing to the “information detonation” phenomena, how does the education catch up with the step of time not being dropped behind?

5、 many experts think about this question: “how can we move the education resource onto the network and enable more people to share these resources”. as an institution whose main duty is spreading knowledge, its very necessary to build a high- 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 - ii - quality curriculum website for e

6、ach school, it is not only enable more people to share the valuable education information but also provide a great help to promote the schools reputation and the students self-study ability. the perfect course website based on jsp teaching website faces to the teachers and students. system uses java

7、 language and jsp + sql specific server to development. its implementation basing on b / s structure is in the sql server2005 database. it realizes many functions, such as the common user login; students to submit work, view class, question and answer online. at the same time, the teachers can updat

8、e the papers, courseware, answer questions and other functions. through this website, the students and the teachers can not subject to time, space, geographical constraints, teaching interaction, compared to traditional teaching to improve teaching efficiency. this system has the characteristic of p

9、racticality, readable code and easy to maintenance. at the same time, systematic design has fully considered its versatility and easy to development. keywords: network teaching system sql server 2005 b/s structure 長春工程學(xué)院畢業(yè)設(shè)計（論文） i 目 錄 1 概述.1 1.1 網(wǎng)站開發(fā)背景.1 1.2 網(wǎng)站開發(fā)意義.1 1.3 可行性分析.2 2 系統(tǒng)環(huán)境及主要技術(shù).2 2.1 系統(tǒng)

10、開發(fā)環(huán)境.2 2.2 系統(tǒng)運(yùn)行環(huán)境.2 2.3 主要技術(shù)簡介.2 3 系統(tǒng)需求分析與設(shè)計.6 3.1 網(wǎng)站需求分析.6 3.2 網(wǎng)站設(shè)計原則.7 3.3 網(wǎng)站功能設(shè)計.8 3.4 系統(tǒng)用例圖.12 4 系統(tǒng)數(shù)據(jù)庫的設(shè)計.14 4.1 系統(tǒng) e-r 圖.14 4.2 數(shù)據(jù)庫表的設(shè)計.15 5 系統(tǒng)的實(shí)現(xiàn).19 5.1 三層架構(gòu)模式（mvc 模式）.19 5.2 系統(tǒng)登錄模塊的設(shè)計.20 5.3 系統(tǒng)主頁面.22 5.4 教師課程簡介.22 5.5 教學(xué)大綱.24 5.6 其他模塊.25 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 - ii - 5.7 在線測試.27 5.8 會員注冊.28 5.9 互

11、動交流.29 總 結(jié).31 參考文獻(xiàn).32 致 謝.33 附錄.34 長春工程學(xué)院畢業(yè)設(shè)計（論文） 1 1 概述 精品課程是具有一流教師隊伍、一流教學(xué)內(nèi)容、一流教學(xué)方法、一流教材、一流教學(xué)管理等特點(diǎn) 的示范課程。精品課程建設(shè)是“高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程”的一項重要內(nèi)容和先期啟動的四個 項目之一。精品課程是教育部深化教學(xué)改革，以教育信息化帶動教育現(xiàn)代化的一項重要舉措。它將引 導(dǎo)廣大高等學(xué)校進(jìn)一步鞏固教學(xué)工作的中心地位，在切實(shí)加強(qiáng)教學(xué)建設(shè)、提高教學(xué)質(zhì)量的基礎(chǔ)上改善、 加強(qiáng)高校信息化條件建設(shè)，利用現(xiàn)代化教育信息技術(shù)手段將優(yōu)質(zhì)的教學(xué)資源上網(wǎng)并共享，使全國其他 高校在實(shí)施同類課程教學(xué)的過程中能夠借

12、鑒、使用這些優(yōu)質(zhì)的教學(xué)資源，在更大范圍內(nèi)提高高等學(xué)校 的教學(xué)和人才培養(yǎng)質(zhì)量。精品課程的建設(shè)是學(xué)校課程教學(xué)工作中一個重要的內(nèi)容，為了使學(xué)生和老師 之間有多角度，多渠道的溝通，以及及時、有序和高效地完成教學(xué)任務(wù)，及時了解教學(xué)當(dāng)前的狀態(tài)， 精品課程的建設(shè)就顯得尤為重要。 在以往的課堂教學(xué)模式中，教師是按照自己對課程的理解來對整個班級的同學(xué)進(jìn)行教學(xué)活動，但 是這種教學(xué)模式不可能很好地實(shí)現(xiàn)“因材施教”的方針，而在精品課程這樣的教學(xué)方式中，學(xué)生可以選 擇自己感興趣的方式和內(nèi)容進(jìn)行學(xué)習(xí)，同時還可以根據(jù)自己的理解對教師提出問題和建議，這樣大大 改善了教學(xué)效果，達(dá)到了一定的教學(xué)目的。這個數(shù)據(jù)庫精品課程系統(tǒng)就是為

13、了配合這一流行有效的教 學(xué)方式而設(shè)計的。 1.1 網(wǎng)站開發(fā)背景 傳統(tǒng)教學(xué)方式存在著很多的缺點(diǎn)，主要表現(xiàn)在老師和學(xué)生不能同步，例如：作業(yè)必須由人上交、 提問只能在課堂上提出，這樣既浪費(fèi)了各自的時間又使教學(xué)效率變得較低。另一方面，由于時間、地 域等現(xiàn)實(shí)條件限制，能夠得到優(yōu)秀老師教育的只能是少數(shù)人；個人不能靈活有效的掌握學(xué)習(xí)主動權(quán)等。 現(xiàn)代網(wǎng)絡(luò)教學(xué)技術(shù)最為突出的一個特點(diǎn)就是，它利用先進(jìn)的科技及教育手段，打破了地域的局限，不 僅使講授更為生動，而且使雙向教育成為可能。利用多種多媒體教學(xué)和網(wǎng)上交流技術(shù)，大大增強(qiáng)了講 課的靈活性，降低了教學(xué)難度，學(xué)生可以不受時間和地點(diǎn)的限制進(jìn)行自主學(xué)習(xí)，學(xué)習(xí)的內(nèi)容更加豐富

14、、 具體。這種新興的現(xiàn)代網(wǎng)絡(luò)教學(xué)方式，將傳統(tǒng)的“以教為主”的教育模式，變?yōu)椤耙詫W(xué)為主”，使學(xué)生個 性化的自主學(xué)習(xí)與交互協(xié)調(diào)學(xué)習(xí)相結(jié)合，充分體現(xiàn)了學(xué)生作為學(xué)習(xí)主體的主動性和創(chuàng)造性，這些特點(diǎn) 都決定了網(wǎng)絡(luò)教學(xué)是一種更適合于 21 世紀(jì)對創(chuàng)新人才培養(yǎng)的教學(xué)方式。 1.2 網(wǎng)站開發(fā)意義 通過基于 jsp 的精品課程網(wǎng)站教學(xué)網(wǎng)站，教師可以把現(xiàn)有的圖像、文字、多媒體課件等教學(xué) 資源存放在網(wǎng)絡(luò)平臺的公共數(shù)據(jù)庫中，師生可以共享公共數(shù)據(jù)庫中的教育資源。同時，教師可將自己 編寫的教案等文件，上傳到系統(tǒng)中，學(xué)生就可以下載，這樣一來，學(xué)生就不受時間和空間的限制，可 以在課堂中與同學(xué)一起學(xué)習(xí)、也可以隨時在圖書館、宿舍、

15、家里等可以上網(wǎng)的地方參與學(xué)習(xí)。網(wǎng)絡(luò)教 學(xué)平臺通過發(fā)布考試試題、在線測試、在線答疑等方式與學(xué)生進(jìn)行交流，可以幫助教師及時了解到教 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 2 學(xué)效果，從而及時改進(jìn)教學(xué)。它實(shí)現(xiàn)了教育資源存儲與共享、教學(xué)信息處理與傳遞、教學(xué)評價與教學(xué) 反饋，可以隨時隨地讓學(xué)生和老師進(jìn)行互動。通過整個系統(tǒng)能時時監(jiān)控，以便隨時對教學(xué)進(jìn)行管理， 大大提高了管理效率、工作效率。 1.3 可行性分析 通過對該網(wǎng)站的各個模塊進(jìn)行了具體的了解之后，現(xiàn)在進(jìn)行可行性分析。 技術(shù)上可行：該系統(tǒng)所需硬件設(shè)備，如服務(wù)器，計算機(jī)，市場上都有銷售且價格較低，而且申請 一個域名也沒多大技術(shù)上的要求，有些網(wǎng)站還提供相

16、關(guān)的技術(shù)支持、管理與維護(hù)。在軟件上，操作系 統(tǒng)采用 windows 系列操作系統(tǒng)，數(shù)據(jù)庫系統(tǒng)采用 sql server2005，這些軟件在網(wǎng)站建設(shè)中被大量采用， 技術(shù)上都比較成熟。因此在技術(shù)上是可行的。 經(jīng)濟(jì)上可行：由于我們做的是畢業(yè)設(shè)計，在成本方面都是由個人自己解決，所以對經(jīng)費(fèi)沒有很高 的要求和控制。 綜上所述，網(wǎng)站建設(shè)在技術(shù)上、經(jīng)濟(jì)上都是可行的。 2 系統(tǒng)環(huán)境及主要技術(shù) 2.1 系統(tǒng)開發(fā)環(huán)境 開發(fā)環(huán)境采用 windows7 的操作系統(tǒng)，使用 myeclipse8.5 和 tomcat 6.0 服務(wù)器作為主要開發(fā)工具。 開發(fā)環(huán)境硬件配置如下: 酷睿 i3-380 處理器 2.53ghz； 2

17、.0g ddrsdram 內(nèi)存； 80g ide 硬盤； 開發(fā)環(huán)境的數(shù)據(jù)庫服務(wù)器也使用本機(jī)作為服務(wù)器。 2.2 系統(tǒng)運(yùn)行環(huán)境 根據(jù)系統(tǒng)的平臺無關(guān)性，開發(fā)過程中的易于測試與維護(hù)等特點(diǎn)，集服務(wù)器與客戶機(jī)于一體，均用 本機(jī)作測試。運(yùn)行環(huán)境使用 sql server + tomcat 作為應(yīng)用服務(wù)器。服務(wù)器運(yùn)行環(huán)境如下: 服務(wù)器解譯引擎：apache tomcat/6.0.12； jdk 版本：1.6.0_12； 服務(wù)器操作系統(tǒng)：windows7； http 解譯引擎：http/1.1； 服務(wù)器名(ip)：localhost； 服務(wù)器端口：8080； 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 3 2.3 主要技

18、術(shù)簡介 2.3.1 j2ee 技術(shù) j2ee 技術(shù)，也就是 java 2 platform enterprise edition，即 java2 企業(yè)版。它是一個由 sun 公司發(fā)起 的，由眾多重要應(yīng)用促成的與廠家無關(guān)的公共標(biāo)準(zhǔn)。它將許多分散的 java 技術(shù)整合到一起，構(gòu)合成一 個完整的企業(yè)標(biāo)準(zhǔn)，是現(xiàn)在市場上的主流產(chǎn)品。系統(tǒng)設(shè)計使用瀏覽器 + jsp（servlet）+ sql sever 2005。 2.3.2 jsp 及 servlet jsp(java server pages)是由 sun microsystems 公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁 技術(shù)標(biāo)準(zhǔn)。jsp 技術(shù)

19、有點(diǎn)類似 asp 技術(shù)，它是在傳統(tǒng)的網(wǎng)頁 html 文件(*.htm,*.html)中插入 java 程序 段(scriptlet)和 jsp 標(biāo)記(tag)，從而形成 jsp 文件(*.jsp)。 用 jsp 開發(fā)的 web 應(yīng)用是跨平臺的，既能在 linux 下運(yùn)行，也能在其他操作系統(tǒng)上運(yùn)行。 jsp 技術(shù)使用 java 編程語言編寫類 xml 的 tags 和 scriptlets，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處 理邏輯。網(wǎng)頁還能通過 tags 和 scriptlets 訪問存在于服務(wù)端的資源的應(yīng)用邏輯。 jsp 將網(wǎng)頁邏輯 與網(wǎng)頁設(shè)計和顯示分離，支持可重用的基于組件的設(shè)計，使基于web 的應(yīng)用

20、程序的開發(fā)變得迅 速和容易。 web 服務(wù)器在遇到訪問 jsp 網(wǎng)頁的請求時，首先執(zhí)行其中的程序段，然后將執(zhí)行結(jié)果連 同 jsp 文件中的 html 代碼一起返回給客戶。插入的java 程序段可以操作 數(shù)據(jù)庫、重新定向網(wǎng) 頁等，以實(shí)現(xiàn)建立動態(tài)網(wǎng)頁所需要的功能。 jsp 與 java servlet 一樣，是在服務(wù)器端執(zhí)行的，通常返回該客戶端的就是一個html 文本，因此客戶端只要有瀏覽器就能瀏覽。 jsp 的 1.0 規(guī)范的最后版本是 1999 年 9 月推出的， 12 月又推出了 1.1 規(guī)范。目前較新 的是 jsp1.2 規(guī)范，jsp2.0 規(guī)范的征求意見稿也已出臺。 jsp 頁面由 ht

21、ml 代碼和嵌入其中的 java 代碼所組成。服務(wù)器在頁面被客戶端請求以 后對這些 java 代碼進(jìn)行處理，然后將生成的html 頁面返回給客戶端的瀏覽器。 java servlet 是 jsp 的技術(shù)基礎(chǔ)，而且大型的 web 應(yīng)用程序的開發(fā)需要 java servlet 和 jsp 配合才能完成。 jsp 具備了 java 技術(shù)的簡單易用，完全的 面向?qū)ο螅哂衅脚_無關(guān)性且安全可靠，主要面向 因 特網(wǎng)的所有特點(diǎn)。 自 jsp 推出后，眾多大公司都支持 jsp 技術(shù)的服務(wù)器，如 ibm、oracle、bean 公司等， 所以 jsp 迅速成為商業(yè)應(yīng)用的服務(wù)器端語言。 jsp 的工作原理圖如下：

22、 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 4 圖 2-1 jsp 的工作原理 系統(tǒng)采用三層結(jié)構(gòu)： 三層客戶機(jī)服務(wù)器應(yīng)用程序使用一個中間件，是一個應(yīng)用程序服務(wù)器，它在前端應(yīng)用程序和后 臺數(shù)據(jù)庫之間操作。中間件存儲了系統(tǒng)的商業(yè)邏輯，并協(xié)調(diào)前端應(yīng)用程序與后臺數(shù)據(jù)庫交互的顯示。 改進(jìn)的可伸縮性、可用性和性能是選擇三層結(jié)構(gòu)的重要原因。 2.3.3 ajax 技術(shù) ajax 通過提供與服務(wù)器異步通信，使用戶從請求/響應(yīng)的循環(huán)中釋放出來。借助于 ajax 當(dāng)用戶單擊按鈕時，可以即時更新用戶操作界面，同時向服務(wù)器發(fā)出異步請求，從而對數(shù)據(jù)庫進(jìn)行操 作。當(dāng)請求返回時，可以使用 javascript 和 css 來相

23、應(yīng)地更新用戶操作界面，而不用刷新整個頁面。 在用戶看來，web 站點(diǎn)是即時響應(yīng)的，如圖 2-2： 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 5 數(shù)據(jù)存儲，讀取等操作 瀏覽器客戶端 用戶界面 web 服務(wù)器 httptransport html+css data http request ajax javascript call html+cs s data 圖 2-2 ajax web 應(yīng)用程序模型 2.3.4 sql server 2005 sql server 2005， 是 microsoft 公司推出的 sql server 關(guān)系型數(shù)據(jù)庫管理系統(tǒng)的新版本，其功 能先進(jìn)，具有可伸縮性好、使用方便、

24、與其他軟件集成程度高等優(yōu)點(diǎn)?？梢栽诒姸啻笮投嗵幚砥鞯姆?務(wù)器等平臺使用。 sql server 2005 通過在可伸縮性、數(shù)據(jù)集成、開發(fā)工具和強(qiáng)大的分析等方面的革新更好的確立了 微軟在 bi 領(lǐng)域的領(lǐng)導(dǎo)地位。sql server 2005 能夠把關(guān)鍵的信息及時的傳遞到組織內(nèi)員工的手中，從 而實(shí)現(xiàn)了可伸縮的商業(yè)智能。從 ceo 到信息工作者，員工可以快速的、容易的處理數(shù)據(jù)，以更快更 好的做出決策。sql server 2005 全面的集成、分析和報表功能使企業(yè)能夠提高他們已有應(yīng)用的價值， 即便這些應(yīng)用是在不同的平臺上。 2.3.5 myeclipse8.5 myeclipse 企業(yè)級工作平臺（m

25、yeclipse enterprise workbench ，簡稱 myeclipse）是對 eclipse ide 的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫和 j2ee 的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提 高工作效率。它是功能豐富的 j2ee 集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完 整支持 html, struts, jsf, css, javascript, sql, hibernate。 在結(jié)構(gòu)上，myeclipse 的特征可以被分為 7 類： 1. j2ee 模型 2. web 開發(fā)工具 3. ejb 開發(fā)工具 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 6 4. 應(yīng)

26、用程序服務(wù)器的連接器 5. j2ee 項目部署服務(wù) 6. 數(shù)據(jù)庫服務(wù) 7. myeclipse 整合幫助 對于以上每一種功能上的類別，在 eclipse 中都有相應(yīng)的功能部件，并通過一系列的插件來實(shí)現(xiàn)它 們。myeclipse 結(jié)構(gòu)上的這種模塊化，可以讓我們在不影響其他模塊的情況下，對任意模塊進(jìn)行單獨(dú) 的擴(kuò)展和升級。 簡單而言，myeclipse 是一款功能強(qiáng)大的 j2ee 集成開發(fā)環(huán)境，支持代碼編寫、配置、測試以及除 錯。 2.3.6 tomcat6.0 tomcat 是 apache 軟件基金會（apache software foundation）的 jakarta 項目中的一個核心項目

27、， 由 apache、sun 和其他一些公司及個人共同開發(fā)而成。由于有了 sun 的參與和支持，最新的 servlet 和 jsp 規(guī)范總是能在 tomcat 中得到體現(xiàn)，tomcat 5 支持最新的 servlet 2.4 和 jsp 2.0 規(guī)范。因?yàn)?tomcat 技術(shù)先進(jìn)、性能穩(wěn)定，而且免費(fèi)，因而深受 java 愛好者的喜愛并得 到了部分軟件開發(fā)商的認(rèn)可，成為目前比較流行的 web 應(yīng)用服務(wù)器。目前最新版本是 7.0。 tomcat 是一個小型的輕量級應(yīng)用服務(wù)器，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普 遍使用，是開發(fā)和調(diào)試 jsp 程序的首選。對于一個初學(xué)者來說，可以這樣認(rèn)為，

28、當(dāng)在一臺機(jī)器上配置 好 apache 服務(wù)器，可利用它響應(yīng)對 html 頁面的訪問請求。實(shí)際上 tomcat 部分是 apache 服務(wù)器 的擴(kuò)展，但它是獨(dú)立運(yùn)行的，所以當(dāng)你運(yùn)行 tomcat 時，它實(shí)際上作為一個與 apache 獨(dú)立的進(jìn)程單獨(dú) 運(yùn)行的。 3 系統(tǒng)需求分析與設(shè)計 3.1 網(wǎng)站需求分析 不同于課堂式教育，基于 jsp 的精品課程網(wǎng)站教學(xué)網(wǎng)站在線教學(xué)有著更多的優(yōu)點(diǎn)：它通過自 主選擇學(xué)習(xí)的方式實(shí)現(xiàn)了真正的因材施教；可以不受傳統(tǒng)教學(xué)模式下時間和地域的約束；自由的學(xué)習(xí) 環(huán)境、方便的學(xué)習(xí)工具可以最大程度的啟迪學(xué)生的智慧，從而在學(xué)習(xí)過程中相互啟發(fā)、交流互助；同 時在線學(xué)習(xí)也是一種信息多向的

29、交流活動，學(xué)生可在眾多學(xué)習(xí)資源中對比選擇，擇優(yōu)學(xué)習(xí)，從而達(dá)到 深入理解和掌握所學(xué)知識的目的。當(dāng)代學(xué)生學(xué)習(xí)方式呈多樣性，學(xué)習(xí)壓力也不盡不相同，而網(wǎng)絡(luò)教學(xué) 平臺可以讓學(xué)習(xí)者可根據(jù)自身實(shí)際情況選擇不同的學(xué)習(xí)方法，讓更多的人符合科學(xué)發(fā)展跟上時代的步 伐。 系統(tǒng)的模塊劃分如圖 3-1 所示： 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 7 圖 3-1系統(tǒng)模塊劃分 根據(jù)以上實(shí)際需求和特色，系統(tǒng)需滿足以下幾個方面的要求： （1）教師在網(wǎng)站上進(jìn)行網(wǎng)絡(luò)教學(xué)，并能通過此平臺方便地管理教學(xué)。 （2）通過教學(xué)網(wǎng)站學(xué)生能進(jìn)行多樣化學(xué)習(xí)，根據(jù)自身情況自主選擇學(xué)習(xí)內(nèi)容和信息。 （3）具有交流平臺，網(wǎng)絡(luò)教學(xué)系統(tǒng)可以實(shí)現(xiàn)教與學(xué)的互動，師生

30、間、同學(xué)間都能夠自由的相互溝 通和交流。 （4）學(xué)生通過此教學(xué)網(wǎng)站可以提交作業(yè)及進(jìn)行課程練習(xí)自測。 （5）學(xué)生及時獲得最新新聞、公告、學(xué)習(xí)資料等。 （6）所有教師可以共享全部的實(shí)驗(yàn)、測試題、課程資源等。 （7）管理員（教師）能夠?qū)ο到y(tǒng)進(jìn)行管理與維護(hù)。 （8）網(wǎng)站操作界面友好、操作簡單，用戶可以方便有效的使用。 3.2 網(wǎng)站設(shè)計原則 實(shí)現(xiàn)基于 internet 的網(wǎng)絡(luò)教學(xué)系統(tǒng)，需要具備一定的軟硬件條件，為其提供不同層次、不同形式 的各種材料和網(wǎng)絡(luò)教學(xué)所需的環(huán)境，包括網(wǎng)絡(luò)教學(xué)支持和網(wǎng)絡(luò)教學(xué)管理。網(wǎng)絡(luò)教學(xué)支持平臺是網(wǎng)絡(luò)教 學(xué)通過多種途徑、技術(shù)得以實(shí)現(xiàn)的平臺。網(wǎng)絡(luò)教學(xué)支持平臺的設(shè)計原則有: （1）適用

31、性原則 系統(tǒng)首先要實(shí)現(xiàn)預(yù)設(shè)的大體功能，在此前提實(shí)現(xiàn)的情況下，應(yīng)更多的從用戶使用角度考慮，使系 統(tǒng)操作簡單、實(shí)用。 （2）模塊化原則 網(wǎng)絡(luò)教學(xué)平臺內(nèi)置網(wǎng)絡(luò)課程開發(fā)工具，課程由模塊構(gòu)成。在應(yīng)用時可根據(jù)實(shí)際需要，靈活對模塊 進(jìn)行添加或刪除，同時能夠控制模塊在瀏覽頁面的顯示情況。 （3）開放性原則 每個模塊都具有編輯入口，管理員（教師）可以方便的對模塊進(jìn)行修改、維護(hù)。 （4）課程模塊的通用性 基于 jsp 的精品課程網(wǎng)站 學(xué)生操作教師操作管理員操作 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 8 增強(qiáng)課程模塊的通用即增強(qiáng)網(wǎng)站的通用性，這樣可以方便學(xué)校將網(wǎng)絡(luò)教學(xué)應(yīng)用到更多的學(xué)科當(dāng)中， 提高總體教學(xué)質(zhì)量。 （5

32、）可擴(kuò)展性原則 為了應(yīng)對未來教學(xué)工作的不斷發(fā)展和變化，系統(tǒng)的設(shè)計應(yīng)該提供可擴(kuò)展能力，主要可以采用結(jié)構(gòu) 模塊化設(shè)計等設(shè)計方法，把系統(tǒng)按照獨(dú)立的模塊進(jìn)行設(shè)計，降低藕合度，提高系統(tǒng)的可擴(kuò)展性。 （6）安全性原則 安全性是系統(tǒng)能夠穩(wěn)定運(yùn)行的首要條件，所以要建立足夠的安全措施，防止數(shù)據(jù)受受任何形式的 破壞；在頁面設(shè)計時不同身份用戶需設(shè)置不同權(quán)限，對登錄身份進(jìn)行驗(yàn)證，以分配用戶不同的平臺使 用權(quán)限。 （7）易維護(hù)性原則 網(wǎng)絡(luò)教學(xué)平臺更多的是一種教與學(xué)的交互，在使用時要求運(yùn)行速度快、管理方便、維護(hù)容易，所 以在設(shè)計時應(yīng)充分考慮它的運(yùn)行、管理和維護(hù)問題。 3.3 網(wǎng)站功能設(shè)計 3.3.1 網(wǎng)站功能框架 （1）

33、教師課程簡介 教師課程簡介能夠及時提供社會上最新的學(xué)科相關(guān)的技術(shù)、新聞，及時的發(fā)布最新技術(shù)與課程的 管理是管理員每天的工作。對學(xué)生能及時了解新知識、新技術(shù)具有重要意義。 （2）教學(xué)大綱 教學(xué)大綱是日常教學(xué)生活中的必備資料，包括課程表、教學(xué)進(jìn)度、考試安排等內(nèi)容。教師根據(jù)課 程進(jìn)度及時的制作教學(xué)大綱、規(guī)劃教學(xué)任務(wù)并發(fā)布，有利于學(xué)生做好課前預(yù)習(xí)準(zhǔn)備。同時同科目教師 可通過自己編寫的教學(xué)大綱進(jìn)行教學(xué)研究與交流，有助于提高教學(xué)質(zhì)量和方法。教學(xué)大綱以 word 文檔形式進(jìn)行保存編輯，并由相關(guān)教師進(jìn)行實(shí)時更新。學(xué)生可根據(jù)自身學(xué)習(xí)情況選擇性查看相關(guān)教學(xué) 大綱，把握好學(xué)習(xí)方法與進(jìn)度。 （3）教學(xué)資料 好的學(xué)習(xí)資

34、料可以幫助學(xué)生更方便、深程度的理解與掌握知識，同時教師也可以查看更多資料， 從而提高教學(xué)水平。教學(xué)資料由管理員（教師）在后臺上傳，學(xué)生可在網(wǎng)站上自由查看下載。 （4）參考資料 每個專業(yè)課程的書籍、資料里的知識都不是完整的，需要通過其他的資料來不斷補(bǔ)充、完善。教 師或管理員可根據(jù)自身經(jīng)驗(yàn)在眾多資料中選擇出比較有價值的參考資料進(jìn)行發(fā)布，方便其它教師或?qū)W 生查看。同時學(xué)生也可以有方向性的加大自身學(xué)習(xí)范圍，提高教學(xué)質(zhì)量。 （5）實(shí)驗(yàn)指導(dǎo) 由教師做出詳細(xì)實(shí)驗(yàn)指導(dǎo)資料及說明并發(fā)布，學(xué)生在實(shí)驗(yàn)開始之前，下載查看以了解實(shí)驗(yàn)內(nèi)容、 流程及方法，方便課上快速而準(zhǔn)確的進(jìn)行實(shí)驗(yàn)，避免不必要的失誤。也可以幫助不能在課上

35、及時完成 實(shí)驗(yàn)的同學(xué)課后補(bǔ)習(xí)。 （6）在線答疑 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 9 教師可以針對比較有代表性的問，或者平時課業(yè)中學(xué)生容易犯錯的題目及留言請教的問題，作詳 細(xì)解答并予以發(fā)布，方便眾多學(xué)生查看，也可避免同一道題目反復(fù)講解的情況，優(yōu)化資源配置，提高 學(xué)習(xí)效率。 （7）在線測試 在線測試模塊是一個檢驗(yàn)學(xué)生知識掌握程度的平臺，管理員（教師）在后臺完成課后 自測試題或考卷的添加，學(xué)生在線點(diǎn)擊即可測試，有助于幫助學(xué)生認(rèn)識到自己學(xué)習(xí)過程中 的弱勢部分，并有方向性的學(xué)習(xí)提高。同時能夠提高考試效率，節(jié)約資源。 （8）作業(yè)下載 教師按班級布置相關(guān)作業(yè)，學(xué)生根據(jù)提示下載查看自己班級的作業(yè)，完成后登錄自

36、己的賬號即可 提交，實(shí)現(xiàn)無紙化作業(yè)，節(jié)約資源與時間。 （9）會員中心 普通的瀏覽為游客模式，方便其他學(xué)科的學(xué)生學(xué)習(xí)。本學(xué)科學(xué)生在通過注冊并登錄之后可以提交 作業(yè)，并發(fā)表留言。 （10）互動交流 系統(tǒng)的交流平臺設(shè)計成為一個留言板類型，方便所有人交流。登錄后顯示姓名，未登錄則顯示為 游客。瀏覽者可發(fā)表留言或問題，其它瀏覽者或?qū)I(yè)教師可以答復(fù)。 （11）管理登錄系統(tǒng)的后臺程序。 管理員（教師）可登錄對系統(tǒng)中所有資源進(jìn)行管理，同時回復(fù)學(xué)生問題。 系統(tǒng)功能框架如圖 3-2 所示： 精品課程網(wǎng)站 新 教 師 課 程 簡 介 教 學(xué) 大 綱 教 教 學(xué) 資 料 參 教 學(xué) 進(jìn) 度 實(shí) 實(shí) 驗(yàn) 指 導(dǎo) 習(xí) 在

37、 線 答 疑 自 在 線 測 試 作 發(fā) 布 作 業(yè) 會 會 員 中 心 互 互 動 交 流 管 管 理 登 錄 圖 3-2 精品課程網(wǎng)站功能框架 3.3.2 管理員（教師）功能 管理員直接負(fù)責(zé)系統(tǒng)資源的管理，具有最高權(quán)限。其登錄后應(yīng)有以下功能： （1）管理員設(shè)置 通過管理員設(shè)置，可以增加和修改管理員，而且可以查看后臺登陸日志，如下圖 3.3.2 所示，在輸 入管理員名，密碼以及當(dāng)前狀態(tài)后，可以選擇增加或者是修改功能對管理員進(jìn)行修改。 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 10 （2）網(wǎng)站通知設(shè)置 通知具有即時性，管理員可在此對滾動通知進(jìn)行管理，同時發(fā)布新的滾動通知。如圖所示： （3）教師課程

38、簡介管理 管理員在此對教師課程簡介進(jìn)行管理，保證教師課程簡介在第一時間發(fā)布在網(wǎng)上，讓網(wǎng)站瀏覽者 隨時了解信息。 （4）基本教學(xué)大綱 對教師發(fā)布的基本教學(xué)大綱進(jìn)行操作，也可按照教師要求進(jìn)行修改或更新，為教學(xué)大綱的共享搭 建平臺。 （5）教學(xué)資料管理 功能基本同上，都是對教師發(fā)布的資料進(jìn)行管理。 （6）實(shí)驗(yàn)指導(dǎo)管理 根據(jù)實(shí)驗(yàn)課程的安排上傳或修改相關(guān)實(shí)驗(yàn)指導(dǎo)，為學(xué)生實(shí)驗(yàn)作好準(zhǔn)備工作。 （7）在線答疑管理 根據(jù)學(xué)生提出的問題，與相關(guān)教師聯(lián)系后發(fā)布在線答疑資料，確保資料的準(zhǔn)確詳細(xì)。 （8）在線測試管理 對在線測試題目進(jìn)行管理，根據(jù)實(shí)際需要修改在線測試題目或設(shè)置新題型。 （9）作業(yè)管理 首先對班級進(jìn)行管理

39、，然后按班級發(fā)布各自作業(yè)，最后可授權(quán)給該班級教師對學(xué)生上傳作業(yè)進(jìn)行 批改。 （10）注冊會員管理、網(wǎng)站留言管理 對注冊會員進(jìn)行管理，只能刪除，應(yīng)謹(jǐn)慎使用。同時也對留言進(jìn)行管理，防止留言過多系統(tǒng)刷新 過慢。管理員（教師）功能如圖 3-3 所示： 管理員（教師） 教 學(xué) 大 綱 管 理 網(wǎng) 站 通 知 設(shè) 置 教 師 課 程 管 理 教 學(xué) 資 源 管 理 參 考 資 料 管 理 管 理 員 設(shè) 置 實(shí) 驗(yàn) 指 導(dǎo) 管 理 在 線 答 疑 管 理 在 線 測 試 管 理 在 線 作 業(yè) 管 理 注 冊 會 員 管 理 網(wǎng) 站 留 言 管 理 圖 3-3 管理員（教師）功能圖 管理員（教師）信息管理

40、業(yè)務(wù)流程圖如圖 3-4 所示： 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 11 是 否 圖 3-4 管理員信息管理業(yè)務(wù)流程圖 3.3.3 學(xué)生功能 學(xué)生是系統(tǒng)中的主要服務(wù)對象，為了方便學(xué)生學(xué)習(xí)，提高學(xué)生自學(xué)能力，系統(tǒng)除上傳 作業(yè)時需要學(xué)生登錄外，無需登錄也可快速瀏覽下載資源。學(xué)生功能如下： （1）查看教師與課程簡介：學(xué)生進(jìn)入系統(tǒng)后可進(jìn)入該版面查看相關(guān)信息，并了解最新動態(tài)。 （2）教學(xué)大綱：學(xué)生根據(jù)自身要求，選擇相應(yīng)科目教師提供的教學(xué)大綱，下載查看。 （3）教學(xué)資料：和教學(xué)大綱一樣，為教師提供，學(xué)生可查看。 （4）參考資料：提供各科目的教學(xué)參考資料，讓學(xué)生能對學(xué)科理論有更深入的認(rèn)識。 （5）實(shí)驗(yàn)指導(dǎo)：在實(shí)

41、驗(yàn)開始之前，可查看相應(yīng)的實(shí)驗(yàn)指導(dǎo)，指導(dǎo)學(xué)生正確實(shí)驗(yàn)。 （6）在線答疑：這里發(fā)布各種具有代表性的習(xí)題難題的詳細(xì)解答步驟，學(xué)生可通過正確解答與自 己所犯錯誤相對比，找出真正不足之處。 （7）在線測試：為學(xué)生提供能力測試的平臺，檢驗(yàn)學(xué)習(xí)效果，同時復(fù)習(xí)所學(xué)知識。 （8）作業(yè)下載：學(xué)生根據(jù)自己所在班級選擇查看有無作業(yè)，若有，完成作業(yè)后可提交。重復(fù)提交 同一作業(yè)將覆蓋上次提交。 管理員 登錄 信息驗(yàn)證管理后臺各種資 源 注銷 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 12 （9）會員中心：為學(xué)生提供會員注冊，注冊必須填寫真實(shí)資料，注冊完成登錄后可提交作業(yè)和對 教師進(jìn)行評價。 （10）互動交流：一個加深學(xué)生與學(xué)

42、生，學(xué)生與教師的溝通平臺?？砂l(fā)表留言，未登錄為匿名發(fā) 表，名字顯示為游客，登錄后可顯示自己名稱。 學(xué)生功能如圖 3-5 所示： 學(xué)生 教 學(xué) 大 綱 會 員 注 冊 教 師 課 程 互 動 交 流 參 考 資 料 實(shí) 驗(yàn) 指 導(dǎo) 在 線 答 疑 在 線 測 試 作 業(yè) 提 交 教 學(xué) 資 源 互 動 交 流 教 師 評 價 圖 3-5 學(xué)生功能圖 學(xué)生信息業(yè)務(wù)管理流程圖如圖 3-6 所示： 否 是 學(xué)生 登錄 修改密碼 修改 完成 瀏覽或下載 資源 注銷 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 13 圖 3-6 用戶信息服務(wù)業(yè)務(wù)流程圖 3.4 系統(tǒng)用例圖 由參與者（actor）、用例（use case

43、）以及它們之間的關(guān)系構(gòu)成的用于描述系統(tǒng)功能的動態(tài)視圖 稱為用例圖。 系統(tǒng)管理員管理信息和用戶功能信息用例圖如圖 3-7、圖 3-8 所示： 圖 3-7 系統(tǒng)管理信息用例圖 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 14 圖 3-8 用戶功能信息用例圖 4 系統(tǒng)數(shù)據(jù)庫的設(shè)計 數(shù)據(jù)庫設(shè)計是針對一個給定的應(yīng)用環(huán)境提供一個確定最優(yōu)數(shù)據(jù)模型與處理模式的邏輯設(shè)計，以及 一個確定數(shù)據(jù)庫存儲結(jié)構(gòu)與存取方法的物理設(shè)計。數(shù)據(jù)庫的設(shè)計應(yīng)能夠達(dá)到操作方便、利用率高、布 局合理、維護(hù)及擴(kuò)允方便、數(shù)據(jù)冗余度小的要求。 4.1 系統(tǒng) e-r 圖 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 15 e-r 圖清楚地描述了系統(tǒng)中各個實(shí)體之間的聯(lián)

44、系，以及各個實(shí)體所具有的屬性，可以很清楚地了 解整個系統(tǒng)的總體處理。e-r 圖如圖 4-1： 圖 4-1 系統(tǒng) e-r 圖 4.2 數(shù)據(jù)庫表的設(shè)計 根據(jù)系統(tǒng)的目標(biāo)和任務(wù)、結(jié)構(gòu)和功能，仔細(xì)研究系統(tǒng)的主要功能模塊和數(shù)據(jù)需求，采用 sql server 2005 設(shè)計并建立了 12 張數(shù)據(jù)信息表： (1)管理員表(admin)：此表主要是用來存放本網(wǎng)站管理員信息的表。主要包括了標(biāo)識(id)，用戶名 (username)，密碼(password)，創(chuàng)建時間(createtime)，登錄次數(shù)(logintimes)。具體如表 4-1 所示： 表 4-1 admin 表 名稱數(shù)據(jù)類型大小 idint4 u

45、sernamenvarchar50 passwordnvarchar50 createtimedatetime8 logintimesint4 管理員 管理 管理 管理 網(wǎng)站公告 用戶 教師課程 教學(xué)大綱 教學(xué)資料 管理 教學(xué)進(jìn)度 實(shí)驗(yàn)大綱 在線答疑 在線測試 發(fā)布作業(yè) 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 16 (2)管理員登錄日志表(adminlog)：該表主要存放了管理員登錄的日志記錄。主要包括了標(biāo)識(id)， 用戶名(username)，密碼(password)，登錄時間(logintime)，登錄 ip(loginip)，登錄操作(useros)。具體如 表 4-2 所示： 表 4-

46、2 adminlog 表 名稱數(shù)據(jù)類型大小 idint4 usernamenvarchar50 passwordnvarchar50 logintimedatatime8 loginipnvarchar50 userosnvarchar50 (3)通知表(affiche)：該表是存放公告欄的相關(guān)信息的表。主要包括了標(biāo)識(id)，標(biāo)題(title)，內(nèi)容 (content)，添加時間(addtime)，添加人(adder)，是否隱藏(ifhide)。具體如表 4-3 所示： 表 4-3 affiche 表 名稱數(shù)據(jù)類型大小 idint4 titlenvarchar100 contentnvarc

47、har200 addtimedatatime8 addernvarchar51 ifhideint4 (4)作業(yè)表(fbzy)：主要包括了標(biāo)識(id)，班級(banji)，標(biāo)題(title)，資源位置(url)，添加時間(addtime)。 具體如表 4-4 所示： 表 4-4 fbzy 表 名稱數(shù)據(jù)類型大小 idint4 banjinvarchar50 titlenvarchar50 urlnvarchar50 addtimedatetime8 (5)網(wǎng)站留言表(guestbook)：該表是存放互動交流留言信息的表。主要包括了標(biāo)識(id)，昵稱 (nickname)，圖片(pic)，郵件(e

48、mail)，qq(qq)，web 地址(weburl)，博客地址(blogurl)。具體如表 4-5 所 示： 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 17 表 4-5 guestbook 表 名稱數(shù)據(jù)類型大小 idint4 nickname nvarchar100 picnvarchar150 emailnvarchar50 qqnvarchar50 weburlnvarchar100 blogurlnvarchar100 (6)教學(xué)大綱表(jbjxwj)：該表是存放教學(xué)大綱信息的表。主要包括了標(biāo)識(id)，標(biāo)題(title)，地址(url)， 計劃(jihua)，添加時間(addtime)。具體如

49、表 4-6 所示： 表 4-6 jbjxwj 表 名稱數(shù)據(jù)類型大小 id int 4 titlenvarchar50 urlnvarchar50 jihuatext50 addtimedatetime8 (7)實(shí)驗(yàn)指導(dǎo)表(syzd)：主要包括了標(biāo)識(id)，標(biāo)題(title)，指導(dǎo)說明(zds)，地址(url)，添加時間 (addtime)。具體如表 4-7 所示： 表 4-7 syzd 表 名稱數(shù)據(jù)類型大小 idint4 titlenvarchar50 urlnvarchar50 zdstext50 addtimedatetime8 (8)教師與課程簡介(news)：該表是用來存放教師及課程

50、簡介的表。主要包括了標(biāo)識(id)，標(biāo)題(title)， 圖片(pic)，內(nèi)容(context)，添加時間(addtime)，添加人(adder)，瀏覽次數(shù)(visittime)。具體如表 4-8 所示： 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 18 表 4-8 news 表 名稱數(shù)據(jù)類型大小 idint4 titlenvarchar50 picnvarchar50 contexttext50 addtimedatatime8 addernvarchar51 visittimeint4 (9)教學(xué)資料表(jxzl)：主要包括了標(biāo)識(id)，類型()type，標(biāo)題(title)，地址(url)，添加

51、時間(addtime)。 具體如表 4-9 所示： 表 4-9 jxzl 表 名稱數(shù)據(jù)類型大小 idint4 typenvarchar50 titlenvarchar50 urlnvarchar100 addtimedatetime8 (10)班級表(class):主要包括了標(biāo)識(id)，班級名稱(name)。具體如表 4-10 所示： 表 4-10 class 表 名稱數(shù)據(jù)類型大小 idint4 namenvarchar50 (11)用戶注冊表(member)：該表是用來存放用戶注冊信息的表。主要包括了標(biāo)識(id)，用戶名 (username)，密碼(password)，出生日期(regti

52、me)，登錄時間(logintime)，登錄次數(shù)(lasttime)，上次登錄 ip(lastip)。具體如表 4-11 所示： 表 4-11 member 表 名稱數(shù)據(jù)類型大小 idint4 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 19 usernamenvarchar50 passwordnvarchar100 typenvarchar50 logintimeint4 lasttimedatetime8 lastipnvarchar50 (12)參考資料表(zkzl)與在線答疑表(xtjd)：兩表內(nèi)容上基本相同，主要包括了標(biāo)識(id)，標(biāo)題(title)， 內(nèi)容(intro)，添加時間(addti

53、me)。具體如表 4-12 所示(zkzl)： 表 4-12 zkzl 表 名稱數(shù)據(jù)類型型大小 idint4 introtext50 titlenvarchar50 addtimedatetime8 5 系統(tǒng)的實(shí)現(xiàn) 5.1 三層架構(gòu)模式（mvc 模式） mvc 模式（三層架構(gòu)模式）（model-view-controller）是軟件工程中的一種軟件架構(gòu)模式，把軟 件系統(tǒng)分為三個基本部分：模型（model）、視圖（view）和控制器（controller）。 event(事件)導(dǎo)致 controller 改變 model 或 view，或者同時改變兩者。只要 controller 改變了 mod

54、els 的數(shù)據(jù)或者屬性，所有依賴的 view 都會自動更新。類似的，只要 controller 改變了 view，view 會從潛在的 model 中獲取數(shù)據(jù)來刷新自己。mvc 設(shè)計模式的結(jié)構(gòu)如圖 5-1 所示： 圖 5-1 mvc 設(shè)計模式的結(jié)構(gòu) 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 20 5.2 系統(tǒng)登錄模塊的設(shè)計 在用戶登錄界面，在用戶名對應(yīng)的文本框中輸入用戶名，在密碼對應(yīng)的文本框中輸入密碼，在驗(yàn) 證碼文本框中輸入驗(yàn)證碼，如果用戶名、密碼和驗(yàn)證碼同時與數(shù)據(jù)庫中的用戶名、密碼和驗(yàn)證碼相對 應(yīng)，點(diǎn)擊“確定”后進(jìn)入個人會員權(quán)限的管理界面。如果輸入的信息不正確，則給出提示。本系統(tǒng)設(shè)置 了兩處登錄

55、模塊，一處是會員中心登錄，提供注冊功能，一處是管理員登錄，登錄后可以對整個系統(tǒng) 進(jìn)行管理。 輸入：用戶名、密碼、驗(yàn)證碼。 處理：校檢字符的有效性。用戶要登錄本系統(tǒng)需要提供用戶名、密碼和驗(yàn)證碼，在這里就是要檢 驗(yàn)用戶是否滿足輸入的要求，即檢驗(yàn)用戶名、密碼和驗(yàn)證碼文本框是否為空，若為空，則提示用戶輸 入用戶名和密碼。檢驗(yàn)用戶名是否存在或密碼是否正確，即是否存在用戶輸入的用戶名，并且密碼是 否正確。并驗(yàn)證驗(yàn)證碼是否正確。 輸出：登錄成功，進(jìn)入管理員的系統(tǒng)使用資源頁面，不成功則顯示錯誤信息頁面。根據(jù)上述功能 介紹，得到該模塊的程序流程圖，如圖 5-2 所示： 否 是 開始 輸入用戶名密碼驗(yàn)證碼 是否

56、正確 確 顯示管理界面 提示錯誤信息 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 21 圖 5-2 登錄模塊流程圖 系統(tǒng)普通會員登錄與管理員登錄頁面如圖 5-3、圖 5-4 所示： 圖 5-3 普通會員登錄界面 結(jié)束 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 22 圖 5-4 管理員登陸界面 5.3 系統(tǒng)主頁面 在瀏覽器中輸入 http:/localhost:8080/wlkc/可以打開此平臺的主頁，系統(tǒng)主頁包括的功能模塊有： 教師課程簡介、教學(xué)大綱、教學(xué)資料、參考資料、實(shí)驗(yàn)指導(dǎo)、在線答疑、在線測試、作業(yè)下載、會員 中心、互動交流、管理登錄。學(xué)生可在線查閱資源和在線測，管理員（教師）可登錄后臺進(jìn)行管理。 如圖

57、 5-5 所示： 圖 5-5 系統(tǒng)主頁面 5.4 教師課程簡介 管理員可管理教師與課程簡介，用戶可通過教師課程簡介面板進(jìn)行查看教師與課程簡介信息。課 程簡介頁面為 news.jsp，按更新時間的降序來顯示課程簡介標(biāo)題，點(diǎn)擊查看后轉(zhuǎn)入 newsinfo.jsp，具體 的顯示教師與課程信息。管理員在后臺通過教師與課程簡介管理來對表進(jìn)行添加、刪除、修改、查詢 等。 首先進(jìn)入教師課程簡介頁面，如圖 5-6 所示： 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 23 圖 5-6 教師及課程簡介主頁 點(diǎn)擊相關(guān)課程信息后轉(zhuǎn)入教師課程簡介顯示頁面，具體查看教師課程簡介信息。如圖 5-7 所示： 圖 5-7 教師及課程簡介顯

58、示 管理員根據(jù)需求對教師及課程簡介進(jìn)行管理，主要為修改和刪除。如圖 5-8 所示： 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 24 圖 5-8 教師及課程簡介管理 實(shí)現(xiàn)說明： 首頁教師與課程簡介信息在 news.jsp 中顯示，由后臺管理員或教師直接添加，數(shù)據(jù)由管理員提交 并傳到 newsservlet.java，然后由 newsbean.java 進(jìn)行數(shù)據(jù)庫操作處理，如果數(shù)據(jù)符合要求，則更新數(shù) 據(jù)庫，顯示在 news.jsp 并在后臺管理界面更新數(shù)據(jù)。如果數(shù)據(jù)不符合要求則提示管理員重新輸入。 5.5 教學(xué)大綱 教學(xué)大綱主頁為 jxwj.jsp，學(xué)生可根據(jù)需要查看并下載教學(xué)大綱，管理員或教師可對教

59、學(xué)大綱進(jìn)行 管理。 教學(xué)大綱的查看和下載如圖 5-9 所示： 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 25 圖 5-9 教學(xué)大綱查看下載 管理員（教師）可在后臺通過對教學(xué)大綱的修改、刪除從而實(shí)現(xiàn)對教學(xué)大綱的管理，同時可發(fā)布 教學(xué)大綱，在數(shù)據(jù)庫中則是對 jbjxwj 表進(jìn)行操作。如圖 5-10 所示： 圖 5-10 教學(xué)大綱添加 5.6 其他模塊 教學(xué)資料、教學(xué)進(jìn)度安排、實(shí)驗(yàn)大綱及指導(dǎo)、在線答疑的實(shí)現(xiàn)方法均與以上功能相類似，不再一 一重復(fù)。實(shí)現(xiàn)情況如圖 5-11、圖 5-12、圖 5-13、圖 5-14 所示： 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 26 圖 5-11 教學(xué)資料 圖 5-12 教學(xué)進(jìn)度安

60、排 長春工程學(xué)院畢業(yè) 設(shè)計(論文) 27 圖 5-13 試驗(yàn)大綱及指導(dǎo) 圖 5-14 在線答疑 5.7 在線測試 學(xué)生登錄該精品課程網(wǎng)站后，可以點(diǎn)擊主頁面的在線測試按鈕進(jìn)入在線測試頁面 zwcsinfo.jsp，在 此頁面進(jìn)行自己感興趣的專業(yè)知識進(jìn)行測試，以檢測自己的學(xué)習(xí)成果。實(shí)現(xiàn)效果如圖 5-15： 圖 5-15 在線測試 大連理工大學(xué)畢業(yè)設(shè)計（論文）格式規(guī)范 28 實(shí)現(xiàn)說明： 這個模塊的測試題目均是以選擇題形式出現(xiàn)，用戶單擊某一答案前的 radiobutton 進(jìn)行選擇答案， 然后單擊提交之后，數(shù)據(jù)經(jīng)由表單提交給 kcservlet.jsp，如果正確，則提示“恭喜您，回答正確！”， 如果選