【文章內(nèi)容簡(jiǎn)介】 數(shù)據(jù) 做了實(shí)時(shí)表單驗(yàn)證，當(dāng)用戶輸入的內(nèi)容有誤，不填或者填寫(xiě)錯(cuò)誤信息時(shí)系統(tǒng) 都 會(huì)自動(dòng)提示 ，以 保證用戶在提交時(shí)已經(jīng)獲得了正確的數(shù)據(jù)。 比如，如下截圖表示 當(dāng)用戶名為空時(shí)提示“不能為空” 的錯(cuò)誤提示信息 。 輸入用戶名后系統(tǒng)開(kāi)始驗(yàn)證 。 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 18/72 頁(yè) 若此用戶名已存在 （ 注冊(cè)的用戶與現(xiàn)在數(shù)據(jù)庫(kù)的一個(gè)客戶的用戶名稱相同，系統(tǒng)不允許 ） ，系統(tǒng)提示“此用戶名已占用” 。 若用戶名不存在 ，系統(tǒng) 則給出提示“有效用戶名” 。 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 19/72 頁(yè) 用戶 在系統(tǒng)中成功地注冊(cè)了個(gè)人相關(guān)的信息 后， 將 進(jìn)入登陸界面。 在登錄 表單中 用戶輸入用戶名、密碼、選擇登陸后，系統(tǒng)會(huì)有 成功或者錯(cuò)誤的信息 提示 。 選課頁(yè)面局部刷新 （ 1）系統(tǒng)的 選課頁(yè)面 輸入課程號(hào)，若此課程還未被 選擇，則課程列表會(huì)自動(dòng)添加新選課程，但整個(gè)頁(yè)面不會(huì)刷新，而且學(xué)分也會(huì)自動(dòng)更新為新的值 。 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 20/72 頁(yè) 若課程不存在，系統(tǒng)則給出提示“無(wú)效課程號(hào)” 。 若此課程已選擇，系統(tǒng)則給出提示“已經(jīng)選擇該課程” 。 課表中的課程信息自動(dòng)提示 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 21/72 頁(yè) 生成課表后，將鼠標(biāo) 移至某 一門(mén)課程名上，會(huì)相應(yīng)彈出課程介紹 。 實(shí)現(xiàn) 彈出提示 框 的 JavaScript 程序代碼示例如下： var datadiv。 var datatablebody。 var curelement。 var bkelement。 var xmlreq。 var flag = 0。 function createxmlrequest() { if () { xmlreq = new XMLHttpRequest()。 } else { if () { try { xmlreq = new ActiveXObject()。 } catch (e) { try { xmlreq = new ActiveXObject()。 } 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 22/72 頁(yè) catch (e) { } } } } } function getdetail(element) { datatablebody = (databody)。 datadiv = (popup)。 curelement = element。 bkelement = element。 createxmlrequest()。 var url = ?id= + escape()。 (get, url, true)。 = responseproc。 (null)。 } function responseproc() { if ( == 1) { flag = 1。 setdata(\u6b63\u5728\u52a0\u8f7d\u8fde\u63a5\u5bf9\u8c61......)。 } if ( == 4) { if ( == 200) { flag = 0。 setdata()。 } else { (\u60a8\u8bf7\u6c42\u7684\u9875\u9762\u6709\u9519\u8bef)。 } } 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 23/72 頁(yè) } function setdata(data) { if (flag == 0) { cleardata()。 setoffsets()。 createrow(data)。 } else { cleardata()。 setoffsets()。 settips(data)。 } } function createrow(data) { var row,cell,bold,txtnode。 row=(tr)。 cell=(td)。 bold=(b)。 (align,right)。 txtnode=(課程名稱： )。 (txtnode)。 (bold)。 (cell)。 cell=(td)。 txtnode=((name)[0].)。 (txtnode)。 (cell)。 (row)。 row=(tr)。 cell=(td)。 bold=(b)。 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 24/72 頁(yè) (align,right)。 txtnode=(任課教師： )。 (txtnode)。 (bold)。 (cell)。 cell=(td)。 txtnode=((teacher)[0].)。 (txtnode)。 (cell)。 (row)。 row=(tr)。 cell=(td)。 bold=(b)。 (align,right)。 txtnode=(學(xué)分： )。 (txtnode)。 (bold)。 (cell)。 cell=(td)。 txtnode=((credit)[0].)。 (txtnode)。 (cell)。 (row)。 row=(tr)。 cell=(td)。 bold=(b)。 (align,right)。 txtnode=(學(xué)時(shí)： )。 (txtnode)。 (bold)。 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 25/72 頁(yè) (cell)。 cell=(td)。 txtnode=((period)[0].)。 (txtnode)。 (cell)。 (row)。 row=(tr)。 cell=(td)。 bold=(b)。 (align,right)。 txtnode=(上課地點(diǎn)： )。 (txtnode)。 (bold)。 (cell)。 cell=(td)。 txtnode=((position)[0].)。 (txtnode)。 (cell)。 (row)。 row=(tr)。 cell=(td)。 bold=(b)。 (width,85)。 (align,right)。 (vAlign,top)。 txtnode=(課程描述： )。 (txtnode)。 (bold)。 (cell)。 cell=(td)。 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 26/72 頁(yè) (width,150)。 txtnode=((description)[0].a)。 (txtnode)。 (cell)。 (row)。 } function settips(data) { var row, cell, txtnode。 row = (tr)。 cell = (td)。 txtnode = (data)。 (txtnode)。 (cell)。 (row)。 } function setoffsets() { = black 1px solid。 var top = 0。 var left = 0。 curelement = bkelement。 while (curelement) { top += curelement[offsetTop]。 left += curelement[offsetLeft]。 curelement = 。 } left += 120。 top = 25。 = left + px。 = top + px。 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 27/72 頁(yè) } function cleardata() { datatablebody = (databody)。 datadiv = (popup)。 var ind = 。 for (var i = ind 1。 i = 0。 i) { ([i])。 } = none。 } 彈出提示的位置都是依照當(dāng)前鼠標(biāo)位置動(dòng)態(tài)計(jì)算出 ， 課程介紹的信息都是從后臺(tái)數(shù)據(jù)庫(kù)中實(shí)時(shí)取出并在瀏覽器中顯示 。 與課程表相關(guān)的 XSL 配置定義文件的代碼示例如下： ?xml version= encoding=GB2312 ? xsl:stylesheet version= xmlns:xsl= xsl:template match=/ xsl:applytemplates / /xsl:template xsl:template match=學(xué)生課程表 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 28/72 頁(yè) div align=center h1學(xué)生課表 /h1 /div br / xsl:applytemplates / /xsl:template xsl:template match=學(xué)生信息 div align=center table border=1 tr tdb姓名 :/b/td td xsl:valueof select=姓名 / /td /tr tr tdb性別 :/b/td td xsl:valueof select=性別 / /td /tr tr tdb出生日期 :/b/td td xsl:valueof select=出生日期 / /td /tr tr tdb專業(yè) :/b/td td 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 29/72 頁(yè) xsl:valueof select=專業(yè) / /td /tr tr tdb班級(jí) :/b/td td xsl:valueof select=班級(jí) / /td /tr tr tdb電子郵件 :/b/td td xsl:valueof select=電子郵件 / /td /tr /table /div br / br / /xsl:template xsl:template match=課表 bfont color=blue提示：鼠標(biāo)懸停在課程上課查看詳細(xì)信息 /font/b div align=center table border=1 width=85% th width=3%/th th width=%b星期一 /b/th th width=%b星期二 /b/th th width=%b星期三 /b/th th width=%b星期四 /b/th th width=%b星期五 /b/th 楊教授 大學(xué)堂 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授 大學(xué)堂 ，版權(quán)所有，盜版必究 。 30/72 頁(yè) th width=%b星期六 /b/th th width