【導(dǎo)讀】通過在線學(xué)習(xí)系統(tǒng)的建設(shè)，完成了對(duì)于在線學(xué)習(xí)課程的遠(yuǎn)程化授課。時(shí)間空間的限制，通過在線對(duì)于這門課程進(jìn)行學(xué)習(xí)。建立起了基于B/C的在線化在線學(xué)習(xí)。本系統(tǒng)采用當(dāng)前最流行的JSP在線編程技術(shù)，可以實(shí)現(xiàn)數(shù)據(jù)的高效、動(dòng)態(tài)、交互訪。問，具有強(qiáng)大的Server/Client交互能力。本文中所做的主要工作：介紹Win2020. +JSP系統(tǒng)并且嵌入JAVABEAN的一般原理；闡述整個(gè)在線學(xué)習(xí)系統(tǒng)的概要設(shè)

　　

【正文】 nt 內(nèi)容 VARCHAR（ 300） 成績(jī)管理模塊數(shù)據(jù)庫（ score_gd）中的注冊(cè)登陸表（ gzmy_manage_user），記錄用戶，管理員注冊(cè)登陸的相關(guān)信息。 Id用于唯一的標(biāo)識(shí)用戶；通過輸入 管 32 理員帳號(hào)，名字，密碼來進(jìn)行登陸的身份驗(yàn)證，在數(shù)據(jù)庫表中會(huì)存儲(chǔ)相關(guān)的信息；一旦忘記密碼或丟失密碼，用戶可以通過密碼提示問題，并且輸入問題答案進(jìn)行驗(yàn)證，返回密碼，如表 43 所示。 表 43 gzmy_manage_user注冊(cè)登陸表 序號(hào) 字段的英文名稱 中文含義 字段類型及其精度 數(shù)據(jù)說明 是否主碼 1 Manager_user_id 標(biāo)識(shí) 自動(dòng)增加 int(4) NOTNULL P 2 Manager_user_nick 管理員帳號(hào) VARCHAR（ 20） 3 Manager_user_name 管理員名字 VARCHAR（ 20） 4 Manager_user_pwd 管理員密碼 VARCHAR（ 20） 5 Manager_user_quet 密碼提示問題 VARCHAR（ 100） 6 Manager_user_answ 問題答案 VARCHAR（ 100） 7 Manager_user_sign 文章所屬焦點(diǎn) INT（ 4） 成績(jī)管理模塊數(shù)據(jù)庫（ score_gd）中的成績(jī)管理表（ gzmy_mili_info），如表44 所示。記錄學(xué)生的成績(jī)具體情況。 Msgid 具體 標(biāo)識(shí)學(xué)生，作為該表的主鍵；學(xué)號(hào)，成績(jī)一一對(duì)應(yīng)；姓名記錄學(xué)生的姓名；修改日期用來記錄修改成績(jī)的時(shí)間；排序進(jìn)行成績(jī)的排序。 表 44 gzmy_mili_info 成績(jī)管理表 序號(hào) 字段的英文名稱 中文含義 字段類型及其精度 數(shù)據(jù)說明 是否主碼 1 Msgid 標(biāo)識(shí) 自動(dòng)增（ BIGINT） NOTNULL P 2 Xuehao 學(xué)號(hào) VARCHAR（ 10） 3 Content 成績(jī) VARCHAR（ 10） 4 Name 姓名 VARCHAR（ 50） 5 Usedate 修改日期 DATETIME（ 8） NOTNULL 6 Seq 排序 INT(4) 33 34 第 5 章 系統(tǒng)詳細(xì)設(shè)計(jì) 登陸模塊的設(shè)計(jì) 保證系統(tǒng)的安全，系統(tǒng)瀏覽之前會(huì)有登陸界面，來區(qū)分用戶及管理員的權(quán)限。可以說登陸系統(tǒng)就是系統(tǒng)的大門，沒有鑰匙就無法進(jìn)入 [6]。該系統(tǒng)主要針對(duì)本門課程的學(xué)生以及教師，因此在數(shù)據(jù)庫中直接錄入學(xué)生或教師的用戶名，系統(tǒng)設(shè)置一個(gè)初始密碼，學(xué)生或教師可以自行修改密碼，達(dá)到保密的效果，如圖 51 所示。 圖 51 登陸頁面 課堂在線學(xué)習(xí)無疑是在線學(xué)習(xí)系統(tǒng)的重點(diǎn) ，在這一模塊中我們通過詢問任課老師了解到。在這一模塊之中應(yīng)該有所學(xué)課程的簡(jiǎn)介，學(xué)習(xí)指導(dǎo)，課程練習(xí)等功能。因此我們 系統(tǒng)的課堂在線學(xué)習(xí)模塊的結(jié)構(gòu) ,系統(tǒng)的課堂在線學(xué)習(xí)模塊的結(jié)構(gòu) ,如圖 52 所示。 test/ 用于進(jìn)行自我測(cè)試版塊。 用于課程簡(jiǎn)介。 用于課程簡(jiǎn)介。 用于課堂在線學(xué)習(xí)主體。 以下為 Java script 語言的一些風(fēng)格設(shè)置函數(shù)。 登陸成功？ 開 始 管理員操作 教師操作 學(xué)生操作 報(bào) 錯(cuò) 結(jié) 束 Ｎ Ｙ 35 圖 52 課堂在線學(xué)習(xí)模塊結(jié)構(gòu)圖 link rel=stylesheet href= type=text/css script language=JavaScript type=text/JavaScript ! MM_reloadPage(true)。 function MM_findObj(n, d) { // var p,i,x。 if(!d) d=document。 if((p=(?))0amp。amp。) { d=[(p+1)].document。 n=(0,p)。} if(!(x=d[n])amp。amp。) x=[n]。 for (i=0。!xamp。amp。i。i++) x=[i][n]。 for(i=0。!xamp。amp。amp。amp。i。i++) 課 堂 教 學(xué) 課程簡(jiǎn)介 使用說明 學(xué)習(xí)指導(dǎo) 課程指導(dǎo) 課程練習(xí) 課程公告 瀏覽信息 返回主頁 瀏覽簡(jiǎn)介 返回主頁 瀏覽說明 返回主頁 進(jìn)行指導(dǎo) 返回主頁 作自測(cè)題 重新作題 瀏覽公告 返回主頁 36 x=MM_findObj(n,[i].document)。 if(!x amp。amp。 ) x=(n)。 return x。 } function MM_showHideLayers() { // var i,p,v,obj,args=。 for (i=0。 i()。 i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]。 if () { obj=。 v=(v==39。show39。)?39。visible39。:(v==39。hide39。)?39。hidden39。:v。 } =v。 } } // /script 自我測(cè)試是課堂在線學(xué)習(xí)版塊設(shè)計(jì)過程中一個(gè)非常重要的部分，對(duì)于每次提交的答案，根據(jù)程序，對(duì)其進(jìn)行比較判斷。在 JSP 中有一個(gè)非常重 要對(duì)象 session網(wǎng)頁是一種無狀態(tài)的程序，從服務(wù)器端無法了解客戶端的瀏覽狀態(tài)。要記錄用戶的相關(guān)信息，維持會(huì)話狀態(tài)， JavaServlet 提供了一個(gè)在多個(gè)請(qǐng)求之間持續(xù)有效的會(huì)話對(duì)象。 session 支持這個(gè)功能，與 application 對(duì)象不同的是 session 保存?zhèn)€人信息， application 保存公共信息 [5]。因此可以取得 session 的數(shù)據(jù)來計(jì)算作題的時(shí)間。本系統(tǒng)實(shí)現(xiàn)的只是對(duì)于用戶多作題的判斷，輸出結(jié)果。 以下為學(xué)生提交自測(cè)題后，用于評(píng)判的程序： for ( var i=0 。 i 。 i++ ) {var obj=[i]。 if ( 0 amp。amp。 [0].type==radio ) { for(var j=0 。 j 。 j++) {var element=[j]。 if(==radio amp。amp。 ) ssanswer[sn]=。 37 } if ( !ssanswer[sn] )ssanswer[sn]=未答 。 if ( ssanswer[sn] == ) {totalscore+=ssscore。 message+=tr align=center bgcolor=39。CCFFCC39。 valign=center} else {flag=0。 message+=tr align=center bgcolor=39。CCFFCC39。 } sn++。 } else if ( 0 amp。amp。 [0].type==checkbox ) {for(var j=0 。 j 。 j++) {element=[j]。 if(==checkbox amp。amp。 ) {if (!msanswer[mn]) msanswer[mn]=。 else msanswer[mn]+=。 } if(!msanswer[mn]) msanswer[mn]=未答 。 if ( msanswer[mn] == ) {totalscore+=msscore。} else {flag=0。} mn++。 } } 課程的簡(jiǎn)介主要介紹計(jì)算機(jī)系統(tǒng)的核心軟件 在線學(xué)習(xí)的基本概念、基本原 38 理、主要功能及實(shí)現(xiàn)技術(shù)。重點(diǎn)討論在線學(xué)習(xí)資源管理策略和方法、在線學(xué)習(xí)對(duì)并發(fā)活動(dòng)的處理、在線學(xué)習(xí)的結(jié)構(gòu)和用戶界面。 使用說明主要說明使用本課件的方法。學(xué)習(xí)指導(dǎo)：對(duì)學(xué)習(xí) 《在線學(xué)習(xí)原理》課程給予指導(dǎo)。課程學(xué)習(xí)：本課件的核心部分，包括在線學(xué)習(xí)原理的學(xué)習(xí)內(nèi)容及其它必要環(huán)節(jié)。老師可以在課堂上當(dāng)作課件作為課堂板書使用。學(xué)生可以當(dāng)作自己學(xué)習(xí)的書本。課程練習(xí)：在線自測(cè)，通過若干組自測(cè)題進(jìn)行練習(xí)，并可及時(shí)了解測(cè)試結(jié)果。左側(cè)的目錄欄可以直接作為課程學(xué)習(xí)的導(dǎo)航區(qū)，成樹狀。方便學(xué)生進(jìn)行課程章節(jié)的查找。如下為分支的設(shè)計(jì)程序： function Switch (dvn) {var ExpandSign=。 if ( CloseOther ) { for ( var i=0。 i (DIV).length 。 i++ ) { ExpandSign=none。 for ( var JudgeLength=1。 JudgeLength = 。 JudgeLength++ ) {var CurStr=(0,JudgeLength)。 if ( (DIV)[i].id == CurStr ) {ExpandSign=。 break。}} if ( ExpandSign != ) (DIV)[i].=none。 } } if (==none) {=。} else {if (==) {=none。} 39 } } 有兩種方法進(jìn)入課堂在線學(xué)習(xí)，點(diǎn)擊首頁的“進(jìn)入課堂在線學(xué)習(xí)”進(jìn)入 “緒論”的第一頁，或者點(diǎn)擊首頁導(dǎo)航區(qū)的標(biāo)題按鈕進(jìn)入相應(yīng)的章節(jié)。在任一頁面，都有關(guān)于本章、本節(jié)、本知識(shí)點(diǎn)的鏈接，同時(shí)相鄰的知識(shí)點(diǎn)之間也有鏈接，使得跳轉(zhuǎn)非常方便。對(duì)內(nèi)容較多的知識(shí)點(diǎn)進(jìn)行分頁，相鄰的頁之間有鏈接。另外，每一章都安排了練習(xí)，可以點(diǎn)擊每章的“本章練習(xí)”進(jìn)入；并集中列出了本章的關(guān)鍵字，可以點(diǎn)擊每章的“本章關(guān)鍵字”進(jìn)入。在練習(xí)和關(guān)鍵字頁面，都有到本章內(nèi)容的鏈接；在關(guān)鍵字頁面，點(diǎn)擊上面框中的關(guān)鍵字，可以在下面框中看到該關(guān)鍵字的解釋，解釋后面還附 了關(guān)鍵字所在頁面的鏈接，可以點(diǎn)擊進(jìn)入。此外可以在留言版上對(duì)《在線學(xué)習(xí)原理》的在線學(xué)習(xí)系統(tǒng)的建設(shè)提出寶貴意見。 留言反饋模塊的結(jié)構(gòu)如圖 53所示。 回復(fù)用戶留言 管理用戶信息 留 言 反 饋 用戶填寫留言信息 查看回復(fù)信息 給管理員發(fā)郵件 用戶 管理員 回復(fù)用戶郵件 留言管理 查看用戶 IP 地址 40 圖 53 留言反饋模塊結(jié)構(gòu)圖 本模塊為 JSP+Jeans+文本留言簿，進(jìn)行簡(jiǎn)單說明。 為 CSS 樣式文件，統(tǒng)一該版塊的風(fēng)格，使頁面看起來美觀一致； 全局變量（用戶自定義參數(shù)，手動(dòng)修改，包括管理密碼）； 瀏覽留言 在本界面中留言者得輸入姓名，電子郵件，主 頁名稱，主頁地址，選擇性別，選擇個(gè)性頭像，填寫留言內(nèi)容； 簽寫留言； 回復(fù)留言， 刪除留言， 查看留言者 IP 但先得輸入管理員的密碼才能進(jìn)行操作； 如下為回復(fù)留言的主要程序： if((remsg) != null){ remsg = new String((remsg).getBytes(ISO88591))。 } if((html) != null){ html = (html)。 checkData cData = new checkData(remsg)。//初始化實(shí)例 if((yes) == true){//如果使用 HTML 格式回復(fù)留言 remsg = (false)。 //則屏蔽掉清除 HTML 代碼的代碼 } else {//否則保留該代碼 remsg = (false)。 } } String s1 = 。 //調(diào)用 Beans 取得該 ID 的文件內(nèi)容 (file)。 String s = new String(())。 String[] tmp = (sp1)。 String[] tmps。 int i = 0。 41 StringBuffer sb = ne