【正文】 ................................................................. 35 HTML 在線編輯器的基本原理 ..................................................................... 36 在線編輯器代碼的安全過濾 ........................................................................ 37 結論 .......................................................................................................................................... 42 參考 文獻 .................................................................................................................................. 43 附錄 A 在線編輯器源碼 ..................................................................................................... 44 致謝 .......................................................................................................................................... 54 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 第一章 引 言 課程 網(wǎng)絡教學平臺開發(fā)背景 隨著科學技術的進步，尤其是計算機網(wǎng)絡的發(fā)展，人類將進入信息社會，因而人們的生活方式、思維方式、工作方式，以及教育方式都將隨之改變。內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） “ 嵌入式系統(tǒng) 課程” 網(wǎng)絡教學平臺開發(fā) 摘 要 在 “寬帶網(wǎng) ”尤其是 “校園網(wǎng) ”進 入校園的今天， 充分發(fā)揮網(wǎng)絡優(yōu)勢，開發(fā) 網(wǎng)絡 教學 平臺 已 成為 教學活動的 必然 趨勢 。 JSP。 “ 嵌入式系統(tǒng) 課程” 網(wǎng)絡教學的意義 網(wǎng)絡教學可以利用 各種先進的教育技術，最大限度地用計算機替代教師的勞動，提高教育資源的共享度 。根據(jù)“嵌入式系統(tǒng)課程”的特點，設置了網(wǎng)絡實驗教學環(huán)節(jié)，通過網(wǎng)絡平臺提供課程的軟件實驗平臺，學生在遠程即可進行軟件實驗，方便、快捷、有效地學習了課程的相關知識。因而在開發(fā)的過程中，應充分考慮學習者對課程的共享性要求，使網(wǎng)絡課程的內(nèi)容及形式盡量滿足其學習群體的共同需要。在學生的學習過程中內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 教師和學生在時 空上是分離的，學生主要是通過網(wǎng)絡課程提供的資源來進行相應的學習 ，因而這就要求我們在設計開發(fā)的時候能夠提供比較豐富的學習資源，以滿足學生學習過程的需要，提高學生的學習效果。三層體系結構包括表示層 (Presentation)、功能層 (Business Logic)、數(shù)據(jù)層（ Data Service）。它的任務是接受 Web 服務器對數(shù)據(jù)庫操縱的請求，實現(xiàn)對數(shù)據(jù)庫查詢、修改、更新等功能，把運行結果提交給 Web 服務器。這種三層結構層與層之間相互獨立，任何一層的改變不影響其它層的功能。 學習者 是網(wǎng)絡教學環(huán)境中的主體，通過網(wǎng)絡教學環(huán)境學習知識，培養(yǎng)能力。主要是方便學生隨時更改聯(lián)系方式。 2． 具體功能： 1) 教學系統(tǒng)后臺管理 測評系統(tǒng)后臺包括題庫管理、試卷管理、考生管理、考試結果管理、作業(yè)管理等。系統(tǒng)使用者可根據(jù)其使用的實際需要來靈活運用該功能。教師可以在網(wǎng)上發(fā)布、批內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 改、刪除作業(yè)，學生可以在線或下載完成作業(yè)，完成后可以將 作業(yè)上傳，還可以通過此環(huán)節(jié)查看自己完成作業(yè)的情況，查看教師評語等內(nèi)容。其中管理員可以對所有人員進行添加、修改、刪除和查詢，同時還可以對教師的所有權限進行分配。Myeclipse 支持最新的 Java 標準，它的可視化工具和向?qū)箲瞄_發(fā)變得方便快捷。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 1. JSP 技術 JSP 是一種卓越的 Java 技術，它基于強大的 Java 語言，可在任何 Web 或應用服務器上運行，與 Java Enterprise API(Java 企業(yè)應用編程接口 )緊密結合，可快速創(chuàng)建高性能的 Web 應用程序。連接池具有以下功能 :裝載和注冊 JDBC 驅(qū)動程序 。 提供用戶注冊信息修改取消。pass=+pass+amp。39。 //驗證碼圖片的高度。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。 //高度 String strHeight=(height)。 } if(strCodeCount!=null amp。 //創(chuàng)建一個隨機數(shù)生成器類 Random random = new Random()。 ()。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） int xl = (12)。 i codeCount。 (new Color(red, green, blue))。 (Pragma, nocache)。 } } 需要在 servlet servlet servletnameValidateCodeServlet/servletname servletclass/servletclass initparam paramnamewidth/paramname paramvalue200/paramvalue /initparam initparam paramnameheight/paramname paramvalue80/paramvalue 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） /initparam initparam paramnamecodeCount/paramname paramvalue5/paramvalue /initparam /servlet servletmapping servletnameValidateCodeServlet/servletname urlpattern/validateCodeServlet/urlpattern /servletmapping 需要引用的頁面可以這樣來寫： ccid_file values=validateCodeServlet width=100/ / 用戶提交后就可以將用戶輸入的驗證碼與 session 中保存的字符串進行比對，達到驗證的效果。 } 函數(shù)實現(xiàn)。 //完全過濾注釋 $text = preg_replace(39。39。[39。,$text)。,39。 $text = preg_replace(39。[\1\2]39。/([^]+)( lang|onfinish|onmouse|onexit|onerror|onclick|onkey|onload|onchange|onfocus|onblur)[^]+/i39。39。 } //轉(zhuǎn)換引號 while(preg_match(39。 } //過濾錯誤的單個引號 while(preg_match(39。,39。 $text = str_replace(39。39。|39。,$text)。 html = (/iframe.*?\/iframe[\s]*/ig, 39。)。[\s]*javascript.*?\39。 } 兩個 iframe 的嵌套 td textarea name=recontent style=display:none/textarea iframe id=Editor name=Editor src=zEditor/?id=recontentamp。/iframe/td/tr39。STAR39。 html = (/a (.*?)/ig, 39。|\[^\]*\|[^\s]*)/ig, 39。 39。)。 //過濾多余空格 $text = str_replace(39。,39。,$text)。39。39。|39。39。,$text,$mat)){ $text=str_replace($mat[0],$mat[1].$mat[3],$text)。,39。,$text)。/br(\s\/)?/i39。 39。 $text = str_replace(39。,39。,$text)。 到了這里，基本原理搞清楚了，然后我們可以用 insertHTML(str)方法將 html字符替換掉選中 的值。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 圖 在線編輯器的界面樣式圖 HTML 在線編輯器的基本原理 在線編輯器需要 以上版本的支持。 //將圖像輸出到 Servlet 輸出流中。 } // 將四位數(shù)字的驗證碼保存到 Session 中。 red = (255)。 StringBuffer randomCode = new StringBuffer()。 for(int i = 0。 Font font = new Font(Fixedsys, , fontHeight)。 fontHeight=height2。 ()!=0) { width=(strWidth)。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。 //字體高度 private int fontHeight。39。 if(state == 4){ 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） var data = 。 } function login(){ //對用戶名進行驗證 var name = (user)[0].value。 4. 客戶 /服務器技術 聯(lián)入校園網(wǎng)的計算機從功能上來說，可以分 成服務器和客戶機兩種，不論哪種服務內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 器，如文件服務器， FTP 服務器，數(shù)據(jù)服務器，郵件服務器，數(shù)據(jù)服務器，代理服務器等都成天候運行，提供各種服務，為學生服務。不過， XML 卻允許通過較復雜且靈活性的方式顯示數(shù)據(jù)，如通過 XSL、 CSS、 HTML+XML Island 以及編寫程序并通過 DOM 取出數(shù)據(jù)再顯示 。 B) 利用 Rational Rose 進行 UML 統(tǒng)一建模 Rational公司推出的 Rational Rose 20xx是目前最好的基于 UML的 CASE工具。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 第四章 網(wǎng)絡教學平臺的 開發(fā) 流程 開發(fā)工具及技術 網(wǎng) 絡教學平臺 采用的開發(fā)工具有： Myeclipse、 Rational Rose 20xx（建模） 。教師也可以在網(wǎng)上發(fā)布討論題，引導學生進行學術研究和討論 (5) 實驗指導 :教師把學生在實驗中遇到的問題和易犯的錯誤以回答問題的形式 表現(xiàn)出來，以交互的形式輔導學生順利完成實驗 。 系統(tǒng)采用 JSP 與 MYSQL 數(shù)據(jù)庫相結合，其實現(xiàn)的基本原理是利用 MYSQL 作為數(shù)據(jù)倉庫，用 Servlet 等高性能服務器端程序作為后臺總控程序， JSP 程序在前臺運行，Servelet 接受用戶的輸入，分別調(diào)用不同的 JSP 程序向客戶端反饋信息， JSP/Servlet 通過HTTP 連接在服務器端和客戶端傳遞數(shù)據(jù)，其體系結構如圖 所示。系統(tǒng)提供由教師從后臺來控制是否需要進行終端 IP 的訪問權設定。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 在線測試：學生可以按教學單元進行自我測試，測試的題型 、題量、難度及測試時間由學生自主選擇，系統(tǒng)自動從題庫中抽取符合要求的題目，測試結束，系統(tǒng)自動評分。 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 登陸功能 該模塊的主要功能是對用戶進行身份驗證。 教學資源庫是對課程內(nèi)容的擴展，能夠為學習者提供豐富的學習資源，可以培養(yǎng)學習者對信息的獲取能力和綜合能力。這些新技術主要包括： ? 新的程序設計語言：如 XML,Java； ? 服務器端腳本（ Scripted Server Pages）和 Servlets：如微軟的 Active Server 內(nèi)蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） Pages,Java Server Pages； ? 對象通信協(xié)議：如 OMG 的 Common Object Request Broker Architecture（ CORBA），基于 Java 標準的 Remote Method Invocation（ RMI），微軟的 Distributed Component Object Model (DCOM)； ? 組件技術：如 EJB 和 DCOM； ? Web 應用框架：如 IBM 的 WebSphere， Oracle 的 Oracle9