【導(dǎo)讀】創(chuàng)新設(shè)計(jì)，又針對(duì)本課題的研究重點(diǎn)和難點(diǎn)做了說(shuō)明。緊接著本文介紹了Ajax和。JavaScript技術(shù)，通過(guò)對(duì)Ajax的組成、基本原則和原理以及JavaScript的優(yōu)點(diǎn)和可使用。的對(duì)象這些方面深入了解了Ajax和JavaScript原理。在這個(gè)理論的基礎(chǔ)上，對(duì)系統(tǒng)的功。能設(shè)計(jì)的各方面進(jìn)行了闡述，比如設(shè)計(jì)原則，架構(gòu)設(shè)計(jì)，功能設(shè)計(jì)和角色設(shè)計(jì)。詳盡的敘述，還特意針對(duì)系統(tǒng)的特色模塊配以圖表來(lái)分析，使得整個(gè)結(jié)構(gòu)更為清晰。最后對(duì)系統(tǒng)整個(gè)的測(cè)試情況作了介紹。今后的擴(kuò)展奠定了堅(jiān)實(shí)的基礎(chǔ)。Keywords：Ajax，JavaScript，Roleandprivilege，Creategroup

　　

【正文】 LEGE） 表 權(quán)限表（ PRIVILEGE） 表 權(quán)限 URL 表（ PRIVILEGEURL） 表 URL 表（ URL） 通過(guò)底層 URL 為單元，一些 URL 形成一個(gè)權(quán)限，一些權(quán)限又形成一個(gè)角色，為每一個(gè)用戶(hù)分配一個(gè)具體的角色?？梢钥闯觯巧强梢宰詣?dòng)定制的 。 角色權(quán)限表 (ROLEPRIVILEGE) 字段名稱(chēng) 字段描述 字段類(lèi)型 備注 RoleID 角色編號(hào) Varchar(20) FK PrivilegeID 權(quán)限編號(hào) Varchar(20) FK 權(quán)限 表 (PRIVILEGE) 字段名稱(chēng) 字段描述 字段類(lèi)型 備注 PrivilegeID 權(quán)限編號(hào) Varchar(20) PK PrivilegeName 權(quán)限名稱(chēng) Varchar(20) NOT NULL 權(quán)限 URL 表 (PRIVILEGEURL) 字段名稱(chēng) 字段描述 字段類(lèi)型 備注 PrivilegeID 權(quán)限編號(hào) Varchar(20) FK UrlID URL 編號(hào) Varchar(20) FK URL 表 (URL) 字段名稱(chēng) 字段描述 字段類(lèi)型 備注 UrlID URL 編號(hào) Varchar(20) PK Url URL 地址 Varchar(20) NOT NULL UrlName URL 名稱(chēng) Varchar(20) NULL 畢業(yè)設(shè)計(jì)（論文） 第 18 頁(yè) . 課程細(xì)節(jié)模塊 分析 課程需要 添加教師、添加該課程所面對(duì)的年級(jí)班級(jí)， 添加實(shí)驗(yàn)、教材、簡(jiǎn)介、推薦書(shū)籍等等，其中為課程添加所面對(duì)的年級(jí)班級(jí)，以及 如何展示添加的年級(jí)班級(jí)成為了一個(gè)難點(diǎn)，難點(diǎn)并不是在實(shí)現(xiàn)上困難，而是 在于 如何 才能自然 展示 的方面。 考慮到學(xué)生表中就已經(jīng)有了年級(jí)班級(jí)信息，為了加快訪(fǎng)問(wèn)速度和不必要的數(shù)據(jù)冗余，我們并沒(méi)有另外新建一張年級(jí)班級(jí)信息表，而是通過(guò) SQL 語(yǔ)句來(lái)實(shí)現(xiàn)年級(jí)班級(jí)的列表選取。通過(guò)前后 3 次的實(shí)驗(yàn)分析，最終選擇了最后如下圖 （ 如 圖 — 圖 ） 的一種展示方法 ： 圖 課程細(xì)節(jié)展示頁(yè)面 畢業(yè)設(shè)計(jì)（論文） 第 19 頁(yè) 圖 點(diǎn)擊 2020級(jí) 查看 按鈕后的效果 圖 選擇 添加班級(jí)年級(jí) 畢業(yè)設(shè)計(jì)（論文） 第 20 頁(yè) 圖 添加了 2020級(jí) 01班后的效果 在課程細(xì)節(jié)的頁(yè)面上默認(rèn)顯示出該課程所有面對(duì)的年級(jí)（不一定是該年級(jí)的所有班，可能只是部分班級(jí)），然后在相應(yīng)年級(jí)出點(diǎn)擊查看即可看到該課程面對(duì)了這個(gè)年級(jí)的那些個(gè)班級(jí)，選擇“添加班級(jí)年級(jí)”，彈出對(duì)話(huà)框，里面是該課程為面向的所有年級(jí)班級(jí)列表，選擇后 一次刷新即可將數(shù)據(jù)填入 COURSECLASS 表，同時(shí)在該課程細(xì)節(jié)頁(yè)面上展示出來(lái)。 . 典型代碼分析 . AJAX 無(wú)刷新 代碼分析 后臺(tái) 采用了母版頁(yè)的設(shè)計(jì)，在母版頁(yè)加入下面的標(biāo)簽： 1 2 3 asp:ScriptManager ID=ScriptManager1 runat=server /asp:ScriptManager 代碼段 在需要實(shí)現(xiàn) GridView 分頁(yè)無(wú)刷新 的地方加入下面的標(biāo)簽： 畢業(yè)設(shè)計(jì)（論文） 第 21 頁(yè) 1 2 3 4 5 asp:UpdatePanel ID=UpdatePanel1 runat=server contenttemplate /contenttemplate /asp:UpdatePanel 代碼段 如果是在表格列編寫(xiě)的添加功能，要想實(shí)現(xiàn)添加無(wú)刷新，需要在列中建個(gè)表格，然后再加入標(biāo)簽： 1 2 3 4 5 6 7 8 9 10 11 asp:UpdatePanel ID=UpdatePanel2 runat=server contenttemplate Table ID=table1 runat=server tr td /td /tr /Table /contenttemplate /asp:UpdatePanel 代碼段 同時(shí) 在 該添加方法的代碼里面添加數(shù)據(jù)重新 綁 定的代碼，如： 1 2 3 4 5 6 7 8 9 10 11 protected void lbtnAddUrl_Click(object sender, EventArgs e) { = ()。 = 。 = 。 (urlData)。 BindData()。 // 數(shù)據(jù)重新綁定的代碼 = 。 = 。 } 代碼段 畢業(yè)設(shè)計(jì)（論文） 第 22 頁(yè) . JAVASCRIPT 角色權(quán)限代碼分析 RoleMgr 頁(yè)面： 1 2 3 a href=39。?roleID=%(Container, )% amp。roleName=%(Container, )%39。可訪(fǎng)問(wèn)權(quán)限 /a 代碼段 RolePrivilege 頁(yè)面： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 script language=javascript function showlist() { var r。 r = (?roleID=%=(Request[roleID]==null)?:Request[roleID] %, ,dialogWidth:650px。dialogHeight: 500px。)。 if(r!=undefinedamp。amp。r!=nullamp。amp。r!=null) { =?roleID=%=Request[roleID] %+ amp。roleName=%=Request[roleName] %+amp。privileges=+r+amp。sign=1。 //sign=1 表示窗體是因?yàn)樘砑?URL觸發(fā)的提交 } } /script 代碼段 RolePrivilege 頁(yè)面后臺(tái)： 1 2 3 4 5 6 7 8 9 10 11 private void AddPri() { if (Request[privileges] != null amp。amp。 Request[sign] == 1 amp。amp。 Request[roleID] != null) { string[] privileges = Request[privileges].Split(39。|39。)。 foreach (string privilege in privileges) { (Request[roleID], privilege)。 } (?roleID= + Request[roleID] + 畢業(yè)設(shè)計(jì)（論文） 第 23 頁(yè) 12 13 14 15 amp。roleName= + Request[roleName])。 } } 代碼段 PrivilegeList 頁(yè)面： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 script language=javascript type=text/JavaScript function nodatadisplay() //當(dāng)沒(méi)有數(shù)據(jù)的時(shí)候顯示 “暫時(shí)沒(méi)有可用連接 ” { var a = (grvPriList)。 if(a == null || 1) = block。 } function mm() //全選 { var a = (input)。 if(==true) { for (var i=0。 i。 i++) if (a[i].type == checkbox) a[i].checked = true。 } else { for (var i=0。 i。 i++) if (a[i].type == checkbox) a[i].checked = false。 } } var rv = 。 function getrv()//提交的時(shí)候返回所選擇的鏈接 ID { var a = (input)。 for (var i=0。 i。 i++) { if (a[i].type == checkboxamp。amp。a[i].name!=checkAllamp。amp。a[i].checked==true) { rv+=a[i].name+|。 } } if(1) { alert(請(qǐng)至少選擇一個(gè)選項(xiàng) )。 return false。 } else { rv = (0,)。 畢業(yè)設(shè)計(jì)（論文） 第 24 頁(yè) 35 36 37 38 39