【正文】 界面如下： 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 25 圖 查看我的問題 實現(xiàn)這一過程的主要代碼為： % dim sql dim rs 39。sousuoamp。n 表 示總頁數(shù) 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 24 n= totalPut \ MaxPerPage else n= totalPut \ MaxPerPage + 1 end if k=currentPage if k1 then [b+a href=?page=1amp。trim(rs(SQ))amp。howmanyfields= If trim(Request(Page)) then CurrentPage= CLng(request(Page)) If CurrentPage then CurrentPage = End If Else 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 23 CurrentPage= 1 End If totalPut= 39。實例 dim totalPut 39。) if sousuo then sousuo1=Where SQ like 39。這樣比較便于區(qū)別不同學生的作品。/ for each formname in 39。 右下角的部分是提供了一個上傳作業(yè)的功能。id,1,3 (changechr(rs(content))) end if % 根據(jù)上一個網(wǎng)頁傳 遞過來的 id 參數(shù)，在數(shù)據(jù)庫中進行查找，查找到與參數(shù)相符的記錄，然后將對應(yīng)的記錄內(nèi)容顯示在網(wǎng)頁上。第二個選項是課件，點擊課件會在右側(cè)提供每一章的教學課件。因為用戶名和密碼不能為空，所以同樣設(shè)置了 一個檢查函數(shù)，和首頁的檢查用戶名和密碼輸入是否為空的函數(shù)原理是一樣的，在這里就不過多介紹了。然后返回首頁重新輸入。使用 ASP+Dreamweaver+Access開發(fā)出來的網(wǎng)站只能盡量做到這些。 4. 5 教學團隊（ team） 表 45 教學團隊（ team） 字段名 數(shù)據(jù)類型 長度 是否允許為空 T_id 文本 20 否 T_name 文本 8 是 T_jieshao 備注 是 T_img OLE 對象 是 教學團隊（ team）表是用來存放教師相關(guān)資料的， T_id 是用來存放一些編號的，比如說教師的員工號，當然也可以在輸入數(shù)據(jù)前將它更改成自動編號，這樣每次添加數(shù)據(jù)的時候就不用反復(fù)輸入編號。第二個是 title 字段，用來存放拓展學習中小的知識點的標題，例如關(guān)鍵字之類的內(nèi)容。 圖 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計 主頁 首頁 課程教學 實驗實踐 工具軟件 作品展示 輔導(dǎo)答應(yīng) 教學團隊 users exercice mnst tzxx syzd team quest_ion 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 6 4 數(shù)據(jù)庫的設(shè)計 整體來說包含了六個數(shù)據(jù)表，第一個是 users 表，用了存儲學生注冊信息的表；第二個是 mnst 表，用來存儲所以的模擬試題的信息的表；第三個是 tzxx 表，用來存儲拓展學習內(nèi)容的表；第四個是 syzd 表，用來存儲與實驗相關(guān)內(nèi)容的表；第五個是 team 表，用來存儲教學團隊的信息；第六個是 question 表，用來存儲學生問題的表。 系統(tǒng)的性能需求 網(wǎng)絡(luò)教學平臺是一個教育類型的網(wǎng)站，所以必須做到實用、簡潔。雖然本次設(shè)計采用的是適用于小 型數(shù)據(jù)存儲的Access 數(shù)據(jù)庫開發(fā)，但 SQL 查詢語句仍然適用。 （ 3）下 載功能。 HTM 等格式的靜態(tài)網(wǎng)頁可以通過網(wǎng)頁瀏覽器直接進行測試， ASP 動態(tài)網(wǎng)頁的測試則最好是通過 IIS，在電腦安裝系統(tǒng)的時候系統(tǒng)自帶了一個服務(wù)器測試軟件。 SQL 查詢語言 SQL（ Structured Query Language)結(jié)構(gòu)化查詢語言，是一種數(shù)據(jù)庫查詢和程序設(shè)計語言，用于存取數(shù)據(jù)以及查詢、更新和管理關(guān)系數(shù)據(jù)庫系統(tǒng)。因此選擇采用 ASP 結(jié)合 dreamweaver8 構(gòu)架網(wǎng)站。用戶可以創(chuàng)建自己的對象和命令濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 2 修改菜單和快捷鍵，甚至編 寫 JavaScript 代碼擴展 Dreamweaver 的行為和屬性檢查器。 夢幻網(wǎng)頁的編織者 —— Dreamweaver Dreamweaver 是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。這樣教學資源的利用率會大大提高。目前，互聯(lián)網(wǎng)已經(jīng)廣泛地應(yīng)用在教育上，并對教學過程產(chǎn)生了非常重要的影響。它是依托電腦 和寬帶等硬件設(shè)施，來實現(xiàn)遠距離教學的目的。還能夠?qū)崿F(xiàn)學生的注冊與登錄功能，提供一些拓展學習的知識。通過網(wǎng)絡(luò)教學的方式傳遞教授的信息，實現(xiàn)教師和學生的互動。然后由后臺的服務(wù)進行更新。 Dreamweaver 相對于其他同類軟件來說有這樣幾個特點：不生產(chǎn)冗余代碼；具 有方便的代碼編輯，可以自由在可視化編輯和源代碼編輯狀態(tài)之間自由轉(zhuǎn)換；強大的動態(tài)頁面支持；操作方便，它提供了歷史面板、 html 樣式、模板等功能避免了重復(fù)勞動，除此之外，它還可以直接在頁面中插入 flash 等插件。并且它的隱密安全性也相當高。但是它的同時訪問客戶端不能多于 4 個。它不要求用戶指定對數(shù)據(jù)的存放方法，也不需要用戶了解具體的數(shù)據(jù)存放方式，所以，具有完全不同底層結(jié)構(gòu)的不同 數(shù)據(jù)庫系統(tǒng) ，可以使用相同的 SQL濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 3 語言作為數(shù)據(jù)輸入與管理的 SQL 接口。 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 4 2 需求分析 建立網(wǎng)絡(luò)平臺的主要目的是為了方便教學工作，其最本質(zhì)的功能在輔助教學方面。學生可以通過答疑平臺將自己的問題提交到網(wǎng)站上，然后由老師回答，學生再次登錄的時候可以查看自己的問題是否被回答了。配合 ASP 使用也十分方便。 并且，網(wǎng)站應(yīng)該具有可擴充性，此次設(shè)計的網(wǎng)絡(luò)教學平臺只是針對單門課程的設(shè)計，還有很多內(nèi)容還不全面，因此網(wǎng)站的設(shè)計要能夠方便日后的更改、擴充等。 S_name 用 來存儲用戶的姓名，也不允許為空值。 S_id 字段是自動編號字段，用做搜索或參數(shù)傳遞。 T_img 是一個 OlE 對象，用來存儲相關(guān)的照片信息。若沒有登錄的時候，左側(cè)上方是一個簡單的登錄界面，要求輸 入用戶名和密碼，且兩個都不能為空，若輸入為空則顯示如下圖： 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 11 圖 出錯界面 表單的代碼設(shè)置如下： form name=f1 method=post action= onSubmit=return checkdata() br/ br/ 用戶名： input type=text name=yonghu / 密 碼： input type=password name=mima / input type=submit name=tijiao value=登錄 / input type=button name=zhuce value= 注冊 onclick== / input type=reset name=chongzhi value=重置 / /form 在提交表單的時候先進行的是一個檢查函數(shù)： checkdata() function checkdata() { if( 1 || 20 ) { alert(\請輸入正確的用戶名 !!) return false。下方是提供了學校的一些超鏈接，方便學生訪問其他網(wǎng)站。 課程教學 課程教學主要是知識課堂知識方面的教學內(nèi)容以及一些相關(guān)的資源。由于 每個標題對應(yīng)的內(nèi)容都比較多，所以左側(cè)為每個標題設(shè)置錨點，以頁內(nèi)設(shè)置連接的方式使右側(cè)全部顯示數(shù)據(jù)庫中的內(nèi)容是不現(xiàn)實的，這樣會占用太多的空間，所以采用一個參數(shù)傳遞自動刷新的方式來顯示相對應(yīng)的知識點。 changechr()，函數(shù)的代碼如下： 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 17 function changechr(str) changechr=replace(replace(replace(replace(str,),),chr(13),br), , ) end function replace()是一個標準函數(shù)，其中有三個參數(shù)，第一個參數(shù)是一個字符串，必有的參數(shù)，即要被搜索的字符串，第二個參數(shù)是所要查找的字符，第三個參數(shù)是要替換后的字符。先將文件上傳到服務(wù)器，然后在下載到文檔中。設(shè)置上傳文件大小為 500k % script language=vbscript MsgBox 請重新上傳 = javascript:() /script % end if if 0 then 39。 輔導(dǎo)答疑 輔導(dǎo)答疑的界面如下： 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 20 圖 提問內(nèi)容照片 現(xiàn)在顯示的已經(jīng)登錄上以后進入輔導(dǎo)答疑看到的界面，如果不登陸的話，看到的界面如下： 圖 尚未登錄的輔導(dǎo)答疑界面 若未經(jīng)過登錄則顯示尚未登錄，下面有返回首頁登錄的文字，點擊則可返回網(wǎng)站首頁進行登錄。%39?？傢摂?shù) dim i,j dim errmsg MaxPerPage=10 39。amp。right39。 首頁/a/b] [b+a href=?page=+cstr(k1)+amp。sousuoamp。當前頁 dim TotalPages 39。3539。 target=39。amp。?page=+cstr(k+1)+39。實現(xiàn)其功能的代碼為： % function changechr(str) changechr=replace(replace(replace(replace(str,),),chr(13),br), , ) end function Q=(S_num) select * from question where SQ=amp。下面是圖片信息，右端則是顯示的介紹性質(zhì)的文字。 由于此次設(shè)計是本人第一次制作使用多樣工具，結(jié)構(gòu)比較復(fù)雜的網(wǎng)站。有時候做到后面的部分才想起來原來前面的也可以這樣做，可以更好一點。顯示圖片的時候能通過路徑顯示照片而不是從數(shù)據(jù)庫里面讀取照片信息再顯示，因為存取路徑比存取照片要更為可靠一些。我們要走的路還很長。 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 34 在這次的畢業(yè)設(shè)計中我深深感覺到自己的淺薄，我們在課堂上學到的知識真的太少了。 其次，是數(shù)據(jù)庫的設(shè)計，應(yīng)該可以分為幾個數(shù)據(jù)庫，而不是把所有的數(shù)據(jù)表集中在同一個數(shù)據(jù)庫中，雖然在調(diào)用這些數(shù)據(jù)表的時候只用一個連接數(shù)據(jù)庫的文件即可，但是過多的數(shù)據(jù)表堆集在一起，容易產(chǎn)生混亂。應(yīng)該盡量讓整個網(wǎng)站看起來充實，搭配再合理一些，使其有視覺沖擊感。此外，系統(tǒng)還提供了一些拓展學習，使學生在學習完課內(nèi)知識的同時可以額外學習一些其他的知識，拓寬知識面。所使用的函數(shù)與上面用到的 checkdata()類似。頁面跳轉(zhuǎn) % 對于有答案的問題，點擊后面的答案可以查看答案，如果沒有回答的話，問題后面顯示的是“暫無”。?page=amp。/a) /td 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 27 /TR i=i+1 loop % TR td % if (totalPut mod MaxPerPage)=0 then 39。/td) (td ) if isnull(rs(SA)) then (暫無 ) if not isnull(rs(SA)) then (a href=39。到第一條記錄 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 26 =MaxPerPage 39。本次用例學號為 ，右側(cè)的框架將根據(jù)當前的 cookie 值，來進行查找與學號相關(guān)的問題。sousuo= amp。頁面跳轉(zhuǎn)