畢業(yè)論文數(shù)字媒體技術(shù)專業(yè)網(wǎng)絡(luò)教學(xué)平臺的設(shè)計與實(shí)現(xiàn)（前臺）

1、<p><b>　　編號 </b></p><p><b>　　濰 坊 學(xué) 院</b></p><p>　　畢 業(yè) 設(shè) 計 技 術(shù) 報 告</p><p>　　課題名稱：數(shù)字媒體技術(shù)專業(yè)網(wǎng)絡(luò)教學(xué)平臺的設(shè)計與實(shí)現(xiàn)(前臺)</p><p><b>　　學(xué)生姓名：</

2、b></p><p>　　學(xué) 號：08021140111</p><p>　　專 業(yè)：計算機(jī)科學(xué)與技術(shù)</p><p>　　班 級：2008級1班</p><p><b>　　指導(dǎo)教師：</b></p><p><b>　　2012年6月</b>

3、;</p><p>　　網(wǎng)絡(luò)教學(xué)平臺設(shè)計與實(shí)現(xiàn)</p><p>　　摘 要：隨著科技的進(jìn)步和互聯(lián)網(wǎng)的廣泛應(yīng)用，網(wǎng)絡(luò)教學(xué)的應(yīng)用在教學(xué)過程中越來越廣泛，并被越來越多的人所認(rèn)知。網(wǎng)絡(luò)教學(xué)是遠(yuǎn)程教學(xué)的一種重要形式。它是依托電腦和寬帶等硬件設(shè)施，來實(shí)現(xiàn)遠(yuǎn)距離教學(xué)的目的。網(wǎng)絡(luò)教學(xué)不受時間、地點(diǎn)以及教師的限制，只要透過一臺能連接上網(wǎng)的電腦就可以隨時隨地地進(jìn)行學(xué)習(xí)。</p><p>

4、;　　本次設(shè)計是關(guān)于多媒體課程教學(xué)平臺的設(shè)計與開發(fā)，其中主要的主要功能模塊包括了基本的課程的教學(xué)，實(shí)驗實(shí)踐，常用工具軟件以及相關(guān)工具軟件使用教程的下載，能夠?qū)崿F(xiàn)學(xué)生問題上傳的輔導(dǎo)答疑，介紹相關(guān)教師資料的教學(xué)團(tuán)隊，以及展示一些學(xué)生作品的功能。還能夠?qū)崿F(xiàn)學(xué)生的注冊與登錄功能，提供一些拓展學(xué)習(xí)的知識。網(wǎng)頁主要采用的是ASP與Dreamweaver相結(jié)合的方式來設(shè)計，并使用Access設(shè)計數(shù)據(jù)庫來存儲相關(guān)數(shù)據(jù)。</p><p

5、>　　關(guān)鍵字：ASP，多媒體，網(wǎng)絡(luò)教學(xué)，平臺開發(fā)</p><p>　　Design and Implementation of Network Teaching Platform</p><p>　　Abstract：With the progress of science and technology and the wide application of Internet, th

6、e application of network teaching in the course of teaching is more and more extensive, and more and more people cognition. Network teaching is an important form of remote teaching. It is relying on the computer and broa

7、dband facilities and other hardware, to realize the purpose of remote teaching. Network teaching is not subject to time, place and teachers to the restrictions, as long as one computer wh</p><p>　　This desig

8、n is about the multimedia teaching platform design and development, of which The main function modules of this web site include basic courses teaching, experiment and practice, software tools and related software tutoria

9、l download, which can realize the upload and answer question which are put forward by students. Beside this, the web can introduces the relevant information of the teaching team, and show some the function of student wor

10、k. It is able to realize students' registration an</p><p>　　Key words：ASP, Multiple, Network teaching, Platform Development</p><p><b>　　目錄</b></p><p><b>　　1前言

11、1</b></p><p><b>　　1.1概述1</b></p><p>　　1.2主要開發(fā)工具介紹1</p><p><b>　　2需求分析4</b></p><p>　　2.1系統(tǒng)功能需求分析4</p><p>　　2.2系統(tǒng)的數(shù)據(jù)需求分析4&l

12、t;/p><p>　　2.3系統(tǒng)的性能需求4</p><p><b>　　3概要設(shè)計5</b></p><p>　　3.1網(wǎng)站結(jié)構(gòu)概要設(shè)計5</p><p>　　3.2數(shù)據(jù)庫結(jié)構(gòu)概要設(shè)計5</p><p><b>　　4數(shù)據(jù)庫的設(shè)計6</b></p>&l

13、t;p>　　4.1用戶表（users）6</p><p>　　4.2模擬試題（mnst）6</p><p>　　4.3拓展學(xué)習(xí)（tzxx）7</p><p>　　4.4實(shí)驗指導(dǎo)（syzd）7</p><p>　　4. 5教學(xué)團(tuán)隊（team）8</p><p>　　4. 6疑問留言（question）8

14、</p><p>　　5網(wǎng)頁功能的設(shè)計10</p><p><b>　　5.1首頁10</b></p><p>　　5.2課程教學(xué)14</p><p>　　5.3實(shí)驗實(shí)踐17</p><p>　　5.4工具軟件19</p><p>　　5.5輔導(dǎo)答疑19<

15、/p><p>　　5.6教學(xué)團(tuán)隊31</p><p>　　5.7作品展示32</p><p><b>　　6結(jié)束語33</b></p><p><b>　　參考文獻(xiàn)35</b></p><p><b>　　附錄36</b></p>&

16、lt;p><b>　　致 謝42</b></p><p><b>　　1前言</b></p><p><b>　　1.1概述</b></p><p>　　21世紀(jì)是一個信息化的社會，隨著科技的發(fā)展，網(wǎng)絡(luò)已經(jīng)和人們的生活密不可分了。信息化生活給人們帶來了極大的方便。目前，互聯(lián)網(wǎng)已經(jīng)廣泛地應(yīng)用在

17、教育上，并對教學(xué)過程產(chǎn)生了非常重要的影響。</p><p>　　網(wǎng)絡(luò)教學(xué)是傳統(tǒng)教學(xué)的補(bǔ)充和延伸，它是以學(xué)生為中心的一種教學(xué)方式。它豐富了教學(xué)的方法，擴(kuò)大了教學(xué)的空間。通過網(wǎng)絡(luò)教學(xué)的方式傳遞教授的信息，實(shí)現(xiàn)教師和學(xué)生的互動。還可以將一些課堂上小的知識點(diǎn)作為拓展內(nèi)容放到網(wǎng)絡(luò)教學(xué)平臺上，對此有興趣的同學(xué)就可以在上課之余，自己上網(wǎng)去瀏覽這些拓展信息，豐富自己的知識面。學(xué)生也可以隨時將自己的問題放在網(wǎng)上，等待老師的解答。學(xué)

18、生還可以在網(wǎng)上反復(fù)學(xué)習(xí)以鞏固課堂上學(xué)到的知識?；蚴菍⒄n件下載下來進(jìn)行自主學(xué)習(xí)。這樣教學(xué)資源的利用率會大大提高。</p><p>　　此次的網(wǎng)站是針對單門課程進(jìn)行設(shè)計的網(wǎng)絡(luò)教學(xué)平臺（前臺）的設(shè)計。在此基礎(chǔ)上還可以擴(kuò)充成多門課程的教學(xué)平臺。然后由后臺的服務(wù)進(jìn)行更新。</p><p>　　網(wǎng)站的主要目的就是實(shí)現(xiàn)教學(xué)資源的共享，滿足教學(xué)的需求，提高教學(xué)資源的利用率。學(xué)生可以通過系統(tǒng)發(fā)布問題，可以搜

19、索相關(guān)的問題?？梢圆榭雌渌鼘W(xué)生的問題，教師回答問題，通過這種方式實(shí)現(xiàn)師生之間的互動交流。此外，教師也可以動態(tài)發(fā)布實(shí)驗的內(nèi)容和要求。</p><p>　　1.2主要開發(fā)工具介紹</p><p>　　1.2.1 夢幻網(wǎng)頁的編織者——Dreamweaver</p><p>　　Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)

20、建跨平臺、跨瀏覽器的頁面。Macromedia的Roundtrip HTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無需重新設(shè)置代碼格式。</p><p>　　Dreamweaver相對于其他同類軟件來說有這樣幾個特點(diǎn)：不生產(chǎn)冗余代碼；具有方便的代碼編輯，可以自由在可視化編輯和源代碼編輯狀態(tài)之間自由轉(zhuǎn)換；強(qiáng)大的動態(tài)頁面支持；操作方便，它提供了歷史面板、html樣式、模板等功能避免了重復(fù)勞動，除此之外，它還可以直接在頁面

21、中插入flash等插件。使用十分方便。</p><p>　　Dreamweaver可以為用戶做到：使用動態(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。</p><p>　　Dreamweaver還是一個可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫JavaScript代

22、碼擴(kuò)展Dreamweaver的行為和屬性檢查器。</p><p>　　1.2.2 動態(tài)網(wǎng)站的腳本語言——ASP　　</p><p>　　Active Server Pages：“動態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都

23、可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”。</p><p>　　ASP的語言相容性高，與所有的ActiveX Script語言都相容。并且它的隱密安全性也相當(dāng)高。如果在瀏覽器中直接查看網(wǎng)頁的源文件，那么只能看見html文件。而ASP程序代碼是看不到的。能夠避免ASP程序被看見和盜用。再有，使用ASP抑郁操控數(shù)據(jù)庫，它可以通過ODBC（Open Database Conne

24、ctivity）驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如Access、SQL Server、Oracle等等。因此選擇采用ASP結(jié)合 dreamweaver8構(gòu)架網(wǎng)站。并使用IIS5.0對頁面進(jìn)行調(diào)試。</p><p>　　1.2.3 數(shù)據(jù)庫——Access</p><p>　　Microsoft Access是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量少的應(yīng)用，在處理少量數(shù)據(jù)和單機(jī)訪問的數(shù)據(jù)庫時是很好的，

25、效率也很高。但是它的同時訪問客戶端不能多于4個。Microsoft Access數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達(dá)到100M左右，很容易造成服務(wù)器IIS假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。</p><p>　　對于需求不算太大的數(shù)據(jù)庫來說，使用Access比較合適，如果網(wǎng)站還需要繼續(xù)擴(kuò)充，則可以將數(shù)據(jù)庫的開發(fā)工具改為SQL server。</p><p>　　數(shù)據(jù)庫的訪問方式有很多種，

26、主要有公共網(wǎng)關(guān)接口GGI（Common Gateway Interface），先進(jìn)數(shù)據(jù)庫連接器ADC（Advance Database Connector），JAVA/JDBC語言編程，動態(tài)服務(wù)器頁面ASP。相對應(yīng)以上幾種數(shù)據(jù)庫訪問方式，ASP編程靈活簡潔，具有較高的性能，是目前訪問WEB數(shù)據(jù)庫的最佳選擇。</p><p>　　1.2.4 SQL查詢語言</p><p>　　SQL（Str

27、uctured Query Language)結(jié)構(gòu)化查詢語言，是一種數(shù)據(jù)庫查詢和程序設(shè)計語言，用于存取數(shù)據(jù)以及查詢、更新和管理關(guān)系數(shù)據(jù)庫系統(tǒng)。同時也是數(shù)據(jù)庫腳本文件的擴(kuò)展名。</p><p>　　SQL是高級的非過程化編程語言，是溝通數(shù)據(jù)庫服務(wù)器和客戶端的重要工具，允許用戶在高層數(shù)據(jù)結(jié)構(gòu)上工作。它不要求用戶指定對數(shù)據(jù)的存放方法，也不需要用戶了解具體的數(shù)據(jù)存放方式，所以，具有完全不同底層結(jié)構(gòu)的不同數(shù)據(jù)庫系統(tǒng)，可以使

28、用相同的SQL語言作為數(shù)據(jù)輸入與管理的    SQL接口。它以記錄集合作為操作對象，所有SQL語句接受集合作為輸入，返回集合作為輸出，這種集合特性允許一條SQL語句的輸出作為另一條SQL語句的輸入，所以SQL語句可以嵌套，這使它具有極大的靈活性和強(qiáng)大的功能，在多數(shù)情況下，在其他語言中需要一大段程序?qū)崿F(xiàn)的功能只需要一個SQL語句就可以達(dá)到目的，這也意味著用SQL語言可以寫出非常復(fù)雜的語句。</p><

29、;p><b>　　1.2.5 其他</b></p><p>　　網(wǎng)頁制作還用到了一些其他的軟件，比如說處理圖片的Photoshop軟件，本次設(shè)計的網(wǎng)頁導(dǎo)航圖片就是通過Photoshop剪切拼合成的。還有另一個制作平面二維動畫的flash軟件，在學(xué)生作品展示中，由于資源有限，就在末尾放上了一個自己做過的flash動畫。</p><p>　　還有一個比較重要的工具

30、就是測試網(wǎng)頁用到的windows組件——IIS。HTM等格式的靜態(tài)網(wǎng)頁可以通過網(wǎng)頁瀏覽器直接進(jìn)行測試，ASP動態(tài)網(wǎng)頁的測試則最好是通過IIS，在電腦安裝系統(tǒng)的時候系統(tǒng)自帶了一個服務(wù)器測試軟件。安裝方法如下：</p><p>　　打開控制面板，選擇添加或刪除程序，再選擇添加或刪除windows組件，鉤選中Internet信息服務(wù)（IIS）點(diǎn)擊下一步，按照向?qū)О惭b上IIS。安裝成功后，將整個網(wǎng)站放在合適的目錄下即可對

31、動態(tài)網(wǎng)頁進(jìn)行測試。</p><p><b>　　2需求分析</b></p><p>　　建立網(wǎng)絡(luò)平臺的主要目的是為了方便教學(xué)工作，其最本質(zhì)的功能在輔助教學(xué)方面。</p><p>　　2.1系統(tǒng)功能需求分析</p><p>　　本次設(shè)計的是前臺，主要實(shí)現(xiàn)的是面向?qū)W生的這部分功能。主要功能及簡介如下：</p>

32、<p>　?。?）注冊及登錄。學(xué)生可以通過注冊來獲得用戶名，獲得登錄的權(quán)力，這有助于在輔導(dǎo)答疑中實(shí)現(xiàn)問題的查看</p><p>　?。?）上傳功能。學(xué)生可以將老師布置的部分作業(yè)通過網(wǎng)站提交上傳。</p><p>　?。?）下載功能?，F(xiàn)在教師上課一般都有課件，通過后臺管理可以將每一章節(jié)的內(nèi)容放到網(wǎng)站上，學(xué)生想要再看課件的話可以通過進(jìn)入網(wǎng)站下載。</p><p&g

33、t;　?。?）留言功能。學(xué)生可以通過答疑平臺將自己的問題提交到網(wǎng)站上，然后由老師回答，學(xué)生再次登錄的時候可以查看自己的問題是否被回答了。</p><p>　　（5）查看功能。整個網(wǎng)絡(luò)教學(xué)平臺是要實(shí)現(xiàn)教學(xué)目的，所以很多教學(xué)內(nèi)容都要放到網(wǎng)頁上供學(xué)生查看。</p><p>　　2.2系統(tǒng)的數(shù)據(jù)需求分析</p><p>　　數(shù)據(jù)是系統(tǒng)的靈魂，沒有數(shù)據(jù)的話也就無從談起管理，系

34、統(tǒng)也就不能發(fā)揮它的功效。所以說數(shù)據(jù)庫的選擇對系統(tǒng)的開發(fā)很重要。雖然本次設(shè)計采用的是適用于小型數(shù)據(jù)存儲的Access數(shù)據(jù)庫開發(fā)，但SQL查詢語句仍然適用。SQL查詢語句可以實(shí)現(xiàn)一系列復(fù)雜的操作。比如說數(shù)據(jù)的增加、刪除、修改等等。配合ASP使用也十分方便。</p><p>　　根據(jù)網(wǎng)站的設(shè)計，需要動態(tài)顯示的數(shù)據(jù)最好都放在數(shù)據(jù)庫里。比如說，課下的拓展知識，做練習(xí)用的模擬試題，存儲用戶信息的用戶表，存儲教師信息的表。存儲

35、與實(shí)驗相關(guān)信息的實(shí)驗表。還有就是存儲學(xué)生留言提問信息的問題表。</p><p>　　2.3系統(tǒng)的性能需求</p><p>　　網(wǎng)絡(luò)教學(xué)平臺是一個教育類型的網(wǎng)站，所以必須做到實(shí)用、簡潔。界面不必太過花哨，要做到界面簡潔明了、導(dǎo)航清晰。用戶只要能上網(wǎng)就可以進(jìn)行學(xué)習(xí)，以及實(shí)現(xiàn)上傳，下載等功能。</p><p>　　并且，網(wǎng)站應(yīng)該具有可擴(kuò)充性，此次設(shè)計的網(wǎng)絡(luò)教學(xué)平臺只是針對

36、單門課程的設(shè)計，還有很多內(nèi)容還不全面，因此網(wǎng)站的設(shè)計要能夠方便日后的更改、擴(kuò)充等。</p><p><b>　　3概要設(shè)計</b></p><p>　　3.1網(wǎng)站結(jié)構(gòu)概要設(shè)計</p><p>　　對于功能較為全面的網(wǎng)絡(luò)教學(xué)平臺來說，一般都有教學(xué)大綱、教師信息、討論答疑、課程作業(yè)、教學(xué)筆記、教學(xué)郵箱、資源下載等一系列復(fù)雜的內(nèi)容。由于時間，資源的限

37、制，所以本次設(shè)計只能實(shí)現(xiàn)其中一部分的功能。</p><p>　　網(wǎng)站主要結(jié)構(gòu)如下圖所示。</p><p><b>　　圖3.1網(wǎng)站結(jié)構(gòu)</b></p><p>　　3.2數(shù)據(jù)庫結(jié)構(gòu)概要設(shè)計</p><p>　　由于整個網(wǎng)站的內(nèi)容不是特別多，所以把所以的表設(shè)計在了同一個數(shù)據(jù)庫中，數(shù)據(jù)庫中數(shù)據(jù)表的情況如圖3.2所示。<

38、/p><p>　　圖3.2數(shù)據(jù)庫結(jié)構(gòu)設(shè)計</p><p><b>　　4數(shù)據(jù)庫的設(shè)計</b></p><p>　　整體來說包含了六個數(shù)據(jù)表，第一個是users表，用了存儲學(xué)生注冊信息的表；第二個是mnst表，用來存儲所以的模擬試題的信息的表；第三個是tzxx表，用來存儲拓展學(xué)習(xí)內(nèi)容的表；第四個是syzd表，用來存儲與實(shí)驗相關(guān)內(nèi)容的表；第五個是tea

39、m表，用來存儲教學(xué)團(tuán)隊的信息；第六個是question表，用來存儲學(xué)生問題的表。</p><p>　　4.1用戶表（users）</p><p>　　表4-1 用戶表（users）</p><p>　　以上為用來存儲用戶的用戶表，共有五個字段，其中S_num和S_password分別用做用戶名和登錄密碼。并且不允許為空，最長不得超過20個字符。S_name用來存儲用

40、戶的姓名，也不允許為空值。S_class和S_tel作為輔助選項，可不填寫。</p><p>　　4.2模擬試題（mnst）</p><p>　　表4-2 模擬試題（mnst）</p><p>　　模擬試題表用來存儲模擬題的相關(guān)信息，有三個字段，第一個是便于搜索的id字段，第二個是title字段，用來存放試題的標(biāo)題，例如說章節(jié)之類的內(nèi)容。第三個字段是content，

41、備注類型的字段，可以用來存放較長的文本。</p><p>　　4.3拓展學(xué)習(xí)（tzxx）</p><p>　　表4-3 拓展學(xué)習(xí)（tzxx）</p><p>　　拓展學(xué)習(xí)（tzxx）表用來存放拓展學(xué)習(xí)的相關(guān)信息，也有三個字段，第一個是便于搜索或進(jìn)行參數(shù)傳遞的num字段。第二個是title字段，用來存放拓展學(xué)習(xí)中小的知識點(diǎn)的標(biāo)題，例如關(guān)鍵字之類的內(nèi)容。第三個字段是c

42、ontent，備注類型的字段，可以用來存儲較多較詳細(xì)的內(nèi)容。</p><p>　　4.4實(shí)驗指導(dǎo)（syzd）</p><p>　　表4-4實(shí)驗指導(dǎo)（syzd）</p><p>　　實(shí)驗指導(dǎo)（syzd）表是用來存放于實(shí)驗實(shí)踐里相關(guān)的信息。S_id字段是自動編號字段，用做搜索或參數(shù)傳遞。S_name是用來存放實(shí)驗名稱的字段，長度不超過50個字符長。S_goal是存放實(shí)驗

43、目的的字段，類型為備注類型，可存儲比較長的文本。S_content是存放實(shí)驗內(nèi)容的字段，同樣是備注類型的字段。S_reqment是存放實(shí)驗要求的字段，數(shù)據(jù)類型為備注類型。</p><p>　　4. 5教學(xué)團(tuán)隊（team）</p><p>　　表4-5教學(xué)團(tuán)隊（team）</p><p>　　教學(xué)團(tuán)隊（team）表是用來存放教師相關(guān)資料的，T_id是用來存放一些編號的

44、，比如說教師的員工號，當(dāng)然也可以在輸入數(shù)據(jù)前將它更改成自動編號，這樣每次添加數(shù)據(jù)的時候就不用反復(fù)輸入編號。T_name用來存儲教師姓名或稱呼之類的信息。T_jieshao則是存儲對教師個人資料的詳細(xì)介紹。T_img是一個OlE對象，用來存儲相關(guān)的照片信息。</p><p>　　4. 6疑問留言（question）</p><p>　　表4-6疑問留言（question）</p>

45、<p>　　疑問留言（question）表是用來存儲學(xué)生提交上來的問題的，S_num是配合前面的用戶表設(shè)置的，將這樣兩個表連接在一起的時候就可以查詢到已登錄學(xué)生的賬號和問題了。SQ字段用來存儲學(xué)生的問題，和前一個字段組合形成數(shù)據(jù)表的主鍵，避免一個學(xué)生提出相同的問題。SA則用來存儲對某一個問題的答案。</p><p>　　以上是關(guān)于本次設(shè)計的數(shù)據(jù)庫中所用的到的表的設(shè)計，盡最大可能將所用能存儲到數(shù)據(jù)庫中

46、的內(nèi)容存儲到數(shù)據(jù)庫中，以便將來后臺進(jìn)行修改。使用ASP+Dreamweaver+Access開發(fā)出來的網(wǎng)站只能盡量做到這些。</p><p><b>　　5網(wǎng)頁功能的設(shè)計</b></p><p><b>　　5.1首頁</b></p><p>　　首頁頁面布置如下圖：</p><p><b&g

47、t;　　圖5.1首頁界面</b></p><p>　　首頁的布置是這樣的：上面是導(dǎo)航條，且在本次設(shè)計中，所有的網(wǎng)頁上部都是主要的導(dǎo)航條。根據(jù)一個全局變量的判斷，先判斷用戶是否登錄成功。若沒有登錄的時候，左側(cè)上方是一個簡單的登錄界面，要求輸入用戶名和密碼，且兩個都不能為空，若輸入為空則顯示如下圖：</p><p><b>　　圖5.2出錯界面</b><

48、/p><p>　　表單的代碼設(shè)置如下：</p><p>　　<form name="f1" method="post" action="chklogin.asp" onSubmit="return checkdata()"></p><p><b>　　<br/&

49、gt;</b></p><p><b>　　<br/></b></p><p><b>　　用戶名：</b></p><p>　　<input type="text" name="yonghu" /></p><p>　　密

50、 &nbsp;碼：</p><p>　　<input type="password" name="mima" /></p><p>　　<input type="submit" name="tijiao" value="登錄" /></p>&l

51、t;p>　　&nbsp;&nbsp;</p><p>　　<input type="button" name="zhuce" value="注冊" onclick=location.href="regist.asp" />&nbsp;&nbsp;</p><p>

52、;　　<input type="reset" name="chongzhi" value="重置" /></p><p><b>　　</form></b></p><p>　　在提交表單的時候先進(jìn)行的是一個檢查函數(shù)：checkdata()</p><p>　

53、　function checkdata() {</p><p>　　if( f1.yonghu.value.length<1 || f1.yonghu.value.length>20 ) {</p><p>　　alert("\請輸入正確的用戶名 !!")</p><p>　　return false;</p><

54、p><b>　　}</b></p><p>　　if( f1.mima.value.length<1 || f1.mima.value.length>20 ) {</p><p>　　alert("\請您輸入正確的登錄密碼 !!")</p><p>　　return false;</p>&l

55、t;p><b>　　}</b></p><p><b>　　}</b></p><p>　　函數(shù)對兩個輸入的文本框進(jìn)行檢查，首先是用戶名是否為空或者是超過了規(guī)定的長度。然后檢查密碼輸入是否規(guī)范。表單提交后執(zhí)行的操作是chklogin.asp，其代碼如下： username=trim(request.form("yongh

56、u"))</p><p>　　password=trim(request.Form("mima"))</p><p>　　rs.open "select * from users",cn,1,3</p><p>　　do while not rs.eof</p><p>　　if userna

57、me=trim(rs("S_num")) and password=trim(rs("S_password")) then </p><p>　　response.cookies("denglu")="ok"</p><p>　　response.cookies("username")=rs

58、("S_num")</p><p>　　response.cookies("sname")=rs("S_name")</p><p>　　response.redirect "index.asp"</p><p><b>　　end if</b></p>

59、<p>　　rs.movenext</p><p><b>　　loop</b></p><p>　　if rs.eof then</p><p><b>　　%></b></p><p>　　<script language=vbscript></p>

60、<p>　　MsgBox "對不起，用戶名不存在，或密碼輸入錯誤"</p><p>　　location.href = "javascript:history.back()"</p><p><b>　　</script></b></p><p>　　以上代碼判斷從前一個頁面?zhèn)鬟f過

61、來的兩個參數(shù)是否是正確的用戶名和密碼，如果用戶名不存在或者密碼錯誤的話則彈出消息框提示用戶，用戶名不存在或密碼輸入錯誤。然后返回首頁重新輸入。如果數(shù)據(jù)庫中存在該用戶且密碼正確，則將全局變量”denglu”的值設(shè)置成”ok”， 并且將用戶名作為全局變量保存起來。然后主頁用戶登錄位置則變動如下，以用戶1234為例：</p><p>　　圖5.3登錄成功界面</p><p>　　登錄成功后，左側(cè)

62、上方顯示的是用戶的登錄學(xué)號以及注冊姓名，姓名為空則顯示空白。下方是提供了學(xué)校的一些超鏈接，方便學(xué)生訪問其他網(wǎng)站。右側(cè)則是和數(shù)字多媒體相關(guān)的一些簡介。若用戶沒有進(jìn)行注冊的話，可以點(diǎn)擊用戶登錄的地方，有一個注冊按鈕，點(diǎn)擊注冊按鈕可進(jìn)入注冊界面。界面如下：</p><p>　　圖5.4用戶注冊界面</p><p>　　如上圖，用戶注冊界面要求用戶輸入的信息比較簡單，用來做用戶名的學(xué)號、學(xué)生姓名、

63、密碼，班級以及手機(jī)號。此注冊頁面由導(dǎo)航和下方注冊信息表單構(gòu)成。因為用戶名和密碼不能為空，所以同樣設(shè)置了一個檢查函數(shù)，和首頁的檢查用戶名和密碼輸入是否為空的函數(shù)原理是一樣的，在這里就不過多介紹了。還有一點(diǎn)是密碼的確認(rèn)輸入，因為密碼要輸入兩次，所以在檢查函數(shù)里有一項是檢查兩次輸入的密碼是否相同。在提交表單之后檢查無誤的情況下轉(zhuǎn)到處理頁面adduser.asp，其代碼如下：</p><p><b>　　<

64、;%</b></p><p>　　num=trim(request.form("num"))</p><p>　　sname=trim(request.Form("name"))</p><p>　　pwd=trim(request.form("pwd"))</p><p&g

65、t;　　sclass=trim(request.Form("sclass"))</p><p>　　tel=trim(request.form("tel"))</p><p>　　rs.open "select * from users",cn,1,3</p><p><b>　　rs.addne

66、w</b></p><p>　　rs("S_num")=num</p><p>　　rs("S_name")=sname</p><p>　　rs("S_password")=pwd</p><p>　　rs("S_class")=sclass<

67、/p><p>　　rs("S_tel")=tel</p><p><b>　　rs.update</b></p><p><b>　　rs.close</b></p><p><b>　　cn.close</b></p><p><

68、b>　　%></b></p><p>　　<script language=vbscript></p><p>　　MsgBox "注冊成功，請重新登錄"</p><p>　　location.href = "index.asp"</p><p><b>　

69、　</script></b></p><p>　　此段代碼的主要作用是將用戶的注冊信息寫進(jìn)數(shù)據(jù)表里，然后提示用戶注冊成功，再轉(zhuǎn)到首頁重新登錄。</p><p><b>　　5.2課程教學(xué)</b></p><p>　　課程教學(xué)主要是知識課堂知識方面的教學(xué)內(nèi)容以及一些相關(guān)的資源。其效果如下圖：</p><

70、p>　　圖5.5課程教學(xué)界面</p><p>　　課程教學(xué)的界面是針對多媒體課程的教學(xué)。左側(cè)是幾個選項，右側(cè)則是用一個框架展示的類似于目錄的一個課程的要點(diǎn)，點(diǎn)擊右側(cè)的某個選項，框架內(nèi)容將自動更新成與選中的選項相關(guān)的網(wǎng)頁，網(wǎng)頁下端有返回按鈕，點(diǎn)擊則返回課程教學(xué)起始頁。左側(cè)的是四個鏈接內(nèi)容。</p><p>　　第一個教學(xué)大綱是一個簡單的網(wǎng)頁，顯示的主要內(nèi)容是關(guān)于多媒體的教學(xué)內(nèi)容，教學(xué)要

71、求等信息。第二個選項是課件，點(diǎn)擊課件會在右側(cè)提供每一章的教學(xué)課件。到時只需要點(diǎn)擊相關(guān)的連接即可將相應(yīng)章節(jié)的教學(xué)課件下載下來，實(shí)現(xiàn)資源的共享。第三個選項是拓展學(xué)習(xí)，點(diǎn)擊拓展學(xué)習(xí)之后將刷新到一個新的頁面，頁面如下：</p><p>　　圖5.6課程教學(xué)之拓展學(xué)習(xí)</p><p>　　拓展學(xué)習(xí)的內(nèi)容是從數(shù)據(jù)庫中讀取出來的，左側(cè)是從數(shù)據(jù)庫中的（tzxx）表中讀取出來的標(biāo)題行，點(diǎn)擊標(biāo)題，右側(cè)顯示相對

72、應(yīng)的具體介紹。由于每個標(biāo)題對應(yīng)的內(nèi)容都比較多，所以左側(cè)為每個標(biāo)題設(shè)置錨點(diǎn)，以頁內(nèi)設(shè)置連接的方式使右側(cè)全部顯示數(shù)據(jù)庫中的內(nèi)容是不現(xiàn)實(shí)的，這樣會占用太多的空間，所以采用一個參數(shù)傳遞自動刷新的方式來顯示相對應(yīng)的知識點(diǎn)。實(shí)現(xiàn)的方式主要還是通過一個框架和兩個動態(tài)網(wǎng)頁的文件。左側(cè)顯示標(biāo)題的代碼如下：</p><p>　　<% rs.open "select * from tzxx",cn,1<

73、/p><p>　　do while not rs.eof</p><p><b>　　%></b></p><p>　　&nbsp;&nbsp;&nbsp;<a href="tzxx1.asp?id=<%=rs("num")%>" target="ri

74、ght"> <%=rs("title")%></a><br></p><p><b>　　<%</b></p><p>　　rs.movenext</p><p><b>　　loop</b></p><p><b&

75、gt;　　rs.close</b></p><p><b>　　cn.close</b></p><p><b>　　%></b></p><p>　　這段代碼是將tzxx表中的標(biāo)題全部顯示在左側(cè)，并為每一個標(biāo)題設(shè)置一個連接，在更新網(wǎng)頁的時候更新的位置是名字是“right”的一個框架，就是整個頁面的右下方

76、區(qū)域。同時將該標(biāo)題所對應(yīng)的num值作為一個id參數(shù)傳遞到tzxx1.asp中。</p><p>　　tzxx1.asp的主要代碼如下</p><p><b>　　<% </b></p><p>　　id=request.QueryString("id")</p><p>　　if id=&quo

77、t;" then </p><p>　　rs.open "select * from tzxx where num=0",cn,1,3</p><p>　　response.Write(changechr(rs("content")))</p><p><b>　　else</b></p

78、><p>　　rs.open "select * from tzxx where num="&id,cn,1,3</p><p>　　response.Write(changechr(rs("content")))</p><p><b>　　end if</b></p><p&g

79、t;<b>　　%></b></p><p>　　根據(jù)上一個網(wǎng)頁傳遞過來的id參數(shù)，在數(shù)據(jù)庫中進(jìn)行查找，查找到與參數(shù)相符的記錄，然后將對應(yīng)的記錄內(nèi)容顯示在網(wǎng)頁上。其中用到了一個轉(zhuǎn)換函數(shù)，changechr()。</p><p>　　其主要功能是將數(shù)據(jù)庫中的文字原樣輸出，否則網(wǎng)頁中顯示的文字將顯得非常不規(guī)范排列不整齊。changechr()，函數(shù)的代碼如下：<

80、;/p><p>　　function changechr(str) </p><p>　　changechr=replace(replace(replace(replace(str,"<","&lt;"),">","&gt;"),chr(13),"<br>&quo

81、t;)," ","&nbsp;") </p><p>　　end function</p><p>　　replace()是一個標(biāo)準(zhǔn)函數(shù)，其中有三個參數(shù)，第一個參數(shù)是一個字符串，必有的參數(shù)，即要被搜索的字符串，第二個參數(shù)是所要查找的字符，第三個參數(shù)是要替換后的字符。</p><p>　　課程教學(xué)的最后一項是模擬試題，模

82、擬試題也是存儲在數(shù)據(jù)庫中的記錄，使用的方法和拓展學(xué)習(xí)的方法是類似的，所以就不過多贅述了。</p><p><b>　　5.3實(shí)驗實(shí)踐</b></p><p>　　實(shí)驗實(shí)踐的界面如下：</p><p>　　圖5.7實(shí)驗實(shí)踐界面</p><p>　　實(shí)驗實(shí)踐頁面的主要作用是顯示與實(shí)驗信息相關(guān)的內(nèi)容。將存儲在數(shù)據(jù)庫中的實(shí)驗信息

83、讀取出來存放在當(dāng)前頁面，本次使用的連接方式是錨記的方式，點(diǎn)擊左側(cè)選項，右側(cè)則定位到相關(guān)部分，以顯示實(shí)驗的標(biāo)題、實(shí)驗?zāi)康?、?shí)驗內(nèi)容、以及實(shí)驗要求這些信息。原理及代碼和以上的模擬試題類似，不同之處在于所連接的表的內(nèi)容不同。</p><p>　　右下角的部分是提供了一個上傳作業(yè)的功能。學(xué)生可以將完成的作業(yè)或作品通過網(wǎng)頁提交上去。</p><p>　　實(shí)現(xiàn)文件上傳的方式有兩種，一種是需要先安裝一個

84、組件，然后實(shí)現(xiàn)文件的上傳功能，另一種則是無組件上傳方式，無組件上傳代碼雖然復(fù)雜，但相對于使用組件上傳要簡單一些。先將文件上傳到服務(wù)器，然后在下載到文檔中。由于學(xué)到的知識有限，這部分代碼來源于互聯(lián)網(wǎng)。關(guān)鍵代碼如下：</p><p><b>　　<% </b></p><p>　　dim upload,file,formname,formpath </p>

85、;<p>　　set upload=new upload_5xsoft '建立上傳對象 </p><p>　　formpath=upload.form("filepath") '在目錄后加(/) </p><p>　　if right(formpath,1)<>"/" then formpath=formpa

86、th&"/" </p><p>　　for each formname in upload.file '列出所有上傳了的文件 </p><p>　　set file=upload.file(formname) '生成一個文件對象 </p><p>　　if file.filesize<100 then </p&

87、gt;<p><b>　　%></b></p><p>　　<script language=vbscript></p><p>　　MsgBox "請重新上傳"</p><p>　　location.href = "javascript:history.back()"&l

88、t;/p><p><b>　　</script></b></p><p><b>　　<% </b></p><p>　　response.end </p><p><b>　　end if </b></p><p>　　if file.f

89、ilesize>500*1000 then '設(shè)置上傳文件大小為500k </p><p><b>　　%></b></p><p>　　<script language=vbscript></p><p>　　MsgBox "請重新上傳"</p><p>　　loca

90、tion.href = "javascript:history.back()"</p><p><b>　　</script></b></p><p><b>　　<% </b></p><p>　　response.end </p><p><b>

91、　　end if </b></p><p>　　if file.filesize>0 then '如果 filesize > 0 說明有文件數(shù)據(jù) </p><p>　　file.saveas server.mappath("updata\"&file.filename) '保存文件 </p><p>

92、;<b>　　end if </b></p><p>　　set file=nothing </p><p><b>　　next </b></p><p>　　set upload=nothing </p><p><b>　　%></b></p><

93、;p>　　<script language=vbscript></p><p>　　MsgBox "已成功上傳"</p><p>　　location.href = "javascript:history.back()"</p><p><b>　　</script></b>

94、</p><p>　　將上傳的文件保存在了名為upload的文件夾中。在學(xué)生上傳作業(yè)的時候，可以將文件的名字以自己的學(xué)號命名。這樣比較便于區(qū)別不同學(xué)生的作品。</p><p><b>　　5.4工具軟件</b></p><p>　　工具軟件的界面如下：</p><p>　　圖5.8工具軟件界面</p>&l

95、t;p>　　工具軟件是可能能夠用到的素材以及教程類型的信息，共分為積件、圖片、表格、實(shí)驗素材、軟件教程幾個部分。學(xué)生下載時候只需要點(diǎn)擊文字便可將相應(yīng)的文件下載成功，此部分內(nèi)容是由幾個單獨(dú)的網(wǎng)頁組成，不是存儲在數(shù)據(jù)庫中的內(nèi)容。</p><p><b>　　5.5輔導(dǎo)答疑</b></p><p>　　輔導(dǎo)答疑的界面如下：</p><p>　　

96、圖5.9提問內(nèi)容照片</p><p>　　現(xiàn)在顯示的已經(jīng)登錄上以后進(jìn)入輔導(dǎo)答疑看到的界面，如果不登陸的話，看到的界面如下：</p><p>　　圖5.10尚未登錄的輔導(dǎo)答疑界面</p><p>　　若未經(jīng)過登錄則顯示尚未登錄，下面有返回首頁登錄的文字，點(diǎn)擊則可返回網(wǎng)站首頁進(jìn)行登錄。</p><p>　　在輔導(dǎo)答疑界面不管是否登錄，右側(cè)顯示的都

97、是全部問題。未登錄的時候，點(diǎn)擊我的問題，顯示的仍然是全部問題，若登錄后則只顯示和登錄學(xué)號相關(guān)的問題。</p><p>　　為了便于查看相關(guān)的問題，全部問題中還提供了搜索的功能，按照輸入的關(guān)鍵字對問題進(jìn)行檢索比如搜索中輸入 “顏色”兩個字，顯示結(jié)果如下：</p><p>　　圖5.11 按關(guān)鍵字搜索</p><p>　　提問中有顏色兩個字的問題便列在了右邊。整體代碼如

98、下：</p><p><b>　　<%</b></p><p>　　Dim sousuo,sousuo1</p><p>　　sousuo=Trim(Request.Form("sousuo")&"")</p><p>　　if sousuo<>"

99、;" then</p><p>　　sousuo1="Where SQ like '%"& sousuo &"%' "</p><p><b>　　else</b></p><p>　　sousuo1=""</p><p&g

100、t;<b>　　end if</b></p><p><b>　　%></b></p><p>　　<body bgcolor="#ddf3f3"></p><p>　　<table border="1" bordercolor="#CCCCCC&

101、quot; cellspacing="1" cellpadding="0" width="670" height="30" frame="below"></p><p><b>　　<tr></b></p><p>　　<td align=&qu

102、ot;right"></p><p>　　<form name="f4" action="fddy1.asp" method="post"></p><p>　　輸入要查找問題的關(guān)鍵字:</p><p>　　<input type="text" maxl

103、ength="20" name="sousuo" value="<%</p><p>　　if sousuo<>"" then</p><p>　　Response.Write sousuo</p><p><b>　　else</b></p>

104、<p>　　Response.Write "請輸入關(guān)鍵字"</p><p><b>　　end if</b></p><p><b>　　%>" </b></p><p>　　onmouseover='if(this.value=="輸入關(guān)鍵字")

105、this.select();'></p><p>　　<input type="submit" name="tijiao" value="搜索"></p><p>　　</form></td></p><p><b>　　</tr>&l

106、t;/b></p><p><b>　　</table></b></p><p><b>　　<%</b></p><p><b>　　dim sql</b></p><p>　　dim rs '實(shí)例</p><p>　　

107、dim totalPut '總記錄數(shù)</p><p>　　dim CurrentPage '當(dāng)前頁</p><p>　　dim TotalPages '總頁數(shù)</p><p><b>　　dim i,j</b></p><p>　　dim errmsg</p><p&

108、gt;　　MaxPerPage=10 '每頁10條記錄</p><p>　　founderr=false</p><p>　　sql = "select SQ,SA from question "</p><p>　　sql=sql & sousuo1</p><p>　　rs.open sql,cn,2,

109、3</p><p>　　if rs.bof then</p><p>　　response.Write("暫無記錄")</p><p>　　response.end</p><p><b>　　end if</b></p><p>　　rs.MoveFirst '到第

110、一條記錄</p><p>　　rs.pagesize=MaxPerPage '定義每頁記錄數(shù)</p><p>　　'howmanyfields=rs.Fields.Count-1</p><p>　　If trim(Request("Page"))<>"" then</p><

111、p>　　CurrentPage= CLng(request("Page"))</p><p>　　If CurrentPage> rs.PageCount then</p><p>　　CurrentPage = rs.PageCount</p><p><b>　　End If</b></p>&

112、lt;p><b>　　Else</b></p><p>　　CurrentPage= 1</p><p><b>　　End If</b></p><p>　　totalPut=rs.recordcount 'totalput=總記錄數(shù)</p><p>　　if CurrentPage

113、<>1 then</p><p>　　if (currentPage-1)*MaxPerPage < totalPut then</p><p>　　rs.move(currentPage-1)*MaxPerPage</p><p><b>　　end if</b></p><p><b>　

114、　end if</b></p><p><b>　　%></b></p><p>　　<table border="1" cellspacing="1" cellpadding="0" width="670" height="30" borde

115、rcolor="999999" frame="below"></p><p><b>　　<tr></b></p><p>　　<td width="559" height="40" align="center" style="fon

116、t-size:16px">提問內(nèi)容</td></p><p>　　<td width="112" height="40" align="center" style="font-size:16px">&nbsp;</td></p><p><b&

117、gt;　　</tr></b></p><p><b>　　<%</b></p><p>　　do while not rs.eof and i < maxperpage</p><p>　　Response.Write </p><p>　　("<TR ><

118、td height='35'>"&(CurrentPage-1)*maxperpage+i+1&rs("SQ")&"</td>")</p><p>　　response.write ("<td >")</p><p>　　if isnull(rs(&q

119、uot;SA")) then response.write("暫無")</p><p>　　if not isnull(rs("SA")) then response.write("<a href='answer.asp?Q="&trim(rs("SQ"))&"' target

120、='right'>"&"答案"&"</a>")</p><p>　　response.write "</td>"</p><p>　　Response.Write "</TR>"</p><p><

121、b>　　i=i+1</b></p><p>　　rs.movenext</p><p><b>　　loop</b></p><p><b>　　%></b></p><p><b>　　<TR></b></p><p&g

122、t;<b>　　<td></b></p><p><b>　　<%</b></p><p>　　dim n,k '------------------------------------------------------頁面跳轉(zhuǎn)</p><p>　　if (totalPut mod MaxPer

123、Page)=0 then 'n表示總頁數(shù)</p><p>　　n= totalPut \ MaxPerPage</p><p><b>　　else</b></p><p>　　n= totalPut \ MaxPerPage + 1</p><p><b>　　end if</b><

124、;/p><p>　　k=currentPage</p><p>　　if k<>1 then</p><p>　　response.write "[<b>"+"<a href=fddy1.asp?page=1&sousuo=" &sousuo& ">首頁<

125、/a></b>] "</p><p>　　response.write "[<b>"+"<a href=fddy.asp?page="+cstr(k-1)+"&sousuo=" &sousuo& ">上一頁</a></b>] "<

126、/p><p><b>　　else</b></p><p>　　Response.Write "[首頁] [上一頁]"</p><p><b>　　end if</b></p><p>　　if k<>n then</p><p>　　respon

127、se.write "[<b>"+"<a href=fddy1.asp?page="+cstr(k+1)+"&sousuo=" &sousuo& ">下一頁</a></b>] "</p><p>　　response.write "[<b>&q

128、uot;+"<a href=fddy1.asp?page="+cstr(n)+"&sousuo=" &sousuo& ">尾頁</a></b>] "</p><p><b>　　else</b></p><p>　　Response.Write &q

129、uot;[下一頁] [尾頁]"</p><p><b>　　end if</b></p><p>　　'------------------------------------------------------頁面跳轉(zhuǎn)</p><p><b>　　rs.close</b></p><

130、p>　　set rs=nothing</p><p><b>　　cn.close</b></p><p>　　set cn=nothing</p><p><b>　　%></b></p><p>　　以上代碼不止是包含了關(guān)鍵字的搜功能，還包含了實(shí)現(xiàn)問題的分頁顯示，當(dāng)問題超過十條以上的

131、時候，每一頁只顯示10條問題，避免出現(xiàn)問題過多，需要反復(fù)拖動查看的結(jié)果。</p><p>　　還可以點(diǎn)擊查看我的問題。本次用例學(xué)號為1234.當(dāng)點(diǎn)擊左側(cè)的我的問題的時候，右側(cè)的框架將根據(jù)當(dāng)前的cookie值，來進(jìn)行查找與學(xué)號相關(guān)的問題。其界面如下：</p><p>　　圖5.12查看我的問題</p><p>　　實(shí)現(xiàn)這一過程的主要代碼為：</p>&l

132、t;p><b>　　<%</b></p><p><b>　　dim sql</b></p><p>　　dim rs '實(shí)例</p><p>　　dim totalPut '總記錄數(shù)</p><p>　　dim CurrentPage '當(dāng)前頁</p