-嵌入式系統(tǒng)課程網絡教學平臺開發(fā)

內蒙古科技大學畢業(yè)設計說明書（畢業(yè)論文）“嵌入式系統(tǒng)課程”網絡教學平臺開發(fā)摘要在“寬帶網”尤其是“校園網”進入校園的今天，充分發(fā)揮網絡優(yōu)勢，開發(fā)網絡教學平臺已成為教學活動的必然趨勢。本課題就是以網絡信息技術為支撐平臺，開發(fā)嵌入式系統(tǒng)課程學習網站，構筑教學與網絡相結合的教師教學新模式和學生學習新方式。本設計從分析嵌入式系統(tǒng)教學模式的現(xiàn)狀出發(fā)，論述了建設一個基于B/S結構的嵌入式系統(tǒng)教學網站的必要性；以此教學網站為平臺，研究了客戶端、Web服務器端、網絡數(shù)據(jù)庫端及用戶訪問權限的設置等實現(xiàn)技術；最后以靜態(tài)網頁制作、JSP動態(tài)網頁設計、CSS樣式應用、Photoshop圖像處理、UML語言及對網站的總體布局設計為基礎，開發(fā)了教學內容、學習指南、課程設計及教研資源等學習版塊。通過網絡教學平臺的開發(fā)，可以實現(xiàn)教與學的互動，提供實時交流的平臺，為學生學好嵌入式系統(tǒng)課程創(chuàng)建優(yōu)良的環(huán)境。關鍵詞：嵌入式系統(tǒng)；網絡教學；B/S結構；JSP內蒙古科技大學畢業(yè)設計說明書（畢業(yè)論文）TheNetworkTeachingPlatformExploitingof“EmbeddedSystemsCourse”AbstractToday“campusnetwork”especiallythe"broadbandnetwork"getsintothecampus,madeitbecameapossibilitytocombinetheteachingcoursesandnetwork,alsomadeitisnecessarytoestablishthe“school-based”networkteachingplatform.Itwilldesignanddevelopthesitesforthemestudy,bringintofullplaytotheadvantagesofnetworks,breakthroughthetraditionalclosed-endteaching,withthehelpofopeningandinteractivenewteachingmediumitwillfulfillthenewteachingmodelwiththeorganiccombinationofInternetandteachingandthenewlearnwaysofstudents.Thisthesisfirstlyanalysisthecurrentsituationofembeddedsystemeducation’steachingmodeandthetrainingoftheuniversity’smajorsofcomputernetwork,anddiscussedthenecessitytoestablishateachingsitewithaconstructionofaB/S,based“embeddednetworkteachingplatform”,usedthesiteasaplatformtostudythesettingsoftheuseraccessandthetechnologyofon-linemockexaminationsystem.Finally,basedonthedesignofJSPdynamicweb,theapplicationofCSSform,theproductionofstaticweb,theprocessingofPhotoshopimage,JavaScriptlanguage,Javalanguageandthedesignfortheoveralllayoutofthesitetodevelopandrealizethemajorsectionsofteaching,studyguideson-lineexaminationandcurriculumdesignandsoon.Themainbodiesofthisthesisareteachingmodules,studyguidesandon-linetestmodule.Theembeddedsystemsnetworkteachingplatformwillgivestudentsanexchangeandinteractionplatformandlaidasolidbaseforstudents’studyofembeddedsystems.Keywords:EmbeddedSystems;networkteaching;B/Sstructure;JSP;on-lineexamination內蒙古科技大學畢業(yè)設計說明書（畢業(yè)論文）目錄摘要 IAbstract II第一章引言 11.1課程網絡教學平臺開發(fā)背景 11.2“嵌入式系統(tǒng)課程”網絡教學的意義 11.3網絡教學平臺設計原則 2第二章平臺開發(fā)需求分析 52.1平臺應用體系結構 52.1.1三層分布式應用體系結構的設計 52.1.2三層體系結構的分析 62.1.3三層體系結構的優(yōu)點 82.2教學平臺框架邏輯結構、角色分配與整體結構圖 92.2.1“嵌入式系統(tǒng)課程”網絡教學環(huán)境設計 92.2.2教學平臺使用用戶 102.3課程網絡教學平臺整體架構 102.4網絡教學平臺功能需求 112.4.1注冊功能 112.4.2登陸功能 122.4.3用戶信息維護與查看功能 122.4.4信息發(fā)布功能 122.4.5資源下載功能 122.4.6在線考試功能 122.4.7教學平臺后臺安全維護與管理 13第三章網絡教學平臺功能設計 153.1教學平臺體系結構 153.2教師教學系統(tǒng)與學生學習系統(tǒng) 163.3后臺管理系統(tǒng) 17第四章網絡教學平臺的開發(fā)流程 184.1開發(fā)工具及技術 184.2平臺模塊的開發(fā) 204.2.1需求用例UML模型描述 20第五章教學平臺技術模塊的實現(xiàn) 285.1用戶登陸模塊 285.2驗證碼模塊 295.3在線編輯器模塊 355.3.1HTML在線編輯器的基本原理 365.3.2在線編輯器代碼的安全過濾 37結論 42參考文獻 43附錄A 在線編輯器源碼 44致謝 54內蒙古科技大學畢業(yè)設計說明書（畢業(yè)論文）引言課程網絡教學平臺開發(fā)背景隨著科學技術的進步，尤其是計算機網絡的發(fā)展，人類將進入信息社會，因而人們的生活方式、思維方式、工作方式，以及教育方式都將隨之改變。網絡與教育的結合，將會徹底改變傳統(tǒng)的教育思想、觀念、內容、方法，改變傳統(tǒng)的人才培養(yǎng)模式。人類社會已進入網絡時代、信息時代和知識經濟時代，網絡為人們獲取信息和知識提供了重要的途徑和豐富的資源。目前以網絡為紐帶，快速、高效、方便地實現(xiàn)知識傳遞，以現(xiàn)代化手段促進教學改革，將傳統(tǒng)的課堂教學轉變?yōu)檎n堂+電腦+網絡課堂+Internet的學習方式，是教育工作者應當為之努力的方向。基于JSP技術的“嵌入式系統(tǒng)課程”網絡教學平臺是依托校園網的優(yōu)勢設計和開發(fā)的，通過此平臺，學生可以不受時間、空間、地域的限制，在網上瀏覽、下載嵌入式系統(tǒng)課程的教學內容、完成作業(yè)、參加測試等，教師也可借助此平臺發(fā)布公告信息、發(fā)布試題、實現(xiàn)課件上傳下載、組織討論答疑等。未來的教育技術必將是以信息技術為基礎的教育技術，信息技術在教育中的應用是教育技術的重要組成部分，信息技術的發(fā)展，必將引起教育技術學科領域的重大變化。應用現(xiàn)代信息技術構架的網絡多媒體教學應用平臺是實現(xiàn)網絡教學的技術基礎，現(xiàn)已成為現(xiàn)代教育技術改革與發(fā)展的主流方向。“嵌入式系統(tǒng)課程”網絡教學的意義網絡教學可以利用各種先進的教育技術，最大限度地用計算機替代教師的勞動，提高教育資源的共享度。嵌入式系統(tǒng)課程網絡教學平臺根據(jù)登陸用戶身份的不同分別設有學生學習區(qū)、教師工作區(qū)、交流區(qū)等。通過給學習者提供包括網上學習導航、答疑、檢索、討論、作業(yè)、在線自測等手段，提高嵌入式系統(tǒng)課程學習者的學習效果；通過提供方便的網絡課程構建工具，加強網絡課程的交互性和協(xié)作性，提高網絡課程的建設質量；通過提供多種最能體現(xiàn)網絡特色的學習策略，打破傳統(tǒng)單一的傳授式學習模式，便于教師進行教學設計。網絡教學可以最大限度的使用網絡手段模擬現(xiàn)實生活中的教育流程，并且利用計算機系統(tǒng)的強大計算能力，可以進行教學過程和教學成果的跟蹤、統(tǒng)計，分析，改善了傳統(tǒng)教學手段在這方面的不足。網絡技術對于“嵌入式系統(tǒng)課程”教學的貢獻是能實現(xiàn)教學的交互性。交互性主要在于三個層面：一是人機交互；二是機機交互；三是人人交互。在人機、機機交互的基礎上，實現(xiàn)師生、生生及師師之間的交互作用。其中最重要的是師生交互。根據(jù)“嵌入式系統(tǒng)課程”的特點，設置了網絡實驗教學環(huán)節(jié)，通過網絡平臺提供課程的軟件實驗平臺，學生在遠程即可進行軟件實驗，方便、快捷、有效地學習了課程的相關知識。

相對于傳統(tǒng)嵌入式系統(tǒng)課程教學模式，這樣一個交互式教學平臺的最大優(yōu)勢在于，它打破了原有教學模式的那種時間和空間的局限。學生可以更自由地安排學習過程，盡可能地實現(xiàn)學習自主化。同時利用這樣一個網絡教學平臺，師生之間的交流也得到了充分的保證，學生學習之后的反饋信息可以通過平臺及時傳送給教師，而教師也可以及時給以相應的建議和指導。網絡教學平臺設計原則基礎教育的教學模式以課堂教學（面授方式）為主，基于課程整合理念的網絡教學，是課堂教學的有益補充。所以該“嵌入式系統(tǒng)課程”網絡教學平臺的設計注重課堂教學的輔助和學生自主學習能力的培養(yǎng)。從嵌入式系統(tǒng)網絡教學課程的特點來看，它與一般的多媒體教學軟件不同，它是學習者利用網絡進行遠程學習的平臺，是通過網絡表現(xiàn)的該門學科的教學內容和實施的教學活動。從嵌入式系統(tǒng)課程的特點出發(fā)，在開發(fā)網絡平臺的過程中，需遵循以下原則：1.網絡共享原則嵌入式系統(tǒng)網絡課程以網絡為媒介，一方面網絡的特性要求其具有共享性，另一方面網絡課程本身的特點也要求其具有共享性。因而在開發(fā)的過程中，應充分考慮學習者對課程的共享性要求，使網絡課程的內容及形式盡量滿足其學習群體的共同需要。2.交互原則交互性是網絡媒體區(qū)別于其他媒體的最大優(yōu)勢之一，正是網絡第一次實現(xiàn)了人和機器的平等對話。而網絡課程借助于網絡這個平臺，充分運用了網絡技術，表現(xiàn)出方便多樣的交互形式，這也是其目前得到蓬勃發(fā)展的原因之一。這里我們所談的交互主要包括學習者與學習者的交互、學習者與網絡課程的交互、以及學習者與教師的交互三個方面，每個方面的交互都可以通過各種不同的方式來實現(xiàn)。3.導航清晰原則在以網絡課程為媒介的遠程學習中，學習者一般都是在師生分離的情況下進行學習的，其具有很高的自主性，可以滿足學習者不同的個性需要，但也存在一個容易迷失方向的問題。為了更好地達到學習者自主學習的效果，這就要求網絡課程在導航上面要作到層次清晰、鏈接方便，可以很好地幫助學習者明確自己所處的位置，并及時快速地實現(xiàn)相關內容之間的跳轉及學習進度的控制，使學生不至于在學習過程中出現(xiàn)迷航的情況。4.多媒體原則網絡課程在表現(xiàn)形式上具有多媒體特點，充分利用了各種表現(xiàn)形式來調動學生的各種感官，激發(fā)學生的學習興趣，這個特點也就要求我們在開發(fā)的過程中一定要遵循多媒體原則，綜合考慮多種媒體因素，注意各媒體的組合，以達到最佳的表現(xiàn)效果。5.教學資源豐富原則由于網絡課程是通過網絡表現(xiàn)某門學科的教學內容及實施的教學活動的總和，是學生通過網絡進行學習的教材，也是學生進行學習的主要學習資源。在學生的學習過程中教師和學生在時空上是分離的，學生主要是通過網絡課程提供的資源來進行相應的學習，因而這就要求我們在設計開發(fā)的時候能夠提供比較豐富的學習資源，以滿足學生學習過程的需要，提高學生的學習效果。6.易用易維護原則網絡課程作為一種網絡學習的平臺和教材，其用戶對象幾乎無所不包，因而他們的計算機總體操作水平也就必然存在高低差異，這就要求開發(fā)者在開發(fā)過程中不能人為地給用戶設置操作困難，應該本著易用原則，使教學平臺的界面操作簡單易實現(xiàn)，不給學習者增加額外的負擔。另外，網絡課程的時效性特點要求其在后期維護方面要簡單易用，不至于其更新只能由專業(yè)的開發(fā)人員才能夠實現(xiàn)，這樣才能滿足內容的及時更新，使教師和一般的管理員都能夠輕易地實現(xiàn)新內容的更新。平臺開發(fā)需求分析為充分發(fā)揮網絡優(yōu)勢，提高大學嵌入式系統(tǒng)課程的教學水平和教學效果，有必要建設一個基于互聯(lián)網的交互式嵌入式系統(tǒng)課程教學平臺。網絡教學平臺是面向教師和學生的網絡教學系統(tǒng)，采用JSP+XML+SQLServer開發(fā)，本章對該平臺的體系結構和功能進行了詳細的分析，并詳述了平臺開發(fā)中采用的關鍵技術。平臺應用體系結構“嵌入式系統(tǒng)”課程網絡教學平臺的運行環(huán)境如下：系統(tǒng)結構 ：B/S結構操作系統(tǒng) ：window/Unix/Linux操作系統(tǒng)瀏覽器 ：支持主流瀏覽器數(shù)據(jù)庫 ：MySQL應用服務器 ：Tomcat本平臺的開發(fā)使用了一種新興的體系結構：Browser/Server，為確保平臺的先進性、易擴展性和易維護性，采用了分布式三層應用體系結構進行平臺開發(fā)。三層分布式應用體系結構的設計根據(jù)嵌入式系統(tǒng)課程網絡教學平臺的總體要求和設計原則，以及滿足用戶對業(yè)務邏輯可定制和可管理的個性化的需求，確定了平臺的三層應用體系結構圖，如圖2.1。圖2.1教學平臺三層應用體系結構圖三層體系結構的分析構建基于Web應用的平臺三層體系結構，是設計基于Web的網絡教學平臺的出發(fā)點。三層體系結構包括表示層(Presentation)、功能層(BusinessLogic)、數(shù)據(jù)層（DataService）。第一層：表示層（用戶界面層）Browser/Server結構極大的簡化了客戶機的工作，客戶機上不需要安裝、配置客戶端，直接通過IE的方式瀏覽、訪問即可，服務器將擔負更多的工作，對數(shù)據(jù)庫的訪問和應用程序的執(zhí)行將在服務器上完成。在表示層中包含系統(tǒng)的顯示邏輯，它的任務是由Web瀏覽器向網絡上的某一Web服務器提出服務請求，Web服務器對用戶身份進行驗證后用HTTP協(xié)議把所需的主頁傳送給客戶端，客戶機接受傳來的主頁文件，并把它顯示在Web瀏覽器上。第二層：功能層（業(yè)務邏輯層）功能層包括具有應用程序擴展功能的Web服務器。在功能層中包含系統(tǒng)的事務處理邏輯，位于Web服務器端。它的任務是接受用戶的請求，首先需要執(zhí)行相應的擴展應用程序與數(shù)據(jù)庫進行連接，通過SQL等方式向數(shù)據(jù)庫服務器提出數(shù)據(jù)處理申請，而后等數(shù)據(jù)庫服務器將數(shù)據(jù)處理的結果提交給Web服務器，再由Web服務器傳送回客戶端。此層也是上下兩層的紐帶，它建立實際的數(shù)據(jù)庫連接，這一層通常以動態(tài)鏈接庫的形式存在并注冊到服務器的注冊表(Registry)中，它與客戶端通訊的接口符合某一特定的組件標準(如EJB、COM，CORBA)，可以用任何支持這種標準的工具開發(fā)。第三層：數(shù)據(jù)層數(shù)據(jù)層主要包括數(shù)據(jù)庫服務器，在數(shù)據(jù)層中包含系統(tǒng)的數(shù)據(jù)處理邏輯，位于數(shù)據(jù)庫服務器端。它的任務是接受Web服務器對數(shù)據(jù)庫操縱的請求，實現(xiàn)對數(shù)據(jù)庫查詢、修改、更新等功能，把運行結果提交給Web服務器。技術革命帶來新的教育發(fā)展機會，并改變教學過程模式?；赪eb的應用是這種現(xiàn)象的最好證明，基于Web的網絡教學平臺的引入，不但會提高教師授課的工作效率，更能引入全新的教學模式。推動這種技術革命的主要是基于Internet／Intranet的一系列新技術。這些新技術主要包括：新的程序設計語言：如XML,Java；服務器端腳本（ScriptedServerPages）和Servlets：如微軟的ActiveServerPages,JavaServerPages；對象通信協(xié)議：如OMG的CommonObjectRequestBrokerArchitecture（CORBA），基于Java標準的RemoteMethodInvocation（RMI），微軟的DistributedComponentObjectModel(DCOM)；組件技術：如EJB和DCOM；Web應用框架：如IBM的WebSphere，Oracle的Oracle9iApplicationServer（Oracle9iAS），MicrosoftTransactionServer（簡稱MTS）；工作流技術：工作流技術是90年代以后計算機支持的協(xié)同工作（CSCW）領域中一個新的研究熱點，工作流技術特別是工作流管理系統(tǒng)（WFMS）的應用有助于提高高校的信息化程度和運作效率。三層體系結構的優(yōu)點三層的Browser/Server體系結構是把二層Client/Server結構的事務處理邏輯模塊從客戶機的任務中分離出來，由單獨組成的一層來負擔其任務，這樣客戶機的壓力大大減輕了，把負荷均衡地分配給了Web服務器，于是由原來的兩層的Client/server結構轉變成三層的Browser/Server結構。這種結構不僅把客戶機從沉重的負擔和不斷對其提高的性能的要求中解放出來，也把技術維護人員從繁重的維護升級工作中解脫出來。由于客戶機把事務處理邏輯部分給了功能服務器，使客戶機一下子"苗條"了許多，不再負責處理復雜計算和數(shù)據(jù)訪問等關鍵事務，只負責顯示部分，所以維護人員不再為程序的維護工作奔波于每個客戶機之間，而把主要精力放在功能服務器上程序的更新工作。這種三層結構層與層之間相互獨立，任何一層的改變不影響其它層的功能。教學平臺框架邏輯結構、角色分配與整體結構圖“嵌入式系統(tǒng)課程”網絡教學環(huán)境設計網絡教學環(huán)境的結構至少應包括六大要素：教學支撐平臺、課程內容體系、教學資源庫、虛擬實驗系統(tǒng)、考核評估系統(tǒng)、教師群體和學習者。前面五個要素與教師群體和學習者之間的關系見圖2.2：虛擬實驗系統(tǒng)虛擬實驗系統(tǒng)考核評估系統(tǒng)教學支撐平臺學習者教師群體課程內容體系教學資源庫圖2.2網絡教學環(huán)境各要素間的關系教學支撐平臺是實現(xiàn)網絡課程教學的基礎，它包括各種網絡硬件設備、系統(tǒng)軟件與應用軟件和保障網絡正常運行的輔助人員群體，為網絡教學的實現(xiàn)提供了必要的物質基礎和交互性的學習環(huán)境。課程內容體系是網絡教學內容的核心，需要一個穩(wěn)定的教師群體進行設計與研究。教學資源庫是對課程內容的擴展，能夠為學習者提供豐富的學習資源，可以培養(yǎng)學習者對信息的獲取能力和綜合能力。虛擬實驗系統(tǒng)是網絡教學內容的補充，可以增強學習者的感性認識和實踐能力?？己嗽u估系統(tǒng)是實現(xiàn)教學效果評價的重要組成部分，可以對學習者學習成果進行評價并對其學習進程提出參考意見。教師群體是教學內容的提供者和維持者，并為學習者提供一定的學習指導。學習者是網絡教學環(huán)境中的主體，通過網絡教學環(huán)境學習知識，培養(yǎng)能力。教學平臺使用用戶表2.1網絡教學平臺用戶表使用對象人數(shù)用戶權限1匿名用戶任意可以查看使用平臺內的任意開放資源2學生任意可以查看使用平臺內的任意開放資源，參加在線考試，作業(yè)的提交，用戶基本信息的維護3教師1~5發(fā)布信息，開設考試，上傳資源4管理員1注冊用戶的管理，題庫的增刪，平臺的綜合管理課程網絡教學平臺整體架構“嵌入式系統(tǒng)課程”的網絡教學平臺整體架構圖見圖2.3。根據(jù)“嵌入式系統(tǒng)課程”自身的特點，設計了八大模塊，依次如下：圖2.3嵌入式系統(tǒng)課程網絡教學平臺總體結構圖一、首頁1.八大模塊的熱鏈接2.獲獎情況、教學成果視頻展示3.消息發(fā)布4.聯(lián)系站長二、教學內容1.課程簡介2.理論教學3.上機教學4.實驗教學=1\*GB2⑴教學師資=1\*GB2⑴教學大綱=1\*GB2⑴上機平臺=1\*GB2⑴實驗平臺=2\*GB2⑵教學條件=2\*GB2⑵教學課件=2\*GB2⑵上機內容=2\*GB2⑵實驗內容三、學習指南1.重點難點2.常見問題3.作業(yè)4.學習論壇=1\*GB2⑴教師=2\*GB2⑵學生四、在線考試1．在線測試2.考試系統(tǒng)五、課程設計1.設計簡介2.設計平臺3.歷年設計一覽4.優(yōu)秀設計六、畢業(yè)設計1.設計簡介2.設計平臺3.歷年設計一覽4.優(yōu)秀設計七、教研資源1.參考資料2.網站鏈接3.科學前沿八、教學成果網絡教學平臺功能需求注冊功能要求參加嵌入式系統(tǒng)課程的學生必須注冊信息，注冊信息必須有學生的身份識別信息，包括學號，院系，班級，電子郵件，聯(lián)系電話等。要求用戶注冊的目的主要是為了方便老師和學生的互動和對在線考試人員的身份認證。登陸功能該模塊的主要功能是對用戶進行身份驗證。教學平臺允許匿名訪問，但只具有游客身份，僅僅擁有瀏覽的權限，如果想使用教學平臺的全部功能，則需要進行登陸，分為學生及教師身份的認證。同時，提供學生注冊功能，注冊后需經教師的認證和許可，方可進入教學平臺。用戶信息維護與查看功能用戶可以維護個人信息。主要是方便學生隨時更改聯(lián)系方式。和查看個人相關的一些課程信息。信息發(fā)布功能發(fā)布的信息應使所有瀏覽該網站的人都可看到，發(fā)布信息的用戶有：=1\*GB3①超級管理員：發(fā)布針對全專業(yè)學生的公告；=2\*GB3②任課教師：發(fā)布課程相關信息，如：調課信息；作業(yè)提交時間；上機安排；實驗安排；考試方式、地點安排等；課程設計相關信息；畢業(yè)設計相關信息；=3\*GB3③上嵌入式系統(tǒng)課程的各班班長：通知班上同學各種消息；=4\*GB3④上嵌入式系統(tǒng)課程的各班學委：通知與同學各科學習相關的消息。消息種類：=1\*GB3①教學成果新聞；=2\*GB3②競賽獲獎新聞；=3\*GB3③其它與學生關系密切的消息資源下載功能該模塊這要實現(xiàn)學習工具和學習資料的下載功能在線考試功能該模塊分為在線測試和在線考試兩個部分。在線測試：學生可以按教學單元進行自我測試，測試的題型、題量、難度及測試時間由學生自主選擇，系統(tǒng)自動從題庫中抽取符合要求的題目，測試結束，系統(tǒng)自動評分。在線考試：是由教師提供的測試題(如期中測試)，在限定的時間內做完試卷，在由學生提交，教師通過后臺閱卷并給出分數(shù)。教學平臺后臺安全維護與管理后臺系統(tǒng)擁有強大的后臺管理功能，支持整個系統(tǒng)各個環(huán)節(jié)的后臺管理、操作以及后臺控制。角色分配：超級管理員、普通管理員（教師）。具體功能：教學系統(tǒng)后臺管理測評系統(tǒng)后臺包括題庫管理、試卷管理、考生管理、考試結果管理、作業(yè)管理等。題庫管理：包括知識點定義、題庫定義以及題庫管理；試卷管理：包括一般試卷定義、自適應試卷定義以及試卷管理；考生管理：考生信息管理；考試結果管理：問答判分、考試結果查詢；作業(yè)管理：作業(yè)布置、作業(yè)成績查詢與管理。系統(tǒng)數(shù)據(jù)備份與恢復提供系統(tǒng)數(shù)據(jù)庫的備份與恢復功能。IP地址靈活控制客戶端訪問權限IP地址的設定主要解決系統(tǒng)角色的分配。系統(tǒng)提供由教師從后臺來控制是否需要進行終端IP的訪問權設定。教師可根據(jù)教學需要來靈活控制。管理員權限與信息管理提供管理員創(chuàng)建，管理員權限設置，管理員信息查詢與管理功能。系統(tǒng)初設一個系統(tǒng)超級管理員，擁有系統(tǒng)最高管理權限，有權創(chuàng)建系統(tǒng)后臺普通管理員，并對其進行權限設置。系統(tǒng)使用者可根據(jù)其使用的實際需要來靈活運用該功能。網絡教學平臺功能設計“嵌入式系統(tǒng)課程”網絡教學平臺由教師教學系統(tǒng)、學生學習系統(tǒng)和教學管理系統(tǒng)三大模塊組成，這些模塊之間相互聯(lián)系，相互配合，構成一個完整的網絡教學系統(tǒng)。系統(tǒng)功能框圖如圖3.1所示。圖3.1嵌入式系統(tǒng)課程網絡教學平臺功能框圖教學平臺體系結構網絡教學平臺按照Browser/Server模式，即瀏覽器—WEB服務器+應用服務器—數(shù)據(jù)庫服務器的三層體系結構，這種模式采用多種標準的協(xié)議和技術，適合于任何硬件平臺和軟件環(huán)境。系統(tǒng)采用JSP與MYSQL數(shù)據(jù)庫相結合，其實現(xiàn)的基本原理是利用MYSQL作為數(shù)據(jù)倉庫，用Servlet等高性能服務器端程序作為后臺總控程序，JSP程序在前臺運行，Servelet接受用戶的輸入，分別調用不同的JSP程序向客戶端反饋信息，JSP/Servlet通過HTTP連接在服務器端和客戶端傳遞數(shù)據(jù)，其體系結構如圖3.2所示。3.2平臺體系結構教師教學系統(tǒng)與學生學習系統(tǒng)圖3.3網站學習活動基本結構圖教師教學系統(tǒng)與學生學習系統(tǒng)的功能相對應，主要包含以下幾個模塊:(1)網絡課堂:網絡課堂是實施網絡教學的主要場所，教師和學生可以通過此模塊實現(xiàn)實時和非實時的網上交流。教師可以實現(xiàn)課程添加、修改，將課件上傳等功能，而學生可以瀏覽教學大綱，教學計劃，教學參考資料，教學課件等內容，也可以下載這些資料，通過此平臺學生可以自主預復習，把傳統(tǒng)的學習過程變得更加方便靈活。(2)網上作業(yè):作業(yè)環(huán)節(jié)是對所學知識理解和鞏固的過程。教師可以在網上發(fā)布、批改、刪除作業(yè)，學生可以在線或下載完成作業(yè)，完成后可以將作業(yè)上傳，還可以通過此環(huán)節(jié)查看自己完成作業(yè)的情況，查看教師評語等內容。(3)網上測試:教師可以完成試題添加，試題管理，可以調用網絡試題庫按章、節(jié)或綜合應用自動、手動組卷，進行成績分析;學生除了可以參加網上測試外，還可查詢測試結果。(4)討論答疑:在界面上采用了BBS形式，提問與回答的過程是異步的，學生將學習中遇到的問題用留言的形式公布在網上，教師通過此模塊進行答疑。教師也可以在網上發(fā)布討論題，引導學生進行學術研究和討論(5)實驗指導:教師把學生在實驗中遇到的問題和易犯的錯誤以回答問題的形式表現(xiàn)出來，以交互的形式輔導學生順利完成實驗;學生可以在計算機上撰寫、提交實驗報告，教師可以瀏覽、批閱。后臺管理系統(tǒng)系統(tǒng)分為人員管理、課程管理、作業(yè)管理、考試管理和討論交流管理。(1)人員管理:包括系統(tǒng)管理員、教師和學生管理。其中管理員可以對所有人員進行添加、修改、刪除和查詢，同時還可以對教師的所有權限進行分配。(2)作業(yè)管理:可以查看、修改和刪除作業(yè)。(3)考試管理:試題添加、修改、審核和刪除。(4)討論交流管理:包括BBS版主管理、帖子管理。網絡教學平臺的開發(fā)流程開發(fā)工具及技術網絡教學平臺采用的開發(fā)工具有：Myeclipse、RationalRose2002（建模）。具體工具的配置和運行環(huán)境的配置見附錄A。利用Myeclipse開發(fā)JSP、JavaBeans等Myeclipse已成為當今開發(fā)者首選的JavaIDE開發(fā)環(huán)境。它將Web和企業(yè)應用開發(fā)與靈活高效的團隊開發(fā)環(huán)境結合在一起，為開發(fā)者提供了一個端到端應用開發(fā)環(huán)境。Myeclipse支持最新的Java標準，它的可視化工具和向導使應用開發(fā)變得方便快捷。Myeclipse同時支持Windows、Linux和Solaris三種開發(fā)平臺。由于Myeclipse具有開放性、可擴展性、遵循標準等特點，使得用Myeclipse開發(fā)符合J2EE標準的電子商務應用、分發(fā)Internet/Intranet分布式的關鍵性企業(yè)級應用、建立互聯(lián)數(shù)據(jù)庫、設計數(shù)據(jù)驅動的動態(tài)網頁應用以及開發(fā)Servlets、JSP異?？旖?，從而加速產品推向市場的周期。Myeclipse支持最新的Java技術，包括applets、JSP/Servlets、JavaBeans、EnterpriseJavaBeans、CORBA應用。利用RationalRose進行UML統(tǒng)一建模Rational公司推出的RationalRose2002是目前最好的基于UML的CASE工具。它把UML和諧地集成進面向對象的軟件開發(fā)過程中。不論是在系統(tǒng)需求階段，還是在對象的分析與設計、軟件的實現(xiàn)與測試階段，它都提供了清晰的UML表達方法和完善的工具，方便建立起相應的軟件模型。教學平臺采用目前流行的JSP技術開發(fā)Web應用程序，采用XML技術對教學數(shù)據(jù)進行處理，通過JSP/Servlet和XML進行數(shù)據(jù)交互，同時也采用了計算機網絡中的許多成熟技術，如流媒體技術，客戶/服務器技術，數(shù)據(jù)庫技術。JSP技術JSP是一種卓越的Java技術，它基于強大的Java語言，可在任何Web或應用服務器上運行，與JavaEnterpriseAPI(Java企業(yè)應用編程接口)緊密結合，可快速創(chuàng)建高性能的Web應用程序。它將內容的生成和顯示進行分離，使Web開發(fā)人員能專注于應用邏輯的處理;利用可重用的組件(JavaBents\EJB),加快了總體開發(fā)速度，并提高了系統(tǒng)質量，采用標識簡化頁面編程，降低了開發(fā)人員的難度。XML與HTML技術XML和HTML一樣屬于標記語言，可以通過標記來描述數(shù)據(jù)的結構，并且它允許用戶自行視描述數(shù)據(jù)的需要，隨意地制定不同的標記，這和HTML有著極大的差別，除此之外，XML不同于HTML對于所有的標記都已經定義了顯示格式的意義，對于XML而言，顯示格式并不是最重要的，相對地，數(shù)據(jù)所代表的意義才是最重要的，因此，XML并不負責標記顯示的格式。不過，XML卻允許通過較復雜且靈活性的方式顯示數(shù)據(jù)，如通過XSL、CSS、HTML+XMLIsland以及編寫程序并通過DOM取出數(shù)據(jù)再顯示;XML具有跨平臺、與語言和應用程序等無關的特性;XML除了可以使用標記與屬性來描述數(shù)據(jù)的意義之外，另外還提供了可用來描述文件結構的DTD與XMLSchema?；谶B接池的數(shù)據(jù)庫技術系統(tǒng)采用DBConnectionManager的Java類管理連接池對象，其中每一個連接池保持一組JDBC數(shù)據(jù)庫連接對象，可以為任何Servlet所使用。連接池具有以下功能:裝載和注冊JDBC驅動程序;根據(jù)在屬性文件中定義的屬性創(chuàng)建連接池對象;實現(xiàn)連接池名字與其實例之間的映射;跟蹤客戶程序對連接池的引用，保證在最后一個客戶程序結束后安全關閉所有連接池。客戶/服務器技術聯(lián)入校園網的計算機從功能上來說，可以分成服務器和客戶機兩種，不論哪種服務器，如文件服務器，F(xiàn)TP服務器，數(shù)據(jù)服務器，郵件服務器，數(shù)據(jù)服務器，代理服務器等都成天候運行，提供各種服務，為學生服務。平臺模塊的開發(fā)需求用例UML模型描述用戶注冊1.用戶注冊用例圖4.1用戶注冊用例圖2.用例描述表4.1用戶注冊用例描述表描述要素描述內容用例名稱用戶注冊用例編號用例簡述用戶填寫注冊信息，并提交保存參與者學生前置條件用戶需要填寫正確的學號、姓名及聯(lián)系方式等后置條件用戶可以登錄，并進在線考試特殊需求提供附加碼驗證3.事件流[時序圖表示]圖4.2用戶注冊時序圖用戶登陸1.用戶登錄用例圖4.3用戶登陸用例圖2.用例描述表4.2用戶登陸用例描述表描述要素描述內容備注事項用例名稱用戶登錄用例編號用例簡述用戶輸入帳號與口令進行登錄參與者用戶前置條件用戶必須已經注冊后置條件用戶可以進行在線考試特殊需求提供附加碼驗證3.事件流圖4.4學生登陸時序圖學生信息自維護1.學生信息自維護用例圖4.5學生信息自維護用例圖2.用例描述表4.3學生信息自維護用例描述圖描述要素描述內容備注事項用例名稱學生信息自維護用例編號用例簡述課程信息瀏覽，在線考試，在線測試修改，注銷用戶的注冊信息參與者學生前置條件用戶已經登錄后置條件特殊需求3.事件流在線考試事件流圖4.6在線考試時序圖學生信息修改事件流圖4.7學生信息修改時序圖用戶信息注銷事件流圖4.8學生注銷時序圖用戶界面模型1.界面結構類圖圖4.9網絡教學平臺界面結構圖2.界面操作概要說明表4.4界面操作表界面名稱操作功能說明網絡教學平臺主界面1、用戶登錄2、登錄后的用戶還可以退出登錄。3、獲獎情況、教學成果視頻展示4、消息的發(fā)布5、登錄用戶可以隨時進行用戶注冊信息維護注冊界面1、用戶輸入注冊信息2、用戶提交注冊信息3、用戶重填注冊信息4、用戶可以隨時刷新附加驗證碼登錄界面1、提供登錄信息輸入2、提供登錄信息提交3、提供登錄信息重填4、提供附加驗證碼的刷新用戶信息自維護界面1、直接提供用戶注冊信息注銷2、提供用戶注冊信息修改3、用戶課程信息的查詢教學內容1、課程簡介2、理論教學3、上機教學4、實驗教學學習指南1、理論講授知識的重點、難點講解2、理論知識、上機、實驗中容易出現(xiàn)的問題、解決方案、注意事項3、教師發(fā)布作業(yè)，和學生提交作業(yè)4、學習論壇在線考試1、在線測試2、在線考試用戶信息修改界面1、提供用戶注冊信息修改輸入。2、提供用戶注冊信息修改提交。3、提供用戶注冊信息修改取消。課程設計1、設計簡介2、設計平臺3、歷年設計一覽4、優(yōu)秀設計畢業(yè)設計1.設計簡介2.設計平臺3.歷年設計一覽4.優(yōu)秀設計教研資源1.參考資料2.網站鏈接3.科學前沿教學成果學習嵌入式系統(tǒng)的優(yōu)秀作品介紹、嵌入式競賽獲獎情況介紹等。教學平臺技術模塊的實現(xiàn)用戶登陸模塊//獲取驗證碼路徑 <scripttype="text/javascript"> functiongetNewImg(){ varimg=document.getElementById("addcodeimg"); img.src="getImg"; } functionlogin(){//對用戶名進行驗證 varname=document.getElementsByName("user")[0].value; //對用密碼進行驗證 varpass=document.getElementsByName("pass")[0].value; 對驗證碼進行驗證 varaddcode=document.getElementsByName("addcode")[0].value; varparaString="name="+name+"&pass="+pass+"&addcode="+addcode; //若果驗證成功返回結果 sendPostRequest("login.do",paraString,processLogin); } functionprocessLogin(){ varstate=req.readyState; if(state==4){ vardata=req.responseText; varstatus=document.getElementById("userStatus"); status.innerHTML=data; //登陸是用戶名不能為空 document.getElementsByName("user")[0].value='';//登陸是用密碼不能為空 document.getElementsByName("pass")[0].value=''; //登陸是驗證碼不能為空 document.getElementsByName("addcode")[0].value=''; } } </script>驗證碼模塊Java實現(xiàn)隨機驗證碼功能源碼//servlet實現(xiàn)隨機驗證碼/***生成隨機驗證碼*/publicclassValidateCodeServletextendsHttpServlet{privatestaticfinallongserialVersionUID=1L;//驗證碼圖片的寬度。privateintwidth=60;//驗證碼圖片的高度。privateintheight=20;//驗證碼字符個數(shù)privateintcodeCount=4;privateintx=0;//字體高度privateintfontHeight;privateintcodeY;char[]codeSequence={'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','0','1','2','3','4','5','6','7','8','9'};/***初始化驗證圖片屬性*/publicvoidinit()throwsServletException{//從web.XML中獲取初始信息//寬度StringstrWidth=this.getInitParameter("width");//高度StringstrHeight=this.getInitParameter("height");//字符個數(shù)StringstrCodeCount=this.getInitParameter("codeCount");//將配置的信息轉換成數(shù)值try{if(strWidth!=null&&strWidth.length()!=0){width=Integer.parseInt(strWidth);}if(strHeight!=null&&strHeight.length()!=0){height=Integer.parseInt(strHeight);}if(strCodeCount!=null&&strCodeCount.length()!=0){codeCount=Integer.parseInt(strCodeCount);}}catch(NumberFormatExceptione){}x=width/(codeCount+1);fontHeight=height-2;codeY=height-4;}protectedvoidservice(HttpServletRequestreq,HttpServletResponseresp)throwsServletException,java.io.IOException{//定義圖像bufferBufferedImagebuffImg=newBufferedImage(width,height,BufferedImage.TYPE_INT_RGB);Graphics2Dg=buffImg.createGraphics();//創(chuàng)建一個隨機數(shù)生成器類Randomrandom=newRandom();//將圖像填充為白色g.setColor(Color.WHITE);g.fillRect(0,0,width,height);//創(chuàng)建字體，字體的大小應該根據(jù)圖片的高度來定。Fontfont=newFont("Fixedsys",Font.PLAIN,fontHeight);//設置字體。g.setFont(font);//畫邊框。g.setColor(Color.BLACK);g.drawRect(0,0,width-1,height-1);//隨機產生160條干擾線，使圖象中的認證碼不易被其它程序探測到。g.setColor(Color.BLACK);for(inti=0;i<160;i++){intx=random.nextInt(width);inty=random.nextInt(height);intxl=random.nextInt(12);intyl=random.nextInt(12);g.drawLine(x,y,x+xl,y+yl);}//randomCode用于保存隨機產生的驗證碼，以便用戶登錄后進行驗證。StringBufferrandomCode=newStringBuffer();intred=0,green=0,blue=0;//隨機產生codeCount數(shù)字的驗證碼。for(inti=0;i<codeCount;i++){//得到隨機產生的驗證碼數(shù)字。StringstrRand=String.valueOf(codeSequence[random.nextInt(36)]);//產生隨機的顏色分量來構造顏色值，這樣輸出的每位數(shù)字的顏色值都將不同。red=random.nextInt(255);green=random.nextInt(255);blue=random.nextInt(255);//用隨機產生的顏色將驗證碼繪制到圖像中。g.setColor(newColor(red,green,blue));g.drawString(strRand,(i+1)*x,codeY);//將產生的四個隨機數(shù)組合在一起。randomCode.append(strRand);}//將四位數(shù)字的驗證碼保存到Session中。HttpSessionsession=req.getSession();session.setAttribute("validateCode",randomCode.toString());//禁止圖像緩存。resp.setHeader("Pragma","no-cache");resp.setHeader("Cache-Control","no-cache");resp.setDateHeader("EXPires",0);resp.setContentType("image/jpeg");//將圖像輸出到Servlet輸出流中。ServletOutputStreamsos=resp.getOutputStream();ImageIO.write(buffImg,"jpeg",sos);sos.close();}}需要在web.xml中聲明servlet<servlet><servlet-name>ValidateCodeServlet</servlet-name><servlet-class>com.servlet.ValidateCodeServlet</servlet-class><init-param> <param-name>width</param-name> <param-value>200</param-value></init-param><init-param><param-name>height</param-name><param-value>80</param-value></init-param><init-param><param-name>codeCount</param-name><param-value>5</param-value></init-param></servlet><servlet-mapping><servlet-name>ValidateCodeServlet</servlet-name><url-pattern>/validateCodeServlet</url-pattern></servlet-mapping>需要引用的頁面可以這樣來寫：<ccid_filevalues="validateCodeServlet"width="100/"/>用戶提交后就可以將用戶輸入的驗證碼與session中保存的字符串進行比對，達到驗證的效果。在線編輯器模塊HTML在線編輯器可用于在線編輯基于HTML的文檔，所以，它經常被用于留言板留言、論壇發(fā)貼、Blog編寫日志或等需要用戶輸入普通HTML的地方。本設計的在線編輯主要用于留言板的留言和對發(fā)布的信息內容格式進行編輯。在線編輯器的實現(xiàn)代碼見附錄B，實際樣式如圖5.1所示。圖5.1在線編輯器的界面樣式圖HTML在線編輯器的基本原理在線編輯器需要IE5.0以上版本的支持。因為IE5.0以上版本有一個編輯狀態(tài)，可以在一個iframe里面輸入文字。然后通過"document.body.innerHTML"可以獲取iframe里面的html代碼，這個就是關鍵。那怎么才能讓ifrmae處于編輯狀態(tài)呢，可以用：functiondocument.onreadystatechange(){HtmlEdit.document.designMode="On";}函數(shù)實現(xiàn)。剩下的問題就是就是取得焦點和選中的值：HtmlEdit.focus();varsel=HtmlEdit.document.selection.createRange();以上2句可以獲取選中的值的html代碼。到了這里，基本原理搞清楚了，然后我們可以用insertHTML("str")方法將html字符替換掉選中的值。在線編輯器代碼的安全過濾出于對上傳數(shù)據(jù)的安全考慮，要對用戶上傳的數(shù)據(jù)進行安全過濾，已保證網絡教學平臺的正常運行。過濾成安全的HTML代碼：functionh($text){$text=trim($text);$text=stripslashes($text);//完全過濾注釋$text=preg_replace('/<!--?.*-->/','',$text);//完全過濾動態(tài)代碼$text=preg_replace('/<\?|\?>/','',$text);//完全過濾js$text=preg_replace('/<script?.*\/script>/','',$text);$text=str_replace('[','[',$text);$text=str_replace(']',']',$text);$text=str_replace('|','|',$text);//過濾換行符$text=preg_replace('/\r?\n/','',$text);//br$text=preg_replace('/<br(\s\/)?>/i','[br]',$text);$text=preg_replace('/(\[br\]\s*){10,}/i','[br]',$text);//hrimgareainput$text=preg_replace('/<(hr|img|input|area|isindex)([^><\[\]]*)>/i','[\1\2]',$text);//過濾多余html$text=preg_replace('/<\/?(html|head|meta|link|base|body|title|style|script|form|iframe|frame|frameset)[^><]*>/i','',$text);//過濾on事件langjswhile(preg_match('/(<[^><]+)(lang|onfinish|onmouse|onexit|onerror|onclick|onkey|onload|onchange|onfocus|onblur)[^><]+/i',$text,$mat)){$text=str_replace($mat[0],$mat[1],$text);}while(preg_match('/(<[^><]+)(window\.|javascript:|js:|about:|file:|document\.|vbs:|cookie)([^><]*)/i',$text,$mat)){$text=str_replace($mat[0],$mat[1].$mat[3],$text);}//過濾合法的html標簽while(preg_match('/<([a-z]+)[^><\[\]]*>[^><]*<\/\1>/i',$text,$mat)){$text=str_replace($mat[0],str_replace('>',']',str_replace('<','[',$mat[0])),$text);}//轉換引號while(preg_match('/(\[[^\[\]]*=\s*)(\"|\')([^\2=\[\]]+)\2([^\[\]]*\])/i',$text,$mat)){$text=str_replace($mat[0],$mat[1].'|'.$mat[3].'|'.$mat[4],$text);}//過濾錯誤的單個引號while(preg_match('/\[[^\[\]]*(\"|\')[^\[\]]*\]/i',$text,$mat)){$text=str_replace($mat[0],str_replace($mat[1],'',$mat[0]),$text);}//轉換其它所有不合法的<>$text=str_replace('<','<',$text);$text=str_replace('>','>',$text);$text=str_replace('"','"',$text);//反轉換$text=str_replace('[','<',$text);$text=str_replace(']','>',$text);$text=str_replace('|','"',$text);//過濾多余空格$text=str_replace('','',$text);return$text;}javascriptfunctionHtmlFilter(html){html=html.replace(/<script.*?\/script[\s]*>/ig,'');html=html.replace(/<style.*?\/style[\s]*>/ig,'');html=html.replace(/<iframe.*?\/iframe[\s]*>/ig,'');html=html.replace(/<[\/]?div.*?>/ig,'');html=html.replace(/<[\/]?form.*?>/ig,'');html=html.replace(/[\s]+on[\w]+[\s]*=[\s]*(?:\'[^\']*\'|\"[^\"]*\"|[^\s]*)/ig,'');html=html.replace(/[\s]+([\w]+)[\s]*=[\s]*(?:\'[\s]*javascript.*?\'|\"[\s]*javascript.*?\"|[\s]*javascript.*?[\s]*)/ig,'$1=""');html=html.replace(/<a(.*?)>/ig,'<a$1target="_blank">');returnhtml;}兩個iframe的嵌套<td><textareaname="recontent"style="display:none"></textarea><iframeid="Editor"name="Editor"src="zEditor/htmltool.htm?id=recontent&height=200"frameborder="0"marginheight="0"marginwidth="0"scrolling="No"style="width:100%;height:200px;"></iframe></td></tr><scripttype="text/javascript"><!--if(static_data['STAR']){document.writeln('<tr><td><iframeID="Upload"name="Upload"src="upload.php?fid=207"frameBorder="0"marginHeight="0"marginWidth="0"scrolling="No"style="width:100%;height:30px;"></iframe></td></tr>');}//--></script><tr><scripttype="text/javascript">functioncheckF(form){if(form.elements['myfile'].value==""){alert('文件名不能為空！');form.elements['myfile'].focus();returnfalse;}returntrue;}functioninsertImg(src){window.parent.frames['Editor'].window.frames['HtmlEditor'].document.body.innerHTML+='<IMGsrc="'+src+'">';window.parent.frames['Editor'].SaveContent();}</script>結論目前，面向嵌入式系統(tǒng)網絡教學平臺在國內的應用很少。筆者試著從基于項目的學習的角度及網絡教學的特點來設計和開發(fā)嵌入式系統(tǒng)網絡教學平臺，已實現(xiàn)了教學信息的發(fā)布、課程資源的下載、用戶身份的識別等功能。由于嵌入式系統(tǒng)網絡教學平臺是一個非常復雜的學習支持與教學管理系統(tǒng)，筆者的理論與實踐還有很大的差距，還需要更多的理論來指導本平臺的功能實現(xiàn)。由于平臺尚無正式投入使用，對于嵌入式系統(tǒng)網絡教學的學習效果無法驗證，有待在今后的研究中加以驗證，并修改完善該平臺。由于時間有限，對本平臺的安全考慮還可能存在不足，對惡意的攻擊破壞防范措施不足，系統(tǒng)的安全性有待進一步加強。最后敬請各位老師和同學對論文和今后的研究工作提出寶貴的指導意見。參考文獻湯秀春,吳黎明,蔣永平,劉潤予.面向嵌入式系統(tǒng)應用的課程專題學習網站建設[J],桂林電子工業(yè)學院學報,2006,(04).蔣永平,徐杜,鄭勝林,陳長纓,潘保昌.網絡教育與創(chuàng)造性人才培養(yǎng)教學模式的理論與實踐研究[J],電化教育研究,2003,(06).李曦,周亦男,周學海.“嵌入式系統(tǒng)設計”系列課程建設[J],教育與現(xiàn)代化,2004,(04).王春燕.嵌入式網絡教學計算機,引領校園網建設的趨勢[J],教學儀器與實驗,2003,(03).王興蘭.基于J2EE的網絡教學平臺的設計與研究[D],哈爾濱工程大學,2006.馬玉樺.構建基于校園網環(huán)境的網絡教學平臺[J],大眾科技,2005,(06).柳義筠,熊前興,吳業(yè)福.XML和JSP在動態(tài)顯示數(shù)據(jù)庫中的運用[J]現(xiàn)代計算機,2004,(01).楊慶.基于JSP技術的網絡教學系統(tǒng)的構建[J],浙江萬里學院學報,2005,(02).張家駿.張家駿:網絡教學系統(tǒng)創(chuàng)造嶄新教學模式[J],教育信息化,2006,(08).在線編輯器源碼main:mothod <SCRIPTLANGUAGE="JavaScript"> <!-- Editor(document.form1.content.value); //--> </SCRIPT>*/functionEditor(content){ document.write('<iframename="wrEditor"id="wrEditor"width="500"height="250"src="about:blank"></iframe>'); oEditor=document.wrEditor;varstrHtml='<html><style>body{font-size:14px;line-height:20px;margin:2px;}\ntd,a{color:#0000FF;font-size:14px;}</style><body>'+content+'</body></html>'; oEditor.document.open(); oEditor.document.write(strHtml); oEditor.document.close(); oEditor.document.designMode="On"; oEditor.focus();}//文字加粗functionbold(){ varsText=oEditor.document.selection.createRange(); if(sText!=""){ oEditor.document.execCommand("bold"); }}//傾斜functionitalic(){ varsText=oEditor.document.selection.createRange(); if(sText!=""){ oEditor.document.execCommand("italic"); }}//下劃線functionunderline(){ varsText=oEditor.document.selection.createRange(); if(sText!=""){ oEditor.document.execCommand("underline"); }}//超鏈接functionurl(){ varsText=oEditor.document.selection.createRange(); if(sText!=""){ oEditor.document.execCommand("createLink"); oEditor.document.execCommand("ForeColor","false","#FF0000"); }}//取消鏈接functionunurl(){ varsText=oEditor.document.selection.createRange(); if(sText!=""){ oEditor.document.execCommand("unlink"); } }//插入圖片functionimage(){ vararr=showModalDialog("Editor/include/img.htm",window,"dialogWidth:600px;dialogHeight:200px;status:0;help:0"); if(arr) { oEdi