【正文】 ............... 28 驗證碼模塊 ............................................................................................................... 29 在線編輯器模塊 ....................................................................................................... 35 HTML 在線編輯器的基本原理 ..................................................................... 36 在線編輯器代碼的安全過濾 ........................................................................ 37 結(jié)論 .......................................................................................................................................... 42 參考 文獻 .................................................................................................................................. 43 附錄 A 在線編輯器源碼 ..................................................................................................... 44 致謝 .......................................................................................................................................... 54 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 第一章 引 言 課程 網(wǎng)絡教學平臺開發(fā)背景 隨著科學技術(shù)的進步，尤其是計算機網(wǎng)絡的發(fā)展，人類將進入信息社會，因而人們的生活方式、思維方式、工作方式，以及教育方式都將隨之改變。網(wǎng)絡與教育的結(jié)合，將會徹底改變傳統(tǒng)的教育思 想、觀念、內(nèi)容、方法，改變傳統(tǒng)的人才培養(yǎng)模式。人類社會已進入網(wǎng)絡時代、信息時代和知識經(jīng)濟時代，網(wǎng)絡為人們獲取信息 和 知識提供了重要的 途徑和豐富 的 資源 。 目前 以網(wǎng)絡為紐帶 ， 快速、高效、方便地實現(xiàn)知識傳遞，以現(xiàn)代化手段促進教學改革，將傳統(tǒng)的課堂教學轉(zhuǎn)變?yōu)檎n堂 +電腦 +網(wǎng)絡課堂 +Inter 的 學習方式，是教育工作者應當為之努力的方向。基于 JSP 技術(shù)的 “ 嵌入式系統(tǒng) 課程” 網(wǎng)絡教學平臺是依托校園網(wǎng)的優(yōu)勢設計和開發(fā)的，通過此平臺，學生可以不受時間、空間、地域的限制， 在 網(wǎng)上瀏覽 、下載嵌入式系統(tǒng)課程的 教 學內(nèi)容 、 完成作業(yè) 、 參加測 試等，教師也可借助此平臺 發(fā)布公告信息 、 發(fā)布試題 、 實現(xiàn)課件上傳下載 、 組織討論答疑等。 未來的教育技術(shù)必將是以信息技術(shù)為基礎的教育技術(shù) ， 信息技術(shù)在教育中的應用是教育技術(shù)的重要組成部分，信息技術(shù)的發(fā)展，必將引起教育技術(shù)學科領域的重大變化。應用現(xiàn)代信息技術(shù)構(gòu)架的網(wǎng)絡多媒體教學應用平臺是實現(xiàn)網(wǎng)絡教學的技術(shù)基礎，現(xiàn)已成為現(xiàn)代教育技術(shù)改革與發(fā)展的 主流 方向。 “ 嵌入式系統(tǒng) 課程” 網(wǎng)絡教學的意義 網(wǎng)絡教學可以利用 各種先進的教育技術(shù)，最大限度地用計算機替代教師的勞動，提高教育資源的共享度 。 嵌入式系統(tǒng) 課程 網(wǎng)絡教學 平臺根據(jù)登陸用戶身 份的不同分別設有學生 學習 區(qū)、教師工作區(qū) 、交流區(qū)等。 通過給學習者提供包括網(wǎng)上學習導航、答疑、檢索、討論、作業(yè)、在線自測等手段，提高 嵌入式系統(tǒng)課程 學習者的學習效果；通過提供內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 方便的網(wǎng)絡課程構(gòu)建工具，加強網(wǎng)絡課程的交互性和協(xié)作性，提高網(wǎng)絡課程的建設質(zhì)量；通過提供多種最能體現(xiàn)網(wǎng)絡特色的學習策略，打破傳統(tǒng)單一的傳授式學習模式，便于教師進行教學設計。 網(wǎng)絡教學 可以最大限度的使用網(wǎng)絡手段模擬現(xiàn)實生活中的教育流程，并且利用計算機系統(tǒng)的強大計算能力，可以進行教學過程和教學成果的跟蹤、統(tǒng)計，分析，改善了傳統(tǒng)教學手段在這方面的不足。 網(wǎng)絡技術(shù)對于 “ 嵌入式系統(tǒng) 課程” 教學 的貢獻 是 能實現(xiàn)教學的交互性。交互性主要在于三個層面： 一是人機交互；二是機機交互；三是人人交互。在人機、機機交互 的 基礎 上，實現(xiàn)師生、生生及師師之間的交互作用。其中最重要的是師生交互 。根據(jù)“嵌入式系統(tǒng)課程”的特點，設置了網(wǎng)絡實驗教學環(huán)節(jié)，通過網(wǎng)絡平臺提供課程的軟件實驗平臺，學生在遠程即可進行軟件實驗，方便、快捷、有效地學習了課程的相關(guān)知識。 相對 于 傳統(tǒng) 嵌入式系統(tǒng) 課程 教學模式，這樣一個交互式教學平臺 的 最大優(yōu)勢在于，它打破了原有教學模式的那種時間和空間的局限。學生可以更自由地 安排學習過程，盡可能地實現(xiàn)學習自主化。同時利用這樣一個網(wǎng)絡 教學 平臺，師生之間的交流也得到了充分 的 保證，學生學習之后的反饋信息可以通過平臺及時傳送給教師，而教師也可 以 及時給 以 相應的建議和指導。 網(wǎng)絡 教學平臺設計原則 基礎教育的教學 模式 以課堂教學（面授方式）為主，基于課程整合理念的網(wǎng)絡教學，是課堂教學的有益補充。所以該 “ 嵌入式系統(tǒng) 課程”網(wǎng)絡教學 平臺的設計 注重 課堂教學的 輔助 和學生自主學習 能力 的 培養(yǎng) 。 從嵌入式系統(tǒng)網(wǎng)絡教學 課程的特點來看， 它 與一般的多媒體教學軟件不同，它是學習者利用網(wǎng)絡進行遠程學習的 平臺 ，是通過網(wǎng)絡 表現(xiàn)的 該門 學科的教學內(nèi)容和實施的教學活動。 從 嵌入式系統(tǒng)課程的 特點出發(fā)， 在開發(fā) 網(wǎng)絡平臺 的過程中， 需 遵循以下原則： 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 嵌入式系統(tǒng) 網(wǎng)絡課程以網(wǎng)絡為媒介，一方面網(wǎng)絡的特性要求其具有共享性，另一方面網(wǎng)絡課程本身的特點也要求其具有共享性。因而在開發(fā)的過程中，應充分考慮學習者對課程的共享性要求，使網(wǎng)絡課程的內(nèi)容及形式盡量滿足其學習群體的共同需要。 2. 交互原則 交互性是網(wǎng)絡媒體區(qū)別于其他媒體的最大優(yōu)勢之一，正是網(wǎng)絡第一次實現(xiàn)了人和機器的平等對話。而網(wǎng)絡課程借助于網(wǎng)絡這個平臺，充分運用了網(wǎng)絡技術(shù)，表現(xiàn)出方 便多樣的交互形式，這也是其目前得到蓬勃發(fā)展的原因之一。這里我們所談的交互主要包括學習者與學習者的交互、學習者與網(wǎng)絡課程的交互、以及學習者與教師的交互三個方面，每個方面的交互都可以通過各種不同的方式來實現(xiàn)。 在以網(wǎng)絡課程為媒介的遠程學習中，學習者一般都是在師生分離的情況下進行學習的，其具有很高的自主性，可以滿足學習者不同的個性需要，但也存在一個容易迷失方向的問題。為了更好地達到學習者自主學習的效果，這就要求網(wǎng)絡課程在導航上面要作到層次清晰、鏈接方便，可以很好地幫助學習者明確自己所處的位置，并 及時快速地實現(xiàn)相關(guān)內(nèi)容之間的跳轉(zhuǎn)及學習進度的控制，使學生不至于在學習過程中出現(xiàn)迷航的情況。 網(wǎng)絡課程在表現(xiàn)形式上具有多媒體特點，充分利用了各種表現(xiàn)形式來調(diào)動學生的各種感官，激發(fā)學生的學習興趣，這個特點也就要求我們在開發(fā)的過程中一定要遵循多媒體原則，綜合考慮多種媒體因素，注意各媒體的組合，以達到最佳的表現(xiàn)效果。 由于網(wǎng)絡課程是通過網(wǎng)絡表現(xiàn)某門學科的教學內(nèi)容及實施的教學活動的總和，是學生通過網(wǎng)絡進行學習的教材，也是學生進行學習的主要學習資源。在學生的學習過程中內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 教師和學生在時 空上是分離的，學生主要是通過網(wǎng)絡課程提供的資源來進行相應的學習 ，因而這就要求我們在設計開發(fā)的時候能夠提供比較豐富的學習資源，以滿足學生學習過程的需要，提高學生的學習效果。 網(wǎng)絡課程作為一種網(wǎng)絡學習的平臺和教材，其用戶對象幾乎無所不包，因而他們的計算機總體操作水平也就必然存在高低差異，這就要求 開發(fā)者 在開發(fā)過程中不能 人為地給用戶設置操作困難 ， 應該本著易用原則，使 教學平臺 的界面操作簡單易實現(xiàn)，不給學習者增加額外的負擔。 另外，網(wǎng)絡課程的時效性特點要求其在后期維護方面要簡單易用，不至于其更新只能由專業(yè)的開發(fā)人員才能夠?qū)崿F(xiàn)，這樣才能滿足內(nèi)容的及時更新，使教師和一般的管理員都能夠輕易 地 實現(xiàn)新內(nèi)容的更新。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 第二章 平臺開發(fā)需求 分析 為充分發(fā)揮網(wǎng)絡優(yōu)勢，提高大學嵌入式系統(tǒng)課程的教學水平和教學效果，有必要建設一個基于互聯(lián)網(wǎng)的交互式嵌入式系統(tǒng) 課程 教學平臺。 網(wǎng)絡教學平臺是面向教師和學生的網(wǎng)絡教學系統(tǒng)，采用 JSP+XML+SQL Server開發(fā)，本 章 對該平臺的體系結(jié)構(gòu) 和 功能進行了詳細的分析，并 詳述 了 平臺開發(fā) 中采用的關(guān)鍵技術(shù)。 平臺應用體系結(jié)構(gòu) “嵌入式系統(tǒng)”課程網(wǎng)絡 教學平臺 的 運行環(huán)境 如下： 系統(tǒng)結(jié)構(gòu) ： B/S 結(jié)構(gòu) 操作系統(tǒng) ： window/Unix/Linux 操作系統(tǒng) 瀏覽器 ：支持主流瀏覽器 數(shù)據(jù)庫 ： MySQL 應用服務器 ： Tomcat 本平臺的開發(fā)使用了 一種新興的體系結(jié)構(gòu) ： Browser/Server， 為 確保平臺 的先進性、易擴展 性 和易維護性，采用 了 分布式三層應用體系結(jié)構(gòu) 進行 平臺 開發(fā) 。 三層分布式應用體系結(jié)構(gòu) 的設計 根據(jù) 嵌入式系統(tǒng)課程 網(wǎng)絡教學平臺的總體要求和設計原則， 以及滿足用戶對業(yè)務邏輯可定制和可管理的個性化 的 需求， 確定了平臺的 三層應用體系結(jié)構(gòu)圖 ， 如 圖 。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 客戶機（ C l i e n t ）客戶機（ C l i e n t ）W e b 服務器（ W e b S e r v e r ）W e b 服務器（ W e b S e r v e r ）應用服務器（ A p p l i c a t i o n S e r v e r ）應用服務器（ A p p l i c a t i o n S e r v e r ）數(shù)據(jù)庫服務器（ D a t a B a s e S e r v e r )數(shù)據(jù)庫服務器（ D a t a B a s e S e r v e r )系統(tǒng)管理（System Management）系統(tǒng)管理（System Management）SSLCA圖 教學 平臺 三層應用體系結(jié)構(gòu)圖 三層體系結(jié)構(gòu)的分析 構(gòu)建基于 Web 應用的 平臺 三層體系結(jié)構(gòu)，是設計基于 Web 的 網(wǎng)絡教學平臺 的出發(fā)點。三層體系結(jié)構(gòu)包括表示層 (Presentation)、功能層 (Business Logic)、數(shù)據(jù)層（ Data Service）。 A) 第一層：表示層（用戶界面層） Browser/Server 結(jié)構(gòu)極大的簡化了客戶機的工作，客戶機上不需要安裝、配置客戶內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 端，直接通過 IE 的方式瀏覽、訪問即可，服務器將擔負更多的工作，對數(shù)據(jù)庫的訪問和應用程序的執(zhí)行將在服務器上完成。 在 表示層中包含系統(tǒng)的顯示邏輯，它的任務是由 Web 瀏覽器向網(wǎng)絡上的某一 Web服務器提出服務請求， Web 服務器對用戶身份進行驗證后用 HTTP 協(xié)議把所需的主頁傳送給客戶端，客戶機接受傳來的主頁文件，并把它顯示在 Web 瀏覽器上。 B) 第二層：功能層（業(yè)務邏輯層） 功能層包括具有應用程序擴展功能的 Web 服務器。在功能層中包含系統(tǒng)的事務處理邏輯，位于 Web 服務器端。它的任務是接受用戶的請求，首先需要執(zhí)行相應的擴展應用程序與數(shù)據(jù)庫進行連接，通過 SQL 等方式向數(shù)據(jù)庫服務器提出數(shù)據(jù)處理申請，而后等數(shù)據(jù)庫服務器將數(shù)據(jù)處理的結(jié)果提交給 Web 服務器，再由 Web 服務器傳送回客戶端。 此層也是上下兩層的紐帶，它建立實際的數(shù)據(jù)庫連接，這一層通常以動態(tài)鏈接庫的形式存在并注冊到服務器的注冊表 (Registry)中，它與客戶端通訊的接口符合某一特定的組件標準 (如 EJB、 COM， CORBA)，可以用任何支持這種標準的工具開發(fā)。 C) 第三層：數(shù)據(jù)層 數(shù)據(jù)層主要包括數(shù)據(jù)庫服務器，在數(shù)據(jù)層中包含系統(tǒng)的數(shù)據(jù)處理邏輯，位于數(shù)據(jù)庫服務器端。它的任務是接受 Web 服務器對數(shù)據(jù)庫操縱的請求，實現(xiàn)對數(shù)據(jù)庫查詢、修改、更新等功能，把運行結(jié)果提交給 Web 服務器。 技術(shù)革命帶來新的 教育發(fā)展機會，并改變教學過程模式?；?Web 的應用是這種現(xiàn)象的最好證明，基于 Web 的網(wǎng)絡教學平臺的引入，不但會提高教師授課的工作效率，更能引入全新的教學模式。推動這種技術(shù)革命的主要是基于 Inter／ Intra 的一系列新技術(shù)。這些新技術(shù)主要包括： ? 新的程序設計語言：如 XML,Java； ? 服務器端腳本（ Scripted Server Pages）和 Servlets：如微軟的 Active Server 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） Pages,J