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

　　

【正文】 idth, height,)。 Graphics2D g = ()。 //創(chuàng)建一個(gè)隨機(jī)數(shù)生成器類 Random random = new Random()。 //將圖像填充為白色 ()。 (0, 0, width, height)。 //創(chuàng)建字體，字體的大小應(yīng)該根據(jù)圖片的高度來(lái)定。 Font font = new Font(Fixedsys, , fontHeight)。 //設(shè)置字體。 (font)。 //畫邊框。 ()。 (0, 0, width 1, height 1)。 //隨機(jī)產(chǎn)生 160 條干擾線，使圖象中的認(rèn)證碼不易被其它程序探測(cè)到。 ()。 for(int i = 0。 i i++) { int x = (width)。 int y = (height)。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(yè) 論文 ） int xl = (12)。 int yl = (12)。 (x, y, x + xl, y + yl)。 } //randomCode 用于保存隨機(jī)產(chǎn)生的驗(yàn)證碼，以便用戶登錄后進(jìn)行驗(yàn)證。 StringBuffer randomCode = new StringBuffer()。 int red = 0, green = 0, blue = 0。 //隨機(jī)產(chǎn)生 codeCount 數(shù)字的驗(yàn)證碼。 for (int i = 0。 i codeCount。 i++) { //得到隨機(jī)產(chǎn)生的驗(yàn)證碼數(shù)字。 String strRand = (codeSequence[(36)])。 //產(chǎn)生隨機(jī)的顏色分量來(lái)構(gòu)造顏色值，這樣輸出的每位數(shù)字的顏色值都將不同。 red = (255)。 green = (255)。 blue = (255)。 //用隨機(jī)產(chǎn)生的顏色將驗(yàn)證碼繪制到圖像中。 (new Color(red, green, blue))。 (strRand, (i + 1) * x, codeY)。 //將產(chǎn)生的四個(gè)隨機(jī)數(shù)組合在一起。 (strRand)。 } // 將四位數(shù)字的驗(yàn)證碼保存到 Session 中。 HttpSession session = ()。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(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 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(yè) 論文 ） /initparam initparam paramnamecodeCount/paramname paramvalue5/paramvalue /initparam /servlet servletmapping servletnameValidateCodeServlet/servletname urlpattern/validateCodeServlet/urlpattern /servletmapping 需要引用的頁(yè)面可以這樣來(lái)寫： ccid_file values=validateCodeServlet width=100/ / 用戶提交后就可以將用戶輸入的驗(yàn)證碼與 session 中保存的字符串進(jìn)行比對(duì)，達(dá)到驗(yàn)證的效果。 在線編輯器模塊 HTML 在線編輯器可用于在線編輯基于 HTML 的文檔 ，所以，它經(jīng)常被用于留言板留言、論壇發(fā)貼、 Blog 編寫日志或等需要用戶輸入普通 HTML 的地方。本設(shè)計(jì)的在線編輯主要用于留言板的留言和對(duì) 發(fā)布的信息內(nèi)容格式進(jìn)行編輯。在線編輯器的實(shí)現(xiàn)代碼見(jiàn)附錄 B，實(shí)際樣式如 圖 所示 。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(yè) 論文 ） 圖 在線編輯器的界面樣式圖 HTML 在線編輯器的基本原理 在線編輯器需要 以上版本的支持。因?yàn)? 以上版本有一個(gè)編輯狀態(tài)，可以在一個(gè) iframe 里面輸入文字。然后通過(guò) 可以獲取 iframe 里面的 html代碼，這個(gè)就是關(guān)鍵。那怎么才能讓 ifrmae 處于編輯狀態(tài)呢， 可以用： function () { =On。 } 函數(shù)實(shí)現(xiàn)。剩下的問(wèn)題就是就是取得焦點(diǎn)和選中的值： ()。 var sel = ()。 以上 2 句可以獲取選中的值的 html代碼。 到了這里，基本原理搞清楚了，然后我們可以用 insertHTML(str)方法將 html字符替換掉選中 的值。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(yè) 論文 ） 在線編輯器 代碼的安全過(guò)濾 出于對(duì)上傳數(shù)據(jù)的安全考慮，要對(duì)用戶上傳的數(shù)據(jù)進(jìn)行安全過(guò)濾， 已保證網(wǎng)絡(luò)教學(xué)平臺(tái)的正常運(yùn)行。 過(guò)濾成安全的 HTML 代碼： function h($text){ $text = trim($text)。 $text = stripslashes($text)。 //完全過(guò)濾注釋 $text = preg_replace(39。/!?.*/39。,39。39。,$text)。 //完全過(guò)濾動(dòng)態(tài)代碼 $text = preg_replace(39。/\?|\?/39。,39。39。,$text)。 //完全過(guò)濾 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)。 //過(guò)濾換行符 $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)。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(yè) 論文 ） //過(guò)濾多余 html $text= preg_replace(39。/\/?(html|head|meta|link|base|body|title|style|script|form|iframe|frame|frameset)[^]*/i39。,39。39。,$text)。 //過(guò)濾 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)。 } //過(guò)濾合法的 html標(biāo)簽 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)。 } //轉(zhuǎn)換引號(hào) 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)。 } //過(guò)濾錯(cuò)誤的單個(gè)引號(hào) while(preg_match(39。/\[[^\[\]]*(\|\39。)[^\[\]]*\]/i39。,$text,$mat)){ 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(yè) 論文 ） $text=str_replace($mat[0],str_replace($mat[1],39。39。,$mat[0]),$text)。 } //轉(zhuǎn)換其它所有不合法的 $text = str_replace(39。39。,39。39。,$text)。 $text = str_replace(39。39。,39。39。,$text)。 $text = str_replace(39。39。,39。39。,$text)。 //反轉(zhuǎn)換 $text = str_replace(39。[39。,39。39。,$text)。 $text = str_replace(39。]39。,39。39。,$text)。 $text = str_replace(39。|39。,39。39。,$text)。 //過(guò)濾多余空格 $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= 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(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。 } 兩個(gè) 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 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說(shuō)明書（畢業(yè) 論文 ） script typ