【正文】 是 ajax 的核心機(jī)制，它是在 IE5 中首先引入的，是一種支持異步請(qǐng)求的技術(shù) ,它的屬性有： onreadystatechange 每次狀態(tài)改變所觸發(fā)事件的事件處理程序。 responseXML 從服務(wù)器進(jìn)程返回的 DOM 兼容的文檔數(shù)據(jù)對(duì)象。 運(yùn)行機(jī)制： （ 1）創(chuàng)建 XmlHttpRequest 對(duì)象 如果是 IE 瀏覽器則使用： xmlHttp = new ActiveXObject()。 var xmlHttp。 }else { xmlHttp = new ActiveXObject()。 ②定義想要執(zhí)行的異步請(qǐng)求 (POST,)。 （ 3）定義回調(diào)函數(shù) function Callback() 常州大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 第 9 頁 共 35 頁 { if(==4)//調(diào)用完成 { if(==200)//Http 狀態(tài)碼操作正常 { var text = 。 } } } 本系統(tǒng)中，主要使用 Ajax 技術(shù)在進(jìn)行異步信息的驗(yàn)證，如重名驗(yàn)證，采用 Ajax 技術(shù)后，大大提高了用戶體驗(yàn)，用戶再也不用像之前需要在客戶端通過打開一個(gè)新的頁面了發(fā)送用戶請(qǐng)求進(jìn)行驗(yàn)證，方便，快捷。 JSP 技術(shù)使用 Java 編程語言編寫類 XML 的 tags 和 scriptlets，來封裝產(chǎn)生動(dòng)態(tài)網(wǎng)頁的處理邏輯。 JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計(jì)和顯示分離，支持可重用的基于組件的設(shè)計(jì)，使基于 Web 的應(yīng)用程序的開發(fā)變得迅速和容易。 JSP 頁面由HTML 代碼和嵌入其中的 Java 代碼所組成。 Java Servlet 是 JSP的技術(shù)基礎(chǔ)，而且大型的 Web 應(yīng)用程序的開發(fā)需要 Java Servlet 和 JSP 配合才能完成。 自 JSP 推出后，眾多大公司都支持 JSP 技術(shù)的服務(wù)器，如 IBM、 Oracle、 Bea 公司等，所以 JSP 迅速成為商業(yè)應(yīng)用的服務(wù)器端語言。在這一點(diǎn)上 Java 比 PHP 更出色，除了系統(tǒng)之外，代碼不用做任何更改?；旧峡梢栽谒衅脚_(tái)上的任意環(huán)境中開發(fā)，在任意環(huán)境中進(jìn)行系統(tǒng)部署，在任意環(huán)境中擴(kuò)展。 （ 3）強(qiáng)大的可伸縮性。 （ 4）多樣化和功能強(qiáng)大的開發(fā)工具支持。 CSS 技術(shù) [1720] CSS(層疊樣式表 )是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的 ， 它簡(jiǎn)化并擴(kuò)展了 HTML 中的各種標(biāo)記 ， 使得各個(gè)標(biāo)記的屬性更具有一般性和通用性 ， 大大提高了 HTML 開發(fā)的效率 。 CSS 是 Cascading Style Sheet 的縮寫，可以譯成 “ 層疊樣式表 ” 或 “ 級(jí)聯(lián)樣式表 ” 。從樣式表插入的形式看可以分為 3 種。 前臺(tái)管理 普通用戶在前臺(tái)顯示的首頁登陸，登陸后會(huì)得到一些權(quán)限，如查看新聞公告，下載教學(xué)資料，在線測(cè)試等 用戶注冊(cè) 按規(guī)定輸入所有信息后才能有權(quán)限接受超級(jí)管理員審核，審核通過方可登錄。而表單提交的方式有 get 和 post兩種方法，出于安全起見，選取 post 方式因?yàn)榘踩?form action=”post”/form。這個(gè)功能的核心代碼塊是： function check(){ if(==){ alert(請(qǐng)輸入用戶名 )。 return false。 ()。 } if(==){ alert(請(qǐng)輸入姓名 )。 return false。如圖 所示 常州大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 第 12 頁 共 35 頁 圖 用戶登陸界面 對(duì)于用戶名和密碼是要驗(yàn)證的，驗(yàn)證是否存在此用戶名，以及密碼是否正確，主要代碼如下： String uid=new String((username).getBytes(8859_1))。 String sql=。 sql=select * from yonghuzhuce where yonghuming=39。 and mima=39。 and issh=39。 ResultSet RS_result=(sql)。你輸入的用戶不存在或密碼錯(cuò)誤，或帳號(hào)未經(jīng)審核 ,請(qǐng)重新登錄 !39。(1)。 } else{ (username,uid)。 ()。 新聞模塊 新聞模塊主要是用來顯示一些新聞公告，給用戶查看，同時(shí)也類型進(jìn)行區(qū)分，而用戶可以通過標(biāo)題進(jìn)行模糊查詢。 主要代碼如下： String sql=。 String id=。 String addtime=。 ResultSet RS_result=(sql)。 id=(id)。 addtime=(addtime)。% 教學(xué)錄像 當(dāng)用戶（學(xué)生）登陸后，則有權(quán)在線觀看教學(xué)視頻，用戶可根據(jù)視頻的基本信息來決定，觀看自己需要學(xué)習(xí)的視頻。如圖 所示 常州大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 第 15 頁 共 35 頁 圖 留言界面 定義一個(gè) checklyb()函數(shù)用來驗(yàn)證表單 form1 的元素，如果輸入的內(nèi)容等值為空，則返回錯(cuò)誤， .focus()指的是光標(biāo)返回當(dāng)前文本框。 ()。 } if(==) { alert(請(qǐng)輸入留言內(nèi)容 )。 return false。如圖 所示 常州大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 第 16 頁 共 35 頁 圖 資料下載界面 當(dāng)用戶點(diǎn)擊下載時(shí)，便可下載教學(xué)文件。 String bianhao=。String leibie=。String jianjie=。 ResultSet RS_result=(sql)。mingcheng=(mingcheng)。kecheng=(kecheng)。fujian=(fujian)。11%39。39%39。11%39。39%39。11%39。39%39。11%39。39%39。如圖 圖 在線測(cè)試界面 點(diǎn)擊開始測(cè)試時(shí)，頁面會(huì)跳轉(zhuǎn)到試卷頁面，進(jìn)行測(cè)試，當(dāng)試題都完成后，點(diǎn)擊交卷，系統(tǒng)會(huì)自行改卷，最后顯示本次測(cè)試成績(jī)。 int fenzhi=((fenzhi))。 String tmp2。 int df=0。i=tishu。 tmp2=(xztxxa+(i))。 }} String sql。+().getAttribute(username)+39。+(bianhao)+39。 (sql)。交卷成功 !!您本次成績(jī)?yōu)?+(df)+分39。=39。/script)。 登陸模塊 只有超級(jí)管理員以及被授權(quán)的普通管理員才有權(quán)登陸，登陸后才有權(quán)限對(duì)后臺(tái)進(jìn)行管理。主要代碼如下： //提交驗(yàn)證 String uid=(username)。 String cx=new String((cx).getBytes(8859_1))。 if(cx==null) { ()。+uid+39。+pwd+39。 if(!()) {(scriptalert(39。)。/script)。 (cx,(cx))。 } ()。如圖 所示 圖 用戶管理界面 提交時(shí)，還要驗(yàn)證此用戶是否存在，如果存在則返回，重新創(chuàng)建普通管理員。 String pwd=(pwd1)。+username+39。 if(()) {(scriptalert(39。)。/script)。+username+39。+pwd+39。 (sql)。 } ()。主要觸發(fā) onclick=return confirm(39。)事件，如圖 所示 常州大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 第 21 頁 共 35 頁 圖 刪除確認(rèn)界面 新聞管理 新聞管理模塊中最基本的功能為增刪改查（只有超級(jí)管理員才有此權(quán)限） ,添 加新聞時(shí)，標(biāo)題，內(nèi)容等是必須要有的，同時(shí)也增加了一個(gè)新聞圖片上傳功能 ，使得前臺(tái)觀看新聞更美觀些。而新聞添加界面，是用表格做的。biaoti39。text39。biaoti39。39。5039。leibie39。text39。leibie39。39。tianjiaren39。text39。tianjiaren39。%=().getAttribute(username)%39。shouyetupian39。text39。shouyetupian39。5039。39。button39。上傳 39。shouyetupian39。dianjilv39。text39。dianjilv39。139。 /input type=reset name=Submit2 value=重置 //td 而圖片上傳則是調(diào)用了 js中 up()方法，然后綁定事件，觸發(fā)此事件。 (contentUrl,?Result=+tt)。 ()。 } 新聞查詢是模糊查詢，只需要輸入標(biāo)題的關(guān)鍵字，便可找到，而刪除功能則和上面的用戶管理一樣。%+new String((biaoti).getBytes(8859_1))+%39。 ResultSet RS_result=(sql)。 String biaoti=。String neirong=。String shouyetupian=。 String addtime=。 while(()){ i=i+1。 biaoti=(biaoti)。 tianjiaren=(tianjiaren)。 dianjilv=(dianjilv)。% tr td width=30 align=center%=i %/td td%=biaoti %/tdtd%=leibie %/tdtd%=tianjiaren %/tdd 而新聞的修改功能，則是帶著原有的參數(shù)轉(zhuǎn)到修改頁面去，而修改頁面則和添加頁面差不多，如圖 ，修改功能的主要代碼如下： 常州大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 第 24 頁 共 35 頁 圖 修改新聞通知 : brbr % String sql=select * from xinwentongzhi where id=+id。String leibie=。String tianjiaren=。String dianjilv=。 while(()){ biaoti=(biaoti)。neirong=etString(neirong)。shouyetupian=tring(shouyetupian)。 } % 教學(xué)資料管理 教學(xué)資料管理也具備最基本的增刪改查功能，實(shí)現(xiàn)的方式大概與新聞管理相同，相對(duì)而言資料添加的界面比較簡(jiǎn)單些，如圖 所示，主要代碼如下： 常州大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 第 25 頁 共 35 頁 圖 教學(xué)資料添加 當(dāng)然，對(duì)于非空驗(yàn)證也是有的，編號(hào)，名稱，類別，簡(jiǎn)介，附件這些都是必須要填寫的，否則無法提交 。bianhao39。text39。bianhao39。39。mingcheng39。text39。mingcheng39。39。5039。leibie39。leibie39。jianjie39。5039。539。jianjie39。fujian39。text39。fujian39。5039。39。button39。上傳 39。fujian39。 學(xué)習(xí)視頻管理 學(xué)習(xí)視頻管理具備最基本的增刪改查，教師可以上傳用來學(xué)習(xí)的視頻給同學(xué)觀看，而且教學(xué)視頻管理這個(gè)模塊和新聞管理也是基本類似的。bianhao39。text39。bianhao39。39。mingcheng39。text39。mingcheng39。39。5039。zhujiangren39。text39。zhujiangren39。39。wenjian39。text39。wenjian39。5039。39。button39。上傳 39。wenjian39。主要代碼： % String ymm=(ymm)。 ResultSet RS_result=(select * from [allusers] where username=39。)。 if((ymm)) {String sql=update allusers set pwd=39。 where username=39。 (sql)。 } else { (scriptalert(39。)。/script)。% 定義一個(gè) check()方法 ,然后綁定在一個(gè)事件上（確定按鈕上），當(dāng)點(diǎn)擊確定按鈕時(shí)，會(huì)觸發(fā)此事件，調(diào)用方法來驗(yàn)證。 ()。} if(==) {alert(請(qǐng)輸入密碼 )。 return false。 ()。} if(!=) {alert(兩次密碼不一致 ,請(qǐng)確認(rèn) )。 =。 return fals