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