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