【導讀】臺已成為教學活動的必然趨勢。本課題就是以網絡信息技術為支撐平臺，開發(fā)嵌入式系。統(tǒng)課程學習網站，構筑教學與網絡相結合的教師教學新模式和學生學習新方式。計、CSS樣式應用、Photoshop圖像處理、UML語言及對網站的總體布局設計為基礎，開發(fā)了教學內容、學習指南、課程設計及教研資源等學習版塊。學好嵌入式系統(tǒng)課程創(chuàng)建優(yōu)良的環(huán)境。

　　

【正文】 idth, height,)。 Graphics2D g = ()。 //創(chuàng)建一個隨機數生成器類 Random random = new Random()。 //將圖像填充為白色 ()。 (0, 0, width, height)。 //創(chuàng)建字體，字體的大小應該根據圖片的高度來定。 Font font = new Font(Fixedsys, , fontHeight)。 //設置字體。 (font)。 //畫邊框。 ()。 (0, 0, width 1, height 1)。 //隨機產生 160 條干擾線，使圖象中的認證碼不易被其它程序探測到。 ()。 for(int i = 0。 i i++) { int x = (width)。 int y = (height)。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） int xl = (12)。 int yl = (12)。 (x, y, x + xl, y + yl)。 } //randomCode 用于保存隨機產生的驗證碼，以便用戶登錄后進行驗證。 StringBuffer randomCode = new StringBuffer()。 int red = 0, green = 0, blue = 0。 //隨機產生 codeCount 數字的驗證碼。 for (int i = 0。 i codeCount。 i++) { //得到隨機產生的驗證碼數字。 String strRand = (codeSequence[(36)])。 //產生隨機的顏色分量來構造顏色值，這樣輸出的每位數字的顏色值都將不同。 red = (255)。 green = (255)。 blue = (255)。 //用隨機產生的顏色將驗證碼繪制到圖像中。 (new Color(red, green, blue))。 (strRand, (i + 1) * x, codeY)。 //將產生的四個隨機數組合在一起。 (strRand)。 } // 將四位數字的驗證碼保存到 Session 中。 HttpSession session = ()。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） (validateCode, ())。 // 禁止圖像緩存。 (Pragma, nocache)。 (CacheControl, nocache)。 (EXPires, 0)。 (image/jpeg)。 //將圖像輸出到 Servlet 輸出流中。 ServletOutputStream sos = ()。 (buffImg, jpeg, sos)。 ()。 } } 需要在 servlet servlet servletnameValidateCodeServlet/servletname servletclass/servletclass initparam paramnamewidth/paramname paramvalue200/paramvalue /initparam initparam paramnameheight/paramname paramvalue80/paramvalue 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） /initparam initparam paramnamecodeCount/paramname paramvalue5/paramvalue /initparam /servlet servletmapping servletnameValidateCodeServlet/servletname urlpattern/validateCodeServlet/urlpattern /servletmapping 需要引用的頁面可以這樣來寫： ccid_file values=validateCodeServlet width=100/ / 用戶提交后就可以將用戶輸入的驗證碼與 session 中保存的字符串進行比對，達到驗證的效果。 在線編輯器模塊 HTML 在線編輯器可用于在線編輯基于 HTML 的文檔 ，所以，它經常被用于留言板留言、論壇發(fā)貼、 Blog 編寫日志或等需要用戶輸入普通 HTML 的地方。本設計的在線編輯主要用于留言板的留言和對 發(fā)布的信息內容格式進行編輯。在線編輯器的實現(xiàn)代碼見附錄 B，實際樣式如 圖 所示 。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 圖 在線編輯器的界面樣式圖 HTML 在線編輯器的基本原理 在線編輯器需要 以上版本的支持。因為 以上版本有一個編輯狀態(tài)，可以在一個 iframe 里面輸入文字。然后通過 可以獲取 iframe 里面的 html代碼，這個就是關鍵。那怎么才能讓 ifrmae 處于編輯狀態(tài)呢， 可以用： function () { =On。 } 函數實現(xiàn)。剩下的問題就是就是取得焦點和選中的值： ()。 var sel = ()。 以上 2 句可以獲取選中的值的 html代碼。 到了這里，基本原理搞清楚了，然后我們可以用 insertHTML(str)方法將 html字符替換掉選中 的值。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 在線編輯器 代碼的安全過濾 出于對上傳數據的安全考慮，要對用戶上傳的數據進行安全過濾， 已保證網絡教學平臺的正常運行。 過濾成安全的 HTML 代碼： function h($text){ $text = trim($text)。 $text = stripslashes($text)。 //完全過濾注釋 $text = preg_replace(39。/!?.*/39。,39。39。,$text)。 //完全過濾動態(tài)代碼 $text = preg_replace(39。/\?|\?/39。,39。39。,$text)。 //完全過濾 js $text = preg_replace(39。/script?.*\/script/39。,39。39。,$text)。 $text = str_replace(39。[39。,39。 39。,$text)。 $text = str_replace(39。]39。,39。 39。,$text)。 $text = str_replace(39。|39。,39。 39。,$text)。 //過濾換行符 $text = preg_replace(39。/\r?\n/39。,39。39。,$text)。 //br $text = preg_replace(39。/br(\s\/)?/i39。,39。[br]39。,$text)。 $text = preg_replace(39。/(\[br\]\s*){10,}/i39。,39。[br]39。,$text)。 //hr img area input $text = preg_replace(39。/(hr|img|input|area|isindex)( [^\[\]]*)/i39。,39。[\1\2]39。,$text)。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） //過濾多余 html $text= preg_replace(39。/\/?(html|head|meta|link|base|body|title|style|script|form|iframe|frame|frameset)[^]*/i39。,39。39。,$text)。 //過濾 on 事件 lang js while(preg_match(39。/([^]+)( lang|onfinish|onmouse|onexit|onerror|onclick|onkey|onload|onchange|onfocus|onblur)[^]+/i39。,$text,$mat)){ $text=str_replace($mat[0],$mat[1],$text)。 } while(preg_match(39。/([^]+)(window\.|javascript:|js:|about:|file:|document\.|vbs:|cookie)([^]*)/i39。,$text,$mat)){ $text=str_replace($mat[0],$mat[1].$mat[3],$text)。 } //過濾合法的 html標簽 while(preg_match(39。/([az]+)[^\[\]]*[^]*\/\1/i39。,$text,$mat)){ $text=str_replace($mat[0],str_replace(39。39。,39。]39。,str_replace(39。39。,39。[39。,$mat[0])),$text)。 } //轉換引號 while(preg_match(39。/(\[[^\[\]]*=\s*)(\|\39。)([^\2=\[\]]+)\2([^\[\]]*\])/i39。,$text,$mat)){ $text=str_replace($mat[0],$mat[1].39。|39。.$mat[3].39。|39。.$mat[4],$text)。 } //過濾錯誤的單個引號 while(preg_match(39。/\[[^\[\]]*(\|\39。)[^\[\]]*\]/i39。,$text,$mat)){ 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） $text=str_replace($mat[0],str_replace($mat[1],39。39。,$mat[0]),$text)。 } //轉換其它所有不合法的 $text = str_replace(39。39。,39。39。,$text)。 $text = str_replace(39。39。,39。39。,$text)。 $text = str_replace(39。39。,39。39。,$text)。 //反轉換 $text = str_replace(39。[39。,39。39。,$text)。 $text = str_replace(39。]39。,39。39。,$text)。 $text = str_replace(39。|39。,39。39。,$text)。 //過濾多余空格 $text = str_replace(39。 39。,39。 39。,$text)。 return $text。 } javascript function HtmlFilter(html){ html = (/script.*?\/script[\s]*/ig, 39。 39。)。 html = (/style.*?\/style[\s]*/ig, 39。 39。)。 html = (/iframe.*?\/iframe[\s]*/ig, 39。 39。)。 html = (/[\/]?div.*?/ig, 39。 39。)。 html = (/[\/]?form.*?/ig, 39。 39。)。 html = (/[\s]+on[\w]+[\s]*=[\s]*(?:\39。[^\39。]*\39。|\[^\]*\|[^\s]*)/ig, 39。 39。) 。 html= 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） (/[\s]+([\w]+)[\s]*=[\s]*(?:\39。[\s]*javascript.*?\39。|\[\s]*javascript.*?\|[\s]*javascript.*?[\s]*)/ig, 39。 $1=39。)。 html = (/a (.*?)/ig, 39。a $1 target=_blank39。)。 return html。 } 兩個 iframe 的嵌套 td textarea name=recontent style=display:none/textarea iframe id=Editor name=Editor src=zEditor/?id=recontentamp。height=200 frameborder=0 marginheight=0 marginwidth=0 scrolling=No style=width: 100%。 height: 200px。/iframe /td /tr script type=text/javascript ! if (static_data[39。STAR39。]) { (39。trtdiframe ID=Upload name=Upload src=?fid=207 frameBorder=0 marginHeight=0 marginWidth=0 scrolling=No style=width: 100%。 height: 30px。/iframe/td/tr39。)。 } // /script tr 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） script typ