【文章內(nèi)容簡介】 是濰 坊 學 院 本 科 畢 業(yè) 設 計 8S_content 備注 是S_reqment 備注 是實驗指導（syzd）表是用來存放于實驗實踐里相關的信息。S_id 字段是自動編號字段，用做搜索或參數(shù)傳遞。S_name 是用來存放實驗名稱的字段，長度不超過 50個字符長。S_goal是存放實驗目的的字段，類型為備注類型，可存儲比較長的文本。S_content 是存放實驗內(nèi)容的字段，同樣是備注類型的字段。S_reqment 是存放實驗要求的字段，數(shù)據(jù)類型為備注類型。4. 5教學團隊（team）表 45教學團隊（team）字段名 數(shù)據(jù)類型 長度 是否允許為空T_id 文本 20 否T_name 文本 8 是T_jieshao 備注 是T_img OLE對象 是教學團隊（team）表是用來存放教師相關資料的，T_id 是用來存放一些編號的，比如說教師的員工號，當然也可以在輸入數(shù)據(jù)前將它更改成自動編號，這樣每次添加數(shù)據(jù)的時候就不用反復輸入編號。T_name 用來存儲教師姓名或稱呼之類的信息。T_jieshao 則是存儲對教師個人資料的詳細介紹。T_img 是一個 OlE對象，用來存儲相關的照片信息。4. 6疑問留言（question）表 46疑問留言（question）字段名 數(shù)據(jù)類型 長度 是否允許為空S_num 文本 20 否濰 坊 學 院 本 科 畢 業(yè) 設 計 9SQ 備注 否SA 備注 是疑問留言（question）表是用來存儲學生提交上來的問題的，S_num 是配合前面的用戶表設置的，將這樣兩個表連接在一起的時候就可以查詢到已登錄學生的賬號和問題了。SQ字段用來存儲學生的問題，和前一個字段組合形成數(shù)據(jù)表的主鍵，避免一個學生提出相同的問題。SA 則用來存儲對某一個問題的答案。以上是關于本次設計的數(shù)據(jù)庫中所用的到的表的設計，盡最大可能將所用能存儲到數(shù)據(jù)庫中的內(nèi)容存儲到數(shù)據(jù)庫中，以便將來后臺進行修改。使用 ASP+Dreamweaver+Access開發(fā)出來的網(wǎng)站只能盡量做到這些。濰 坊 學 院 本 科 畢 業(yè) 設 計 105網(wǎng)頁功能的設計首頁頁面布置如下圖：圖 首頁的布置是這樣的：上面是導航條，且在本次設計中，所有的網(wǎng)頁上部都是主要的導航條。根據(jù)一個全局變量的判斷，先判斷用戶是否登錄成功。若沒有登錄的時候，左側(cè)上方是一個簡單的登錄界面，要求輸入用戶名和密碼，且兩個都不能為空，若輸入為空則顯示如下圖：濰 坊 學 院 本 科 畢 業(yè) 設 計 11圖 表單的代碼設置如下：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。}if( 1 || 20 ) {濰 坊 學 院 本 科 畢 業(yè) 設 計 12alert(\請您輸入正確的登錄密碼 !!)return false。}}函數(shù)對兩個輸入的文本框進行檢查，首先是用戶名是否為空或者是超過了規(guī)定的長度。然后檢查密碼輸入是否規(guī)范。表單提交后執(zhí)行的操作是 ，其代碼如下： username=trim((yonghu))password=trim((mima)) select * from users,1,3do while not if username=trim(rs(S_num)) and password=trim(rs(S_password)) then (denglu)=ok (username)=rs(S_num) (sname)=rs(S_name) end if loopif then % script language=vbscriptMsgBox 對不起，用戶名不存在，或密碼輸入錯誤 = javascript:()/script以上代碼判斷從前一個頁面?zhèn)鬟f過來的兩個參數(shù)是否是正確的用戶名和密碼，如果用戶名不存在或者密碼錯誤的話則彈出消息框提示用戶，用戶名不存在或密碼輸入錯誤。然后返回首頁重新輸入。如果數(shù)據(jù)庫中存在該用戶且密碼正確，則將全局變量”denglu”的值設置成”ok”， 并且將用戶名作為全局變量保存起來。然后主頁用戶登錄位置則變動如下，以用戶 1234 為例：濰 坊 學 院 本 科 畢 業(yè) 設 計 13圖 登錄成功后，左側(cè)上方顯示的是用戶的登錄學號以及注冊姓名，姓名為空則顯示空白。下方是提供了學校的一些超鏈接，方便學生訪問其他網(wǎng)站。右側(cè)則是和數(shù)字多媒體相關的一些簡介。若用戶沒有進行注冊的話，可以點擊用戶登錄的地方，有一個注冊按鈕，點擊注冊按鈕可進入注冊界面。界面如下：圖 濰 坊 學 院 本 科 畢 業(yè) 設 計 14如上圖，用戶注冊界面要求用戶輸入的信息比較簡單，用來做用戶名的學號、學生姓名、密碼，班級以及手機號。此注冊頁面由導航和下方注冊信息表單構成。因為用戶名和密碼不能為空，所以同樣設置了一個檢查函數(shù)，和首頁的檢查用戶名和密碼輸入是否為空的函數(shù)原理是一樣的，在這里就不過多介紹了。還有一點是密碼的確認輸入，因為密碼要輸入兩次，所以在檢查函數(shù)里有一項是檢查兩次輸入的密碼是否相同。在提交表單之后檢查無誤的情況下轉(zhuǎn)到處理頁面 ，其代碼如下：%num=trim((num))sname=trim((name))pwd=trim((pwd))sclass=trim((sclass))tel=trim((tel)) select * from users,1,3rs(S_num)=numrs(S_name)=snamers(S_password)=pwdrs(S_class)=sclassrs(S_tel)=tel % script language=vbscriptMsgBox 注冊成功，請重新登錄 = /script此段代碼的主要作用是將用戶的注冊信息寫進數(shù)據(jù)表里，然后提示用戶注冊成功，再轉(zhuǎn)到首頁重新登錄。課程教學主要是知識課堂知識方面的教學內(nèi)容以及一些相關的資源。其效果如下圖：濰 坊 學 院 本 科 畢 業(yè) 設 計 15圖 課程教學的界面是針對多媒體課程的教學。左側(cè)是幾個選項，右側(cè)則是用一個框架展示的類似于目錄的一個課程的要點，點擊右側(cè)的某個選項，框架內(nèi)容將自動更新成與選中的選項相關的網(wǎng)頁，網(wǎng)頁下端有返回按鈕，點擊則返回課程教學起始頁。左側(cè)的是四個鏈接內(nèi)容。第一個教學大綱是一個簡單的網(wǎng)頁，顯示的主要內(nèi)容是關于多媒體的教學內(nèi)容，教學要求等信息。第二個選項是課件，點擊課件會在右側(cè)提供每一章的教學課件。到時只需要點擊相關的連接即可將相應章節(jié)的教學課件下載下來，實現(xiàn)資源的共享。第三個選項是拓展學習，點擊拓展學習之后將刷新到一個新的頁面，頁面如下：圖 濰 坊 學 院 本 科 畢 業(yè) 設 計 16拓展學習的內(nèi)容是從數(shù)據(jù)庫中讀取出來的，左側(cè)是從數(shù)據(jù)庫中的（tzxx）表中讀取出來的標題行，點擊標題，右側(cè)顯示相對應的具體介紹。由于每個標題對應的內(nèi)容都比較多，所以左側(cè)為每個標題設置錨點，以頁內(nèi)設置連接的方式使右側(cè)全部顯示數(shù)據(jù)庫中的內(nèi)容是不現(xiàn)實的，這樣會占用太多的空間，所以采用一個參數(shù)傳遞自動刷新的方式來顯示相對應的知識點。實現(xiàn)的方式主要還是通過一個框架和兩個動態(tài)網(wǎng)頁的文件。左側(cè)顯示標題的代碼如下： % select * from tzxx,1 do while not % a href=?id=%=rs(num)% target=right %=rs(title)%/abr % loop %這段代碼是將 tzxx 表中的標題全部顯示在左側(cè)，并為每一個標題設置一個連接，在更新網(wǎng)頁的時候更新的位置是名字是“right”的一個框架，就是整個頁面的右下方區(qū)域。同時將該標題所對應的 num 值作為一個 id 參數(shù)傳遞到 中。 的主要代碼如下% id=(id) if id= then select * from tzxx where num=0,1,3(changechr(rs(content)))else select * from tzxx where num=amp。id,1,3(changechr(rs(content)))end if %根據(jù)上一個網(wǎng)頁傳遞過來的 id 參數(shù)，在數(shù)據(jù)庫中進行查找，查找到與參數(shù)相符的記錄，然后將對應的記錄內(nèi)容顯示在網(wǎng)頁上。其中用到了一個轉(zhuǎn)換函數(shù)，changechr()。其主要功能是將數(shù)據(jù)庫中的文字原樣輸出，否則網(wǎng)頁中顯示的文字將顯得非常不規(guī)范排列不整齊。changechr()，函數(shù)的代碼如下：濰 坊 學 院 本 科 畢 業(yè) 設 計 17function changechr(str) changechr=replace(replace(replace(replace(str,),),chr(13),br), , ) end functionreplace()是一個標準函數(shù)，其中有三個參數(shù)，第一個參數(shù)是一個字符串，必有的參數(shù)，即要被搜索的字符串，第二個參數(shù)是所要查找的字符，第三個參數(shù)是要替換后的字符。課程教學的最后一項是模擬試題，模擬試題也是存儲在數(shù)據(jù)庫中的記錄，使用的方法和拓展學習的方法是類似的，所以就不過多贅述了。實驗實踐的界面如下：圖 實驗實踐頁面的主要作用是顯示與實驗信息相關的內(nèi)容。將存儲在數(shù)據(jù)庫中的實驗信息讀取出來存放在當前頁面，本次使用的連接方式是錨記的方式，點擊左側(cè)選項，右側(cè)則定位到相關部分，以顯示實驗的標題、實驗目的、實驗內(nèi)容、以及實驗要求這些信息。原理及代碼和以上的模擬試題類似，不同之處在于所連接的表的內(nèi)容不同。右下角的部分是提供了一個上傳作業(yè)的功能。學生可以將完成的作業(yè)或作品通過網(wǎng)頁提交上去。實現(xiàn)文件上傳的方式有兩種，一種是需要先安裝一個組件，然后實現(xiàn)文件的上傳功能，另一種則是無組件上傳方式，無組件上傳代碼雖然復雜，但相對于使用組件上傳要簡單一濰 坊 學 院 本 科 畢 業(yè) 設 計 18些。先將文件上傳到服務器，然后在下載到文檔中。由于學到的知識有限，這部分代碼來源于互聯(lián)網(wǎng)。關鍵代碼如下：% dim upload,file,formname,formpath set upload=new upload_5xsoft 39。建立上傳對象 formpath=(filepath) 39。在目錄后加(/) if right(formpath,1)/ then formpath=formpathamp。/ for each formname in 39。列出所有上傳了的文件 set file=(formname) 39。生成一個文件對象 if 100 then % script language=vbscriptMsgBox 請重新上傳 = javascript:()/script % end if if 500*1000 then 39。設置上傳文件大小為 500k % script language=vbscriptMsgBox 請重新上傳 = javascript:()/script % end if if 0 then 39。如果 filesize 0 說明有文件數(shù)據(jù) (updata\amp。) 39。保存文件 end if set file=nothing next set upload=nothing % script language=vbscript濰 坊 學 院 本 科 畢 業(yè) 設 計 19MsgBox 已成功上傳 = javascript:()/script將上傳的文件保存在了名為 upload 的文件夾中。在學生上傳作業(yè)的時候，可以將文件的名字以自己的學號命名。這樣比較便于區(qū)別不同學生的作品。工具軟件