【正文】 。83838339。 style=39。float:right。marginright:20px。39。 + result[i].CreateDate + /font/li。 } str += /ul。 if ( == 20) { str += a style=39。float:right。textdecoration: none。39。 href=39。 + $(.current).children(a).attr(href) + 39。更多.../a。 } $(maindiv).html(str)。} else { $(maindiv).html(無數(shù)據(jù).)。 } }, error: function(err) { alert(2)。 }廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 19 學習資源具體內(nèi)容如圖 52 所示：圖 52 學習資源具體內(nèi)容部分代碼如下： public void Init() { int id = (Request[id])。 SqlConnection conn = ()。 string sql = select * from Article Where ID=39。 + id + 39。 DataTable dt = (sql, conn)。 = [0][Title].ToString()。 = ([0][CreateDate]).ToLongDateString()。 switch ([0][Type].ToString()) { case 1: = 網(wǎng)絡(luò)攻擊相關(guān)知識 。 break。 case 2: = 網(wǎng)絡(luò)防御相關(guān)知識 。 break。 case 3: = 計算機病毒相關(guān)知識 。 break。 case 4: = 網(wǎng)絡(luò)法律法規(guī)相關(guān)知識 。 break。 case 5: = 文明上網(wǎng)相關(guān)知識 。 break。 case 6: = 大學生網(wǎng)絡(luò)安全意識 。 break。 default: = 未知。 break。 } = ?type= + [0][Type]。 = [0][Content].ToString()。 }廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 20 注冊模塊只為普通用戶提供注冊，新高級用戶和管理員的賬號統(tǒng)一由以前的管理員管理。新用戶根據(jù)年級注冊，填寫信息后提交申請，成功注冊后可返回首頁選擇登錄。注冊界面及相關(guān)截圖如下： 圖 53 注冊界面 圖 54 注冊成功 圖 55 賬號已存在 圖 56 兩次密碼輸入不相同注冊部分代碼如下：protected void btnSubmit_Click(object sender, EventArgs e) { SqlConnection conn = ()。 string sql = (insert into student([stu_num],[name],[password],[sex],[class_id]) values(39。{0}39。,39。{1}39。,39。{2}39。,39。{3}39。,39。{4}39。), (), (), (), == true ? : , )。 (sql, conn)。 ()。 }廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 21 用戶登錄模塊登陸模塊分為學員登陸、高級用戶登陸與管理員登陸。根據(jù)用戶自身的角色選擇相應登陸角色，不同的角色將授有不同的權(quán)限，登陸界面防止非法用戶非正常訪問系統(tǒng)。登錄界面如圖 57 所示：圖 57 登錄界面登錄部分代碼如下：result = ((), ())。 switch (result) { case 1: (Page, GetType(), 用戶不存在！！)。 break。 case 2: (Page, GetType(), 密碼錯誤?。?。 break。 case 0: Session[stu_num] = ()。 (student/)。 break。 }廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 22 學員可自主選擇試題，測試結(jié)束后通過查看測試記錄能立刻查詢到測試成績、試卷答題情況，還有正確答案，實現(xiàn)自主學習與糾正。學員還能對評測的試卷進行評論，以互動的方式和其他學員進行交流，也給出題者一些意見或者建議。學員界面如圖 58 所示：圖 58 學員界面 參與測試學員成功登錄之后，自主選擇試題，測試過程中可單獨保存部分題目答案。選擇試卷如圖 59 所示：圖 59 選擇試卷廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 23 同一試卷已測試提醒如圖 510 所示：圖 510 已測試提醒試卷界面如圖 511 所示：圖 511 試卷界面部分代碼如下：if ((styles) == 單選題 || (styles) == 判斷題){ for (int j = 0。 j 。 j++) { ++qNo。 int qid = (paper_id, qNo, con)。 string sql = insert into paper_done(paper_id, stu_id, qid, q_num, paper_style ) + values( + paper_id + , 39。 + stu_num + 39。, + qid + , + qNo + ,39。A39。)。 (sql, con)。 } }else if ((styles, con) == 多選題){ for (int j = 0。 j 。 j++) { ++qNo。 int qid = (paper_id, qNo, con)。 string sql = insert into paper_done(paper_id, stu_id, qid, q_num, paper_style) + values( + paper_id + , 39。 + stu_num + 39。, + qid + , + qNo + ,39。A39。)。 (sql, con)。 } }廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 24 查看評測記錄學員提交試卷后可通過查看測試記錄能立刻查詢到評測成績、試卷答題情況，還有正確答案，實現(xiàn)自主學習與糾正。學員根據(jù)系統(tǒng)評分和建議了解自己對網(wǎng)絡(luò)安全知識技能的掌握程度以及需要繼續(xù)改進之處。查看評測記錄如圖 512 所示：圖 512 查看評測記錄查看答題情況和答案如圖 513 所示：圖 513 查看答題情況和答案廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 25 查看答題情況和答案部分代碼如下：//用戶選的答案string abc = getUserAnswer(qid, con)。for (int j = 0。 j = optionsAll 1。 j++){ string strABC = ([j][0])。 string strOption = ([j][1])。 ListItem li = new ListItem()。 = strABC。 = strABC + . + strOption。 if ((strABC)) = true。 (li)。 }Literal litAn = new Literal()。 //題目正確答案 = br正確答案： + (qid, con) + br。(litAn)。 //打印 評論反饋學員還能對評測的試卷進行評論，以互動的方式和其他學員進行交流，也給出題者一些意見或者建議。評論反饋如圖 514 所示：圖 514 查看評論廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 26 圖 515 回復評論回復評論部分代碼如下： string sql = (insert into Comment([Content],[CreateDate],[name],[ParentID],[CourseID],[PaperID]) values(39。{0}39。,39。{1}39。,39。{2}39。,{3},{4},{5}), , , , , Course_ID, Paper_ID)。 SqlCommand = (sql, conn)。 ()。 (conn)。 string result = dda href=39。javascript:void(0)。39。 + + /a： + + font color=39。gray39。 + (yyyy年 MM 月 dd 日 HH:mm) + /font a class=39。answer ans239。 style=39。display:none。39。 href=39。javascript:void(0)。39?；貜?a/dd。 = application/json。 ({\result\: + \ + result + \})。 ()。 修改密碼學員可修改自己的密碼，及時更新密碼，也是網(wǎng)絡(luò)安全知識技能中很重要的一項。修改密碼如圖 516 所示：圖 516 修改密碼廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 27 高級用戶管理模塊 學習資源管理高級用戶可對學習資源進行增、刪、改管理，還添加了檢索學習資源的功能，方便了管理。學習資源管理列表如圖 517 所示：圖 517 學習資源管理列表修改學習資源如圖 518 所示：圖 518 修改和添加學習資源保存學習資源部分代碼如下： string sql = insert into Article([Title],[Content],[CreateDate],[Type]) Values(39。 + + 39。,39。 + (39。, ) + 39。,39。 + () + 39。, + + )。//FCKeditor 為編輯器 (sql, conn)。廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 28 考點管理高級用戶可對考點進行增、刪、改管理，構(gòu)建課程考點的樹型結(jié)構(gòu)，根據(jù)每個考點來添加和修改題庫中的內(nèi)容?？键c管理如圖 519 所示：圖 519 考點管理添加子節(jié)點如圖 520 所示：圖 521 添加子節(jié)點 試題管理高級用戶可對試題進行增刪改管理，也可選定題庫中具體某一試題是否可以使用。試題管理如下圖 522 所示：圖 522 試題管理試題修改如圖 523 所示：廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 29 圖 523 試題修改 兩種組卷方式高級用戶通過分章節(jié)自動出題、總題庫隨機出題兩種方式動態(tài)隨機出題。1)通過分章節(jié)自動出題，高級用戶的合理科學的安排章節(jié)題目，會使試卷涵蓋的知識量很均衡，從而間接的提高學員的綜合網(wǎng)絡(luò)安全知識技能。自動出題界面如下圖 524 所示：圖 524 自動組卷頁面廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 30 自動組卷分數(shù)配置如圖 525 所示：圖 525 自動組卷配置分數(shù)頁面自動組卷填寫試卷具體信息如圖 526 所示：圖 526 填寫試卷具體信息2)總題庫隨機出題，只需指定試卷的題型及該題型題目的數(shù)量和分數(shù)即可組成一套試卷，和傳統(tǒng)在線考試系統(tǒng)一樣，但范圍過于寬泛，不具有科學性。隨機出題界面如圖 527 所示：圖 527 隨機組卷頁面廣東海洋大學 2022 屆本科生畢業(yè)設(shè)計 31 試卷管理高級用戶可根據(jù)試卷的質(zhì)量選擇啟用或禁用某份試卷，從而來管理和控制試卷。試卷管理如圖 528 所示：圖 528 試