【正文】 這樣的過(guò)程并不是很安全，不能保證每一張圖片都順利顯示在瀏覽器中。此外，在網(wǎng)站的開(kāi)發(fā)過(guò)程中，時(shí)間也比較倉(cāng)促，所以網(wǎng)站必然存在很多缺陷以及不足之處。界面顯示如下： 圖 提問(wèn)界面 實(shí)現(xiàn)代碼為： form name=f5 action= method=postonSubmit=return check() table width=600 border=0 cellspacing=0 cellpadding=0 tr th height=38 colspan=2 scope=col /th /tr tr td width=26% height=34 align=right學(xué)號(hào)： /td td width=74% input type=text name=xh/td 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 30 /tr tr td height=145 align=right valign=topbr 我的問(wèn)題： /td tdtextarea name=question rows=9 cols=40 /textarea/td /tr tr td height=37 colspan=2 align=center input type=submit name=tijiao value=提交 input type=reset name=reset value=重置 /p /td /tr /table /form 界面設(shè)置比較簡(jiǎn)單，簡(jiǎn)單來(lái)說(shuō)就是一個(gè)文本框，用來(lái)填寫(xiě)留問(wèn)題的學(xué)生的學(xué)號(hào)，另一個(gè)是一個(gè)文本域，用來(lái)填寫(xiě)問(wèn)題。/a/b] ) ([bamp。(CurrentPage1)*maxperpage+i+1amp。頁(yè)面跳轉(zhuǎn) set rs=nothing set =nothing % 以上代碼不止是包含了關(guān)鍵字的搜功能，還包含了實(shí)現(xiàn)問(wèn)題的分頁(yè)顯示，當(dāng)問(wèn)題超過(guò)十條以上的時(shí)候，每一頁(yè)只顯示 10 條問(wèn)題，避免出現(xiàn)問(wèn)題過(guò)多，需要反復(fù)拖動(dòng)查看的結(jié)果。答案 amp。 sousuo1 sql,2,3 if then (暫無(wú)記錄 ) end if 39。未登錄的時(shí)候，點(diǎn)擊我的問(wèn)題，顯示的仍然是全部問(wèn)題，若登錄后則只顯示和登錄學(xué)號(hào)相關(guān)的問(wèn)題。關(guān)鍵代碼如下： % dim upload,file,formname,formpath set upload=new upload_5xsoft 39。左側(cè)顯示標(biāo)題的代碼如下： % select * from tzxx,1 do while not % a href=?id=%=rs(num)% target=right %=rs(title)%/abr % loop % 這段代碼是將 tzxx 表中的標(biāo)題全部顯示在左側(cè)，并為每一個(gè)標(biāo)題設(shè)置一個(gè)連接，在更新網(wǎng)頁(yè)的時(shí)候更新的位置是名字是“ right”的一個(gè)框架，就是整個(gè)頁(yè)面的右下方區(qū)域。若用戶沒(méi)有進(jìn)行注冊(cè)的話，可以點(diǎn)擊用戶登錄的地方，有一個(gè)注冊(cè)按鈕，點(diǎn)擊注冊(cè)按鈕可進(jìn)入注冊(cè)界面。SQ 字段用來(lái)存儲(chǔ)學(xué)生的問(wèn)題，和前一個(gè)字段組合形成數(shù)據(jù)表的主鍵，避免一個(gè)學(xué)生提出相 同的問(wèn)題。 模擬試題（ mnst） 表 42 模擬試題（ mnst） 字段名 數(shù)據(jù)類型 長(zhǎng)度 是否允許為空 id 數(shù)字 長(zhǎng)整形 否 title 文本 50 是 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 7 content 備注 是 模擬試題表用來(lái)存儲(chǔ)模擬題的相關(guān)信息，有三個(gè)字段，第一個(gè)是便于搜索的 id 字段，第二個(gè)是 title 字段，用來(lái)存放試題的標(biāo)題，例如說(shuō)章節(jié)之類的內(nèi)容。比如說(shuō)，課下的拓展知識(shí)，做練習(xí)用的模擬試題，存儲(chǔ)用戶信息的用戶表，存儲(chǔ)教師信息的表。主要功能及簡(jiǎn)介如下： （ 1）注冊(cè)及登錄。 對(duì)于需求不算太大的數(shù)據(jù)庫(kù)來(lái)說(shuō)，使用 Access 比較合適，如果網(wǎng)站還需要繼續(xù)擴(kuò)充，則可以將數(shù)據(jù)庫(kù)的開(kāi)發(fā)工具改為 SQL server。 Dreamweaver 可以為用戶做到：使用動(dòng)態(tài) HTML 功能（例如具有動(dòng)態(tài)效果的層和行為）而不用寫(xiě)一行代碼。學(xué)生也可以隨時(shí)將自己的問(wèn)題放在網(wǎng)上，等待老師的解答。編號(hào) 濰 坊 學(xué) 院 畢 業(yè) 設(shè) 計(jì) 技 術(shù) 報(bào) 告 課題名稱： 數(shù)字媒體技術(shù)專業(yè)網(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn) (前臺(tái) ) 學(xué)生姓名： 田秋月 學(xué) 號(hào)： 08021140111 專 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 班 級(jí) ： 20xx 級(jí) 1 班 指導(dǎo)教師： 韓殿元 20xx 年 6 月濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 摘 要 網(wǎng)絡(luò)教學(xué)平臺(tái) 設(shè)計(jì)與實(shí)現(xiàn) 摘 要： 隨著科技的進(jìn)步和 互聯(lián)網(wǎng) 的廣泛應(yīng)用， 網(wǎng)絡(luò)教學(xué)的應(yīng)用在教學(xué)過(guò)程中越來(lái)越廣泛，并被越來(lái)越多的人所認(rèn)知。學(xué)生還可以在網(wǎng)上反復(fù)學(xué)習(xí)以鞏固課堂上學(xué)到的知識(shí)。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。 數(shù)據(jù)庫(kù)的訪問(wèn)方式有很多種，主要有公共網(wǎng)關(guān)接口 GGI（ Common Gateway Interface），先進(jìn)數(shù)據(jù)庫(kù)連接器 ADC（ Advance Database Connector）， JAVA/JDBC 語(yǔ)言編程，動(dòng)態(tài)服務(wù)器頁(yè)面 ASP。學(xué)生可以通過(guò)注冊(cè)來(lái)獲得用戶名，獲得登錄的權(quán)力，這有助于在輔導(dǎo)答疑中實(shí)現(xiàn)問(wèn)題的查看 （ 2） 上傳功能。存儲(chǔ)與實(shí)驗(yàn)相關(guān)信息的實(shí)驗(yàn)表。第三個(gè)字段是content，備注類型的字段，可以用來(lái)存放較長(zhǎng)的文本。 SA 則用來(lái)存儲(chǔ)對(duì)某一個(gè)問(wèn)題的答案。界面如下： 圖 用戶注冊(cè)界面 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 14 如上圖，用戶注冊(cè)界面要求用戶輸入的信息比較簡(jiǎn)單，用來(lái)做用戶名的學(xué)號(hào)、學(xué)生姓名、密碼，班級(jí)以及手機(jī)號(hào)。同時(shí)將該標(biāo)題所對(duì)應(yīng)的 num 值作為一個(gè) id 參數(shù)傳遞到 中。建立上傳對(duì)象 formpath=(filepath) 39。 為了便于查看相關(guān)的問(wèn)題，全部問(wèn)題中還提供了搜索的功能，按照輸入的關(guān)鍵字對(duì)問(wèn)濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 21 題進(jìn)行檢索比如搜索中輸入 “顏色”兩個(gè)字，顯示結(jié)果如下： 圖 按關(guān)鍵字搜索 提問(wèn)中有顏色兩個(gè)字的問(wèn)題便列在了右邊。到第一條記錄 =MaxPerPage 39。/a) /td /TR i=i+1 loop % TR td % dim n,k 39。 還可以點(diǎn)擊查看我的問(wèn)題。rs(SQ)amp。a href=39。 問(wèn)題提交的時(shí)候同樣要進(jìn)行檢查，兩個(gè)文本都不能是空白的。 首先從網(wǎng)站的外觀來(lái)說(shuō)，顏色比較簡(jiǎn)單，各項(xiàng)內(nèi)容看起來(lái)也比較單調(diào)，在美學(xué)方面下的功夫還很不夠。 最后就是對(duì) ASP+Dreamweaver 制作網(wǎng)頁(yè)的模式運(yùn)用還不夠成熟，而且只能應(yīng)用一些簡(jiǎn)單的 CSS+DIV 布局方式，這樣的效果還遠(yuǎn)遠(yuǎn)達(dá)不到設(shè)想的結(jié)果。照片在存入數(shù)據(jù)庫(kù)中的時(shí)候，并不是直接將照片存入的，而是先將照片信息轉(zhuǎn)換成二進(jìn)制數(shù)據(jù)存入數(shù)據(jù)庫(kù)，讀取的時(shí)候，再將這些二進(jìn)制數(shù)據(jù)還原成一張完整的圖片。在很多方面的知識(shí)、經(jīng)驗(yàn)都還有所欠缺。Q,1 % tr td width=166 height=105 valign=top align=rightbr / 問(wèn)題： /td td width=434% =changechr(rs(SQ)) %/td /tr tr td height=117 valign=top align=rightbr /回答： /td td height=117% =changechr(rs(SA)) %/td 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 29 /tr /table % set rs=nothing set =nothing % 在左側(cè)最下端有一個(gè)“我的問(wèn)題”，點(diǎn)擊“我的問(wèn)題”可以進(jìn)行提問(wèn)，其功能類似于留言板。首頁(yè) amp。amp。 尾頁(yè) /a/b] else [下一頁(yè) ] [尾頁(yè) ] end if 39。amp。每頁(yè) 10 條記錄 founderr=false sql = select SQ,SA from question sql=sql amp。 在輔導(dǎo)答疑界面不管是否登錄，右側(cè)顯示的都是全部問(wèn)題 。由于學(xué)到的知識(shí)有限，這部分代碼來(lái)源 于互聯(lián)網(wǎng)。實(shí)現(xiàn)的方式主要還是通過(guò)一個(gè)框架和兩個(gè)動(dòng)態(tài)網(wǎng)頁(yè)的文件。右側(cè)則是和數(shù)字多媒體相關(guān)的一些簡(jiǎn)介。 4. 6 疑問(wèn)留言（ question） 表 46 疑問(wèn)留言（ question） 字段名 數(shù)據(jù)類型 長(zhǎng)度 是否允許為空 S_num 文本 20 否 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 9 SQ 備注 否 SA 備注 是 疑問(wèn)留言（ question）表是用來(lái)存儲(chǔ)學(xué)生提交上來(lái)的問(wèn)題的， S_num 是配合前面的用戶表設(shè)置的，將這樣兩個(gè)表連接在一起的時(shí)候就可以查詢到已登錄學(xué)生的賬號(hào)和問(wèn)題了。 S_class 和 S_tel 作為輔助選項(xiàng)，可不填寫(xiě)。 根據(jù)網(wǎng)站的設(shè)計(jì)，需要?jiǎng)討B(tài)顯示的數(shù)據(jù)最好都放在數(shù)據(jù)庫(kù)里。 系統(tǒng)功能需求分析 本次設(shè)計(jì)的是前臺(tái)，主要實(shí)現(xiàn)的是面向?qū)W生的這部分功能。Microsoft Access 數(shù)據(jù)庫(kù)有一定的極限，如果數(shù)據(jù)達(dá)到 100M 左右，很容易造成服務(wù)器 IIS假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。使用十分方便。 還可以將一些課堂上小的知識(shí)點(diǎn)作為拓展內(nèi)容放 到網(wǎng)絡(luò)教學(xué)平臺(tái)上，對(duì)此有興趣的同學(xué)就可以在上課之余，自己上網(wǎng)去瀏覽這些拓展信息，豐富自己的知識(shí)面。網(wǎng)絡(luò)教學(xué)是遠(yuǎn)程教學(xué)的一種重要形式。或是將課件下載下來(lái)進(jìn)行自主學(xué)習(xí)。 Dreamweaver 還是一個(gè)可以完全自定義的應(yīng)用程序。相對(duì)應(yīng)以上幾種數(shù)據(jù)庫(kù)訪問(wèn)方式， ASP 編程靈活簡(jiǎn)潔，具有較高的性能，是目前訪問(wèn) WEB 數(shù)據(jù)庫(kù)的最佳選擇。學(xué)生可以將老師布置的部分作業(yè)通過(guò)網(wǎng)站提交上傳。還有就是存儲(chǔ)學(xué)生留言提問(wèn)信息的問(wèn)題表。 拓展學(xué)習(xí)（ tzxx） 表 43 拓展學(xué)習(xí)（ tzxx） 字段名 數(shù)據(jù)類型 長(zhǎng)度 是否允許為空 Num 數(shù)字 長(zhǎng)整形 否 title 文本 50 是 content 備注 是 拓展學(xué)習(xí)（ tzxx）表用來(lái)存放拓展學(xué)習(xí)的相關(guān)信息，也有三個(gè)字段，第一個(gè)是便于搜索或進(jìn)行參數(shù)傳遞的 num 字段。 以上是關(guān)于本次設(shè)計(jì)的數(shù)據(jù)庫(kù)中所用的到的表的設(shè)計(jì)，盡最大可能將所用能存儲(chǔ)到數(shù)據(jù)庫(kù)中的內(nèi)容存儲(chǔ)到數(shù)據(jù)庫(kù)中，以便將來(lái)后臺(tái)進(jìn)行修改。此注冊(cè)頁(yè)面由導(dǎo)航和下方注冊(cè)信息表單構(gòu)成。 的主要代碼如下 % id=(id) if id= then select * from tzxx where num=0,1,3 (changechr(rs(content))) else select * from tzxx where num=amp。在目錄后加 (/) if right(formpath,1)/ then formpath=formpathamp。整體代碼如下： % Dim sousuo,sousuo1 sousuo=Trim((sousuo)amp。定義每頁(yè)記錄數(shù) 39。頁(yè)面跳轉(zhuǎn) if (totalPut mod MaxPerPage)=0 then 39。本次用例學(xué)號(hào)為 ，右側(cè)的框架將根據(jù)當(dāng)前的 cookie 值，來(lái)進(jìn)行查找與學(xué)號(hào)相關(guān)的問(wèn)題。/td) (td ) if isnull(rs(SA)) then (暫無(wú) ) if not isnull(rs(SA)) then (a href=39。?page=amp。所使用的函數(shù)與上面用到的 checkdata()類似。應(yīng)該盡量讓整個(gè)網(wǎng)站看起來(lái)充實(shí)，搭配再合理一些，使其有視覺(jué)沖擊感。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 34 在這次的畢業(yè)設(shè)計(jì)中我深深感覺(jué)到自己的淺薄，我們?cè)谡n堂上學(xué)到的知識(shí)真的太少了。顯示圖片的時(shí)候能通過(guò)路徑顯示照片而不是從數(shù)據(jù)庫(kù)里面讀取照片信息再顯示，因?yàn)榇嫒÷窂奖却嫒≌掌鼮榭煽恳恍? 由于此次設(shè)計(jì)是本人第一次制作使