【導(dǎo)讀】精品課程網(wǎng)站是精品課程建設(shè)和評價的窗口，是精品課程網(wǎng)絡(luò)化學(xué)習(xí)的平。臺，也是精品課程示范幅射的載體,同時也有助于老師與學(xué)生的交流。品課程網(wǎng)站的建設(shè)意義十分重大。本精品課程網(wǎng)站就是為了順應(yīng)時代要求而設(shè)計的。本網(wǎng)站系統(tǒng)的開發(fā)是基于。B/S結(jié)構(gòu)，采用JSP程序設(shè)計語言及SqlServer數(shù)據(jù)庫進(jìn)行開發(fā)。進(jìn)行了重點詳細(xì)介紹，并給出了具體實現(xiàn)步驟；通過測試分析。定、可靠，界面友好，具有一定的實用價值。

　　

【正文】 table width=100% border=1 align=center cellpadding=3 cellspacing=1 bordercolor=00FFFF style=bordercollapse:collapse trtd標(biāo)題： /tdtdinput name=39。biaoti39。 type=39。text39。 id=39。biaoti39。 value=39。39。 size=39。5039。 / */td/tr trtd類別： /tdtdinput name=39。leibie39。 type=39。text39。 id=39。leibie39。 value=39。39。 / */td/tr trtd內(nèi)容： /tdtdtextarea name=neirong style=display:none/textareaiframe ID=eWebEditor1 src= frameborder=0 scrolling=no width=600 HEIGHT=350/iframe/td/trtrtd添加人： /tdtdinput name=39。tianjiaren39。 type=39。text39。 id=39。tianjiaren39。 value=39。%=().getAttribute(username)%39。/ */td/tr trtd首頁圖片： /tdtdinput name=39。shouyetupian39。 type=39。text39。 id=39。shouyetupian39。 size=39。5039。 value=39。39。 / input type=39。button39。 value=39。上傳 39。 onClick=up(39。shouyetupian39。)//td/tr trtd點擊率： /tdtdinput name=39。dianjilv39。 type=39。text39。 id=39。dianjilv39。 value=39。139。 / */td/tr trtd /td tdinput type=submit name=Submit value=提交 onClick=return check()。 /input type=reset name=Submit2 value=重置 //td 而圖片上傳則是調(diào)用了 js中 up()方法，然后綁定事件， 觸發(fā)此事件。如圖所示 ，主要代碼如下： 圖 上傳成功界面 function up(tt){ var pop=new Popup({ contentType:1,isReloadOnClose:false,width:300,height:50})。 (contentUrl,?Result=+tt)。 (title,文件上傳 )。 ()。 ()。 } 新聞查詢是模糊查詢，只需要輸入標(biāo)題的關(guān)鍵字，便可找到，而刪除功能則和上面的用戶管理一樣。如圖 ，查詢功能主要代碼如下： 常州大學(xué)本科生畢業(yè)設(shè)計 （論文） 第 23 頁 共 35 頁 圖 新聞查詢界面 if((biaoti)== ||(biaoti)==null ){}else{sql=sql+ and biaoti like 39。%+new String((biaoti).getBytes(8859_1))+%39。} sql=sql+ order by id desc。 ResultSet RS_result=(sql)。 String id=。 String biaoti=。String leibie=。String neirong=。String tianjiaren=。String shouyetupian=。String dianjilv=。 String addtime=。 int i=0。 while(()){ i=i+1。 id=(id)。 biaoti=(biaoti)。 leibie=(leibie)。 tianjiaren=(tianjiaren)。 shouyetupian=(shouyetupian)。 dianjilv=(dianjilv)。 addtime=(addtime)。% tr td width=30 align=center%=i %/td td%=biaoti %/tdtd%=leibie %/tdtd%=tianjiaren %/tdd 而新聞的修改功能，則是帶著原有的參數(shù)轉(zhuǎn)到修改頁面去，而 修改頁面則和添加頁面差不多，如圖 ，修改功能的主要代碼如下： 常州大學(xué)本科生畢業(yè)設(shè)計 （論文） 第 24 頁 共 35 頁 圖 修改新聞通知 : brbr % String sql=select * from xinwentongzhi where id=+id。 String biaoti=。String leibie=。String neirong=。String tianjiaren=。String shouyetupian=。String dianjilv=。 ResultSet RS_result=(sql)。 while(()){ biaoti=(biaoti)。leibie=(leibie)。neirong=etString(neirong)。tianjiaren=(tianjiaren)。shouyetupian=tring(shouyetupian)。dianjilv=(dianjilv)。 } % 教學(xué)資料管理 教學(xué)資料管理也具備最基本的增刪改查功能，實現(xiàn)的方式大概與新聞管理相同，相對而言資料添加的界面比較簡單些，如圖 所示，主要代碼如下： 常州大學(xué)本科生畢業(yè)設(shè)計 （論文） 第 25 頁 共 35 頁 圖 教學(xué)資料添加 當(dāng)然，對于非空驗證也是有的，編號，名稱，類別，簡介，附件這些都是必須要填寫的，否則無法提交。主要代碼如下： 添加資料下載 : table width=100% border=1 align=center cellpadding=3 cellspacing=1 bordercolor=00FFFF style=bordercollapse:collapse trtd編號： /tdtdinput name=39。bianhao39。 type=39。text39。 id=39。bianhao39。 value=39。39。 / */td/tr trtd名稱： /tdtdinput name=39。mingcheng39。 type=39。text39。 id=39。mingcheng39。 value=39。39。 size=39。5039。 / */td/tr trtd類別： /tdtdselect name=39。leibie39。 id=39。leibie39。 option value=教學(xué)課件 教學(xué)課件 /option option value=常用軟件 常用軟件 /option option value=通知公告 通知公告 /option option value=雜志文獻(xiàn) 雜志文獻(xiàn) /option trtd簡介： /tdtdtextarea name=39。jianjie39。 cols=39。5039。 rows=39。539。 id=39。jianjie39。/textarea/td/tr trtd附件： /tdtdinput name=39。fujian39。 type=39。text39。 id=39。fujian39。 size=39。5039。 value=39。39。 / input type=39。button39。 value=39。上傳 39。 onClick=up(39。fujian39。)//td/tr 而資料的上傳功能與新聞圖片的上傳基本一樣的，都要觸發(fā)了相同的事件。 學(xué)習(xí)視頻管理 學(xué)習(xí)視頻管理具備最基本的增刪改查，教師可以上傳用來學(xué)習(xí)的視頻給同學(xué)觀看，而且教學(xué)視頻管理這個模塊和新聞管理也是基本類似的。如圖 所示，添加視頻的主要的代碼： 常州大學(xué)本科生畢業(yè)設(shè)計 （論文） 第 26 頁 共 35 頁 圖 添加學(xué)習(xí)視頻界面 添加學(xué)習(xí)視頻 : table width=100% border=1 align=center cellpadding=3 cellspacing=1 bordercolor=00FFFF style=bordercollapse:collapse trtd編號：/tdtdinput name=39。bianhao39。 type=39。text39。 id=39。bianhao39。 value=39。39。 / */td/tr trtd名稱： /tdtdinput name=39。mingcheng39。 type=39。text39。 id=39。mingcheng39。 value=39。39。 size=39。5039。 / */td/tr trtd主講人： /tdtdinput name=39。zhujiangren39。 type =39。text39。 id=39。zhujiangren39。 value=39。39。 //td/tr trtd內(nèi)容： /tdtdtextarea name=neirong style=display:none/textareaiframe ID=eWebEditor1 src= frameborder=0 scrolling=no width=600 HEIGHT=350/iframe/td/tr trtd文件： /tdtdinput name=39。wenjian39。 type=39。text39。 id=39。wenjian39。 size=39。5039。 value=39。39。 / input type=39。button39。 value=39。上傳 39。 onClick=up(39。wenjian39。)/ */td/tr 修改密碼 當(dāng)修改密碼時首先要先輸入正確的密碼，否則無法修改密碼，同時新密碼要與確認(rèn)的密碼相同，否則同樣不能修改密碼，同時輸入框不能為空，如圖 常州大學(xué)本科生畢業(yè)設(shè)計 （論文） 第 27 頁 共 35 頁 圖 修改密碼界面 1 通過調(diào)用數(shù)據(jù)庫中表中的原密碼與輸入框的密碼進(jìn)行比較，若相同，則修改成功，反之，修改失敗。主要代碼： % String ymm=(ymm)。 String xmm1=(xmm1)。 ResultSet RS_result=(select * from [allusers] where username=39。+().getAttribute(username)+39。)。 String pwd=(pwd)。 if((ymm)) {String sql=update allusers set pwd=39。+xmm1+39。 where username=39。+().getAttribute(username)+39。 (sql)。 ()。 } else { (scriptalert(39。對不起 ,您的原密碼不正確 ,請重試 !39。)。(1)。/script)。 }}()。% 定義一個 check()方法 ,然后綁定在一個事件上（確定按鈕上），當(dāng)點擊確定按鈕時，會觸發(fā)此事件，調(diào)用方法來驗證。 如圖 ， 主要代碼如下： 圖 2 function check(){ if(==) 常州大學(xué)本科生畢業(yè)設(shè)計 （論文） 第 28 頁 共 35 頁 {alert(請輸入原密碼 )。 ()。 return false。} if(==) {alert(請輸入密碼 )。 ()。 return false。} if(==) {alert(請輸入確認(rèn)密碼 )。 ()。 return false。} if(!=) {alert(兩次密碼不一致 ,請確認(rèn) )。 =。 =。 ()。 return false。 }} 留言管理 此模塊顯示了所有的留言，主要是用來讓管理員（教師）對學(xué)生的提問，給予回復(fù)，而對于惡意的留言管理員也有權(quán)刪除。如圖 圖 留言管理主界面 管理員可以根據(jù)留言板上的內(nèi)容，來選擇要回復(fù)的對象和內(nèi)容，回復(fù)后會提交到數(shù)據(jù)庫表中，然后前臺會顯示回復(fù)內(nèi)容。如圖 64所示，主要代碼如下： 圖 回復(fù)留言界面 String huifuneirong=(huifuneirong)。 String id=(id)。 String sql=update liuyanban set huifu