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