【文章內(nèi)容簡介】 利用數(shù)據(jù)庫訪問頁對(duì)象生成 HTML 文件，輕松構(gòu)建 Inter 的應(yīng)用。 教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 7 3 系統(tǒng)需求分析 及設(shè)計(jì) 系統(tǒng)功能分析 功能分析應(yīng)該劃分出系統(tǒng)必須完成的所有功能， 教學(xué) 互動(dòng)網(wǎng)站設(shè)計(jì)主要目的是實(shí)現(xiàn)網(wǎng)上發(fā)布信息、上傳文件和網(wǎng)上留言。 教學(xué) 互動(dòng) 網(wǎng)站的設(shè)計(jì)，主要是針對(duì)教師在教學(xué)上的使用，操作界面上的設(shè)計(jì)以簡單方便為主，是教師能借由網(wǎng)絡(luò)打破時(shí)間和地點(diǎn)的限制，與學(xué)生之間架起更良好的溝通的環(huán)境。在教學(xué)文件和教學(xué)輔導(dǎo)區(qū)，主要是讓教師能發(fā)布教學(xué)檔案以及要分享的資訊，讓學(xué)生或一般使用者可以在教學(xué)文件和教學(xué)輔導(dǎo)區(qū)獲取教學(xué)相關(guān)資訊。同時(shí)管理員還要對(duì)發(fā)布資料和留言進(jìn)行管理。因此根據(jù)需要我做出的主要功能大致如下： 圖 31 系統(tǒng)功能示意圖 以下是詳細(xì)的功能介紹： 1. 登錄 教師登錄這個(gè)功能必須存在，為了保證網(wǎng)站的安全，發(fā)布信息和修改信息必須由教師來操作。教師可以通過一個(gè)初始的管理帳戶和密碼登錄，發(fā)布本專業(yè)的相關(guān)知識(shí)和最新消息，上課的講義及補(bǔ)充資料。 用戶登錄窗口設(shè)置在首頁上，主要是用來接受用戶輸入的用戶名及密碼。系統(tǒng)將對(duì)輸入的用戶名和密碼進(jìn)行驗(yàn)證，如果數(shù)據(jù)表中的用戶名和密碼存在，就顯示會(huì)員登錄后的首頁。 教學(xué) 互動(dòng) 網(wǎng)站設(shè)計(jì) 教師管理功能 用戶查看功能 教師登錄 發(fā)布公告 修改密碼 添加信息 修改信息 查看信息 在線留言 在線答疑 查看公告 教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 8 2. 發(fā)布信息并分條分欄顯示 教師不僅可以及時(shí)新增、修改、刪除網(wǎng)站上發(fā)布的內(nèi) 容，而且對(duì)于學(xué)生的留言，即學(xué)生提出的問題也可以及時(shí)更新和刪除。 3. 實(shí)現(xiàn)搜索查詢功能 在查詢欄中輸入信息題目的關(guān)鍵字，可查詢完整的信息。 4. 發(fā)布公告 當(dāng)老師有重要事情要宣布時(shí)，也不用擔(dān)心無法通知到學(xué)生，學(xué)生可以從公告欄得到最新消息。 5. 在線答疑 在線答疑功能能更好的實(shí)現(xiàn)教師和學(xué)生之間的互動(dòng)，學(xué)生可以就課上不懂的問題在留言板上給代課教師留言，教師通過回復(fù)就能來回答學(xué)生提出的問題。學(xué)生也可以查看其他同學(xué)的留言，以達(dá)到共同進(jìn)步的目標(biāo)。 6. 修改密碼 對(duì)于一個(gè) 教學(xué) 互動(dòng) 網(wǎng)站開發(fā)系統(tǒng)最主要的一點(diǎn)就是每一個(gè)使用者（教師）都必須有自己 的一個(gè)賬戶和密碼登錄，因此通過更改原始密碼即可獲得一個(gè)獨(dú)立的登錄密碼。 經(jīng)常更換密碼也是網(wǎng)上防止自己的用戶名被盜的一種方法。 7. 查看信息 瀏覽和查看發(fā)布信息，下載教師上傳的資料，還可以給教師留言，以便得到問題的解決。 系統(tǒng)功能模塊設(shè)計(jì) 模塊化設(shè)計(jì)思想 所謂的模塊化設(shè)計(jì)（ Blockbased design） [5]，簡單地說就是程序的編寫不是開始就逐條錄入計(jì)算機(jī)語句和指令，而是首先用主程序、子程序、子過程等框架把軟件的主要結(jié)構(gòu)和流程描述出來，并定義和調(diào)試好各個(gè)框架之間的輸入、輸出鏈接關(guān)系 在程 序設(shè)計(jì)過程中，為了有效地完成任務(wù)，明智的做法是，把所要完成的任務(wù)精心分割成若干相對(duì)獨(dú)立但相互仍可有聯(lián)系的任務(wù)模塊 .這樣的任務(wù)模塊還可以繼續(xù)細(xì)分成更小的模塊。直至那些小模塊變得任務(wù)相對(duì)單純，對(duì)外的數(shù)據(jù)交換相對(duì)簡單，容易編寫，容易檢測，容易閱讀和維護(hù) .這種逐步細(xì)化（ stepwise refinement）的思想，叫做自頂向下設(shè)計(jì)（ topdown design）。 逐步求精的結(jié)果是得到一系列以功能塊為單位的算法描述。以功能塊為單位進(jìn)行程序設(shè)計(jì)，實(shí)現(xiàn)其求解算法的方法稱為模塊化。模塊化的目的是為了降低程序復(fù) 雜度，教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 9 使程序設(shè)計(jì)、調(diào)試和維護(hù)等操作簡單化。 因此要具有模塊化的思維， 模塊化思維就是要程序員在完成任何一個(gè)功能模塊或函數(shù)的時(shí)候，要多想一 些，不要局限在完成當(dāng)前任務(wù)的簡單思路上，想想看該模塊是否可以脫離這個(gè)系統(tǒng)存在，是否可以通過簡單的修改參數(shù)的方式在其他系統(tǒng)和應(yīng)用環(huán)境下直接引用，這樣就能極大避免重復(fù)性的開發(fā)工作，如果一個(gè)軟件研發(fā)單位和工作組能夠在每一次研發(fā)過程中都考慮到這些問題，那么程序員就不會(huì)在重復(fù)性的工作中耽誤太多時(shí)間，就會(huì)有更多時(shí)間和精力投入到創(chuàng)新的代碼工作中去。 各功能模塊的詳細(xì)設(shè)計(jì) 本 教學(xué) 互動(dòng) 網(wǎng)站主要分為四個(gè)功能模塊：教師登錄模塊，后臺(tái)管理模塊，在線答疑模塊，學(xué)生查看信息模塊。其中后臺(tái)管理模塊又包括添加文件模塊，修改密碼模塊和資料列表模塊。 (1)教師登錄模塊 (2)系統(tǒng)運(yùn)行界面如下： 教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 10 圖 31 首頁界面 教師登錄的功能代碼如下： protected void Button1_Click(object sender, EventArgs e) { string strcon = Provider=。data Source= + (data/)。 OleDbConnection myconn = new OleDbConnection(strcon)。 //OleDbConnection myconn = new OleDbConnection([myconn])。 try { //判斷連接是否打開 教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 11 if ( != ) { //打開數(shù)據(jù)庫連接 ()。 } //MD5加密方式生成 16位密碼與數(shù)據(jù)庫中刻用戶名的密碼進(jìn)行比較 string temp_pwd = ((), MD5).ToUpper().Substring(8, 16)。 //數(shù)據(jù)中檢索用戶名與密碼 string str = select * from admin where name=39。 + () + 39。and pwd=39。 + () + 39。 //創(chuàng)建 OledbCommand對(duì)象 Cmd OleDbCommand cmd = new OleDbCommand(str, myconn)。 //執(zhí)行查詢，并返回結(jié)果集 OleDbDataReader myReader = ()。 //判斷結(jié)果集中是否有與用戶名和密碼相等的值 if (()) { //保存會(huì)話對(duì)象數(shù)值 [login_admin] = ()。 //用戶名和密碼存在并相等后則進(jìn)入后臺(tái) ()。 //(后臺(tái)登錄成功！ )。 } else { //用戶名和密碼不正確則返回主頁 //()。 //(用戶名或密碼錯(cuò)誤！ )。 (script language=39。javascript39。(39。用戶名或密碼輸入錯(cuò)誤！ 39。)。/script)。 } //關(guān)閉數(shù)據(jù)庫 ()。 教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 12 //關(guān)閉數(shù)據(jù)庫表 ()。 } catch (OleDbException er) { //數(shù)據(jù)庫連接錯(cuò)誤，提示錯(cuò)誤信息 ()。 //(script language=39。javascript39。(39。數(shù)據(jù)庫連接錯(cuò)誤 39。)。/script)。 } finally { //判斷數(shù)據(jù)庫連接是否關(guān)閉 if ( == ) { ()。 } } (3) 后臺(tái)管理模塊 管理員的功能是一個(gè)系統(tǒng)必須有的功能，因?yàn)楣芾韱T不但要維護(hù)一個(gè)系統(tǒng)的正常運(yùn)行和信息的備份而且還要管理其中的用戶、信息，并且一個(gè)系統(tǒng)的管理員也有很多個(gè)，所以還要有管理管理員的功能。在這里管理員的頁面中沒有別的什么東西只有幾個(gè)連接按鈕，也就是管理員登陸以后可以根據(jù)需要來選擇不同的頁面進(jìn)入去，進(jìn)行操作。 系統(tǒng)運(yùn)行界面如圖： 教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 13 圖 32 管理界面 后臺(tái)管理模塊又包括添加文件模 塊，修改密碼模塊和資料列表模塊。以下是模塊的詳細(xì)介紹： 1. 添加文件模塊 系統(tǒng)運(yùn)行界面如下 [6]： 圖 33 添加文件界面 功能代碼如下： protected void shangchuan_Click(object sender, EventArgs e) { 教學(xué)互動(dòng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 14 string filepath = (file/ + ())。 if ((filepath)) { = 上傳文件重名，請(qǐng)改名后再上傳 。 return。 } if (0) { try { (filepath)。 lianjie()。 } catch (Exception exc) { = 保存文件時(shí)出錯(cuò) b + filepath + /bbr / + ()。 r