【正文】 用多樣工具，結(jié)構(gòu)比較復(fù)雜的網(wǎng)站。實(shí)現(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。amp。3539。sousuoamp。right39?？傢?yè)數(shù) dim i,j dim errmsg MaxPerPage=10 39。 輔導(dǎo)答疑 輔導(dǎo)答疑的界面如下： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 20 圖 提問(wèn)內(nèi)容照片 現(xiàn)在顯示的已經(jīng)登錄上以后進(jìn)入輔導(dǎo)答疑看到的界面，如果不登陸的話，看到的界面如下： 圖 尚未登錄的輔導(dǎo)答疑界面 若未經(jīng)過(guò)登錄則顯示尚未登錄，下面有返回首頁(yè)登錄的文字，點(diǎn)擊則可返回網(wǎng)站首頁(yè)進(jìn)行登錄。先將文件上傳到服務(wù)器，然后在下載到文檔中。由于 每個(gè)標(biāo)題對(duì)應(yīng)的內(nèi)容都比較多，所以左側(cè)為每個(gè)標(biāo)題設(shè)置錨點(diǎn)，以頁(yè)內(nèi)設(shè)置連接的方式使右側(cè)全部顯示數(shù)據(jù)庫(kù)中的內(nèi)容是不現(xiàn)實(shí)的，這樣會(huì)占用太多的空間，所以采用一個(gè)參數(shù)傳遞自動(dòng)刷新的方式來(lái)顯示相對(duì)應(yīng)的知識(shí)點(diǎn)。下方是提供了學(xué)校的一些超鏈接，方便學(xué)生訪問(wèn)其他網(wǎng)站。 T_img 是一個(gè) OlE 對(duì)象，用來(lái)存儲(chǔ)相關(guān)的照片信息。 S_name 用 來(lái)存儲(chǔ)用戶的姓名，也不允許為空值。配合 ASP 使用也十分方便。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 4 2 需求分析 建立網(wǎng)絡(luò)平臺(tái)的主要目的是為了方便教學(xué)工作，其最本質(zhì)的功能在輔助教學(xué)方面。但是它的同時(shí)訪問(wèn)客戶端不能多于 4 個(gè)。 Dreamweaver 相對(duì)于其他同類軟件來(lái)說(shuō)有這樣幾個(gè)特點(diǎn)：不生產(chǎn)冗余代碼；具 有方便的代碼編輯，可以自由在可視化編輯和源代碼編輯狀態(tài)之間自由轉(zhuǎn)換；強(qiáng)大的動(dòng)態(tài)頁(yè)面支持；操作方便，它提供了歷史面板、 html 樣式、模板等功能避免了重復(fù)勞動(dòng)，除此之外，它還可以直接在頁(yè)面中插入 flash 等插件。通過(guò)網(wǎng)絡(luò)教學(xué)的方式傳遞教授的信息，實(shí)現(xiàn)教師和學(xué)生的互動(dòng)。它是依托電腦 和寬帶等硬件設(shè)施，來(lái)實(shí)現(xiàn)遠(yuǎn)距離教學(xué)的目的。這樣教學(xué)資源的利用率會(huì)大大提高。用戶可以創(chuàng)建自己的對(duì)象和命令濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 2 修改菜單和快捷鍵，甚至編 寫 JavaScript 代碼擴(kuò)展 Dreamweaver 的行為和屬性檢查器。 SQL 查詢語(yǔ)言 SQL（ Structured Query Language)結(jié)構(gòu)化查詢語(yǔ)言，是一種數(shù)據(jù)庫(kù)查詢和程序設(shè)計(jì)語(yǔ)言，用于存取數(shù)據(jù)以及查詢、更新和管理關(guān)系數(shù)據(jù)庫(kù)系統(tǒng)。 （ 3）下 載功能。 系統(tǒng)的性能需求 網(wǎng)絡(luò)教學(xué)平臺(tái)是一個(gè)教育類型的網(wǎng)站，所以必須做到實(shí)用、簡(jiǎn)潔。第二個(gè)是 title 字段，用來(lái)存放拓展學(xué)習(xí)中小的知識(shí)點(diǎn)的標(biāo)題，例如關(guān)鍵字之類的內(nèi)容。使用 ASP+Dreamweaver+Access開(kāi)發(fā)出來(lái)的網(wǎng)站只能盡量做到這些。因?yàn)橛脩裘兔艽a不能為空，所以同樣設(shè)置了 一個(gè)檢查函數(shù)，和首頁(yè)的檢查用戶名和密碼輸入是否為空的函數(shù)原理是一樣的，在這里就不過(guò)多介紹了。id,1,3 (changechr(rs(content))) end if % 根據(jù)上一個(gè)網(wǎng)頁(yè)傳 遞過(guò)來(lái)的 id 參數(shù)，在數(shù)據(jù)庫(kù)中進(jìn)行查找，查找到與參數(shù)相符的記錄，然后將對(duì)應(yīng)的記錄內(nèi)容顯示在網(wǎng)頁(yè)上。/ for each formname in 39。) if sousuo then sousuo1=Where SQ like 39。howmanyfields= If trim(Request(Page)) then CurrentPage= CLng(request(Page)) If CurrentPage then CurrentPage = End If Else 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 23 CurrentPage= 1 End If totalPut= 39。n 表 示總頁(yè)數(shù) 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 24 n= totalPut \ MaxPerPage else n= totalPut \ MaxPerPage + 1 end if k=currentPage if k1 then [b+a href=?page=1amp。其界面如下： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 25 圖 查看我的問(wèn)題 實(shí)現(xiàn)這一過(guò)程的主要代碼為： % dim sql dim rs 39。?Q=amp。cstr(k1)amp。檢查完畢后轉(zhuǎn)入另一個(gè)執(zhí)行頁(yè)面，其主要代碼為： % num=trim((xh)) sq=trim((question)) select * from question,1,3 rs(S_num)=num rs(SQ)=sq % script language=vbscript MsgBox 提交成功 = /script 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 31 實(shí)現(xiàn)的主要功能是將提交上來(lái)的學(xué)號(hào)和問(wèn)題寫進(jìn)數(shù)據(jù)庫(kù)中，然后返回一開(kāi)始的輔導(dǎo)答疑界面?？傊?，在這方面的進(jìn)步空間還很大。想要學(xué)習(xí)更多的知識(shí)就要不怕枯燥，努力鉆研，努力學(xué)習(xí)。 再其次，顯示教師資料的頁(yè)面，可以將教師照片另存在一個(gè)文件夾中，把照片的路徑存在教師表里面。很多是內(nèi)容都是存儲(chǔ)在數(shù)據(jù)庫(kù)里，因此在網(wǎng)站的后臺(tái)建設(shè)中，便于管理，實(shí)現(xiàn)網(wǎng)站的動(dòng)態(tài)更新，可以直接登錄網(wǎng)站的后臺(tái)進(jìn)行 數(shù)據(jù)的修改、添加以及刪除等操作。通 過(guò)一個(gè)表格顯示問(wèn)題和答案。?page=139。totalput=總記錄數(shù) if CurrentPage1 then if (currentPage1)*MaxPerPage totalPut then (currentPage1)*MaxPerPage end if end if % table border=1 cellspacing=1 cellpadding=0 width=670 height=30 bordercolor=999999 frame=below tr td width=559 height=40 align=center style=fontsize:16px我的提問(wèn)內(nèi)容/td td width=112 height=40 align=center style=fontsize:16px /td /tr % do while not and i maxperpage (TR td height=39。sousuo= amp。 target=39。當(dāng)前頁(yè) dim TotalPages 39。學(xué)生下載時(shí)候只需要點(diǎn)擊文字便可將相應(yīng)的文件下載成功，此部分內(nèi)容是由幾個(gè)單獨(dú)的網(wǎng)頁(yè)組成，不是存儲(chǔ)在數(shù)據(jù)庫(kù)中的內(nèi)容。 實(shí)現(xiàn)文件上傳的方式有兩種，一種是需要先安裝一個(gè)組件，然后實(shí)現(xiàn)文件的上傳功能，另一種則是無(wú)組件上傳方式，無(wú)組件上傳代碼雖然復(fù)雜，但相對(duì)于使用組件上傳要簡(jiǎn)單一濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 18 些。第三個(gè)選項(xiàng)是拓展學(xué)習(xí)，點(diǎn)擊拓展學(xué)習(xí)之后將刷新到一個(gè)新的頁(yè)面，頁(yè)面如下： 圖 課程教學(xué)之拓展學(xué)習(xí) 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 16 拓展學(xué)習(xí)的內(nèi)容是從數(shù)據(jù)庫(kù)中讀取出來(lái)的，左側(cè)是從數(shù)據(jù)庫(kù)中的（ tzxx）表中讀取出來(lái)的標(biāo)題行，點(diǎn)擊標(biāo)題，右側(cè)顯示相對(duì)應(yīng)的具體介紹。然后主頁(yè)用戶登錄位置則變動(dòng)如下，以用戶 1234 為例： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 13 圖 登錄成功界面 登錄成功后，左側(cè)上方顯示的是用戶的登錄學(xué)號(hào)以及注冊(cè)姓名，姓名為空則顯示空白。 T_jieshao 則是存儲(chǔ) 對(duì)教師個(gè)人資料的詳細(xì)介紹。并且不允許為空，最長(zhǎng)不得超過(guò) 20 個(gè)字符。比如說(shuō)數(shù)據(jù)的增加、刪除、修改等等。安裝成功后，將整個(gè)網(wǎng)站放在合適的目錄下即可對(duì)動(dòng)態(tài)網(wǎng)頁(yè)進(jìn)行測(cè)試。 數(shù)據(jù)庫(kù) —— Access Microsoft Access 是一種桌面數(shù)據(jù)庫(kù)，只適合數(shù)據(jù)量少的應(yīng)用，在處理少量數(shù)據(jù)和單機(jī)訪問(wèn)的數(shù)據(jù)庫(kù)時(shí)是很好的，效率也很高。 Macromedia 的 Roundtrip HTML 技術(shù)允許用戶隨意導(dǎo)入 HTML文檔而無(wú)需重新設(shè)置代碼格式。它豐富了教學(xué)的方法，擴(kuò)大了教學(xué)的空間。網(wǎng)絡(luò)教學(xué)不受時(shí)間、地點(diǎn)以及教師的限制，只要透過(guò)一臺(tái)能連接上網(wǎng)的電腦就可以隨時(shí)隨地地進(jìn)行學(xué)習(xí)。 此次的網(wǎng)站是針對(duì)單門課程進(jìn)行設(shè)計(jì)的網(wǎng)絡(luò)教學(xué)平臺(tái)（前臺(tái)）的設(shè)計(jì)。 動(dòng)態(tài)網(wǎng)站的腳本語(yǔ)言 —— ASP Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱為“ ASP”， ASP 之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的 HTML 格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如 IE 或 Netscape）都可以正確地獲得ASP 的“執(zhí)行”結(jié)果，并且將這 ASP 執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”。同時(shí)也是數(shù)據(jù)庫(kù)腳本文件的擴(kuò)展名?，F(xiàn)在教師上課一般都有課件，通過(guò)后臺(tái)管理可以將每一章節(jié)的內(nèi)容放到網(wǎng)站上，學(xué)生想要再看課件的話可以通過(guò)進(jìn)入網(wǎng)站下載。界面不必太過(guò)花哨，要做到界面簡(jiǎn)潔明了、導(dǎo)航清晰。第三個(gè)字段是 content，備注類型的字段，可以用來(lái)存儲(chǔ)較多較詳細(xì)的內(nèi)容。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 10 5 網(wǎng)頁(yè)功能的設(shè)計(jì) 首頁(yè) 首頁(yè)頁(yè)面布置如下圖： 圖 首頁(yè)界面 首頁(yè)的布置是這樣的：上面是導(dǎo)航條，且在本次設(shè)計(jì)中，所有的網(wǎng)頁(yè)上部都是主要的導(dǎo)航條。還有一點(diǎn)是密碼的確認(rèn)輸入，因?yàn)槊艽a要輸入兩次，所以在檢查函數(shù)里有一項(xiàng)是檢查兩次輸入的密碼是否相同。其中用到了一個(gè)轉(zhuǎn)換函數(shù)， changechr()。列出所有上傳了的文件 set file=(formname) 39。%amp。totalput=總記錄數(shù) if CurrentPage1 then if (currentPage1)*MaxPerPage totalPut then (currentPage1)*MaxPerPage end if end if % table border=1 cellspacing=1 cellpadding=0 width=670 height=30 bordercolor=999999 frame=below tr td width=559 height=40 align=center style=fontsize:16px提問(wèn)內(nèi)容 /td td width=112 height=40 align=center style=fontsize:16px /td /tr % do while not and i maxperpage (TR td height=39。sousuo= amp。實(shí)例 dim totalPut 39。trim(rs(SQ))amp。39。 教學(xué)團(tuán)隊(duì) 教學(xué)團(tuán)隊(duì)的界面如下： 圖 教學(xué)團(tuán)隊(duì)界面 隨便上傳了一張文件中的圖片用作例子，效果如上圖。 在整體設(shè)計(jì)上，還有很多欠缺的地方，不得不承認(rèn)規(guī)劃是一件相當(dāng)重要的事情，方方面面的東西都要考慮到。目前我們學(xué)到的僅僅是皮毛而已。數(shù)據(jù)表的設(shè)計(jì)最好能夠更規(guī)范一些。實(shí)驗(yàn)實(shí)踐里面則是顯示需要學(xué)生完成的實(shí)驗(yàn)的相關(guān)內(nèi)容及要求，以及實(shí)現(xiàn)學(xué)生作品上傳的功能。點(diǎn)擊查看答案后顯示答案的界面如下圖： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 28 圖 查看問(wèn)題答案界面 點(diǎn)擊其中一個(gè)問(wèn)題查看答案界面，右側(cè)框架刷新，顯示相關(guān)問(wèn)題及其答案。a href=39。howmanyfields= If trim(Request(Page)) then CurrentPage= CLng(request(Page)) If CurrentPage then CurrentPage = End If Else CurrentPage= 1 End If totalPut= 39。 下一頁(yè) /a/b] [b+a href=?page=+cstr(n)+amp。39?？傆涗洈?shù) dim CurrentPage 39。 工具軟件 工具軟件的界面如下： 圖 工具軟件界面 工具軟件是可能能夠用到 的素材以及教程類型的信息，共分為積件、圖片、表格、實(shí)驗(yàn)素材、軟件教程幾個(gè)部分。學(xué)生可以將完成的作業(yè)或作品通過(guò)網(wǎng)頁(yè)提交上去。到時(shí)只需