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

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

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

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

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

5、>　　關鍵字：ASP，多媒體，網(wǎng)絡教學，平臺開發(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概要設計5</b></p><p>　　3.1網(wǎng)站結(jié)構(gòu)概要設計5</p><p>　　3.2數(shù)據(jù)庫結(jié)構(gòu)概要設計5</p><p><b>　　4數(shù)據(jù)庫的設計6</b></p>&l

13、t;p>　　4.1用戶表（users）6</p><p>　　4.2模擬試題（mnst）6</p><p>　　4.3拓展學習（tzxx）7</p><p>　　4.4實驗指導（syzd）7</p><p>　　4. 5教學團隊（team）8</p><p>　　4. 6疑問留言（question）8

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

15、/p><p>　　5.6教學團隊31</p><p>　　5.7作品展示32</p><p><b>　　6結(jié)束語33</b></p><p><b>　　參考文獻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世紀是一個信息化的社會，隨著科技的發(fā)展，網(wǎng)絡已經(jīng)和人們的生活密不可分了。信息化生活給人們帶來了極大的方便。目前，互聯(lián)網(wǎng)已經(jīng)廣泛地應用在

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

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

19、索相關的問題。可以查看其它學生的問題，教師回答問題，通過這種方式實現(xiàn)師生之間的互動交流。此外，教師也可以動態(tài)發(fā)布實驗的內(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技術允許用戶隨意導入HTML文檔而無需重新設置代碼格式。</p><p>　　Dreamweaver相對于其他同類軟件來說有這樣幾個特點：不生產(chǎn)冗余代碼；具有方便的代碼編輯，可以自由在可視化編輯和源代碼編輯狀態(tài)之間自由轉(zhuǎn)換；強大的動態(tài)頁面支持；操作方便，它提供了歷史面板、html樣式、模板等功能避免了重復勞動，除此之外，它還可以直接在頁面

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

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

23、可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”。</p><p>　　ASP的語言相容性高，與所有的ActiveX Script語言都相容。并且它的隱密安全性也相當高。如果在瀏覽器中直接查看網(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對頁面進行調(diào)試。</p><p>　　1.2.3 數(shù)據(jù)庫——Access</p><p>　　Microsoft Access是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量少的應用，在處理少量數(shù)據(jù)和單機訪問的數(shù)據(jù)庫時是很好的，

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

26、主要有公共網(wǎng)關接口GGI（Common Gateway Interface），先進數(shù)據(jù)庫連接器ADC（Advance Database Connector），JAVA/JDBC語言編程，動態(tài)服務器頁面ASP。相對應以上幾種數(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ù)據(jù)以及查詢、更新和管理關系數(shù)據(jù)庫系統(tǒng)。同時也是數(shù)據(jù)庫腳本文件的擴展名。</p><p>　　SQL是高級的非過程化編程語言，是溝通數(shù)據(jù)庫服務器和客戶端的重要工具，允許用戶在高層數(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語句可以嵌套，這使它具有極大的靈活性和強大的功能，在多數(shù)情況下，在其他語言中需要一大段程序?qū)崿F(xiàn)的功能只需要一個SQL語句就可以達到目的，這也意味著用SQL語言可以寫出非常復雜的語句。</p><

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

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

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

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

33、t;　?。?）留言功能。學生可以通過答疑平臺將自己的問題提交到網(wǎng)站上，然后由老師回答，學生再次登錄的時候可以查看自己的問題是否被回答了。</p><p>　?。?）查看功能。整個網(wǎng)絡教學平臺是要實現(xiàn)教學目的，所以很多教學內(nèi)容都要放到網(wǎng)頁上供學生查看。</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ù)據(jù)存儲的Access數(shù)據(jù)庫開發(fā)，但SQL查詢語句仍然適用。SQL查詢語句可以實現(xiàn)一系列復雜的操作。比如說數(shù)據(jù)的增加、刪除、修改等等。配合ASP使用也十分方便。</p><p>　　根據(jù)網(wǎng)站的設計，需要動態(tài)顯示的數(shù)據(jù)最好都放在數(shù)據(jù)庫里。比如說，課下的拓展知識，做練習用的模擬試題，存儲用戶信息的用戶表，存儲教師信息的表。存儲

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

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

37、制，所以本次設計只能實現(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)概要設計</p><p>　　由于整個網(wǎng)站的內(nèi)容不是特別多，所以把所以的表設計在了同一個數(shù)據(jù)庫中，數(shù)據(jù)庫中數(shù)據(jù)表的情況如圖3.2所示。<

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

39、m表，用來存儲教學團隊的信息；第六個是question表，用來存儲學生問題的表。</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>　　模擬試題表用來存儲模擬題的相關信息，有三個字段，第一個是便于搜索的id字段，第二個是title字段，用來存放試題的標題，例如說章節(jié)之類的內(nèi)容。第三個字段是content，

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

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

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

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

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

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

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

48、/p><p>　　表單的代碼設置如下：</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>　　在提交表單的時候先進行的是一個檢查函數(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ù)對兩個輸入的文本框進行檢查，首先是用戶名是否為空或者是超過了規(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”的值設置成”ok”， 并且將用戶名作為全局變量保存起來。然后主頁用戶登錄位置則變動如下，以用戶1234為例：</p><p>　　圖5.3登錄成功界面</p><p>　　登錄成功后，左側(cè)

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

63、密碼，班級以及手機號。此注冊頁面由導航和下方注冊信息表單構(gòu)成。因為用戶名和密碼不能為空，所以同樣設置了一個檢查函數(shù)，和首頁的檢查用戶名和密碼輸入是否為空的函數(shù)原理是一樣的，在這里就不過多介紹了。還有一點是密碼的確認輸入，因為密碼要輸入兩次，所以在檢查函數(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>　　此段代碼的主要作用是將用戶的注冊信息寫進數(shù)據(jù)表里，然后提示用戶注冊成功，再轉(zhuǎn)到首頁重新登錄。</p><p><b>　　5.2課程教學</b></p><p>　　課程教學主要是知識課堂知識方面的教學內(nèi)容以及一些相關的資源。其效果如下圖：</p><

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

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

72、應的具體介紹。由于每個標題對應的內(nèi)容都比較多，所以左側(cè)為每個標題設置錨點，以頁內(nèi)設置連接的方式使右側(cè)全部顯示數(shù)據(jù)庫中的內(nèi)容是不現(xiàn)實的，這樣會占用太多的空間，所以采用一個參數(shù)傳遞自動刷新的方式來顯示相對應的知識點。實現(xiàn)的方式主要還是通過一個框架和兩個動態(tài)網(wǎng)頁的文件。左側(cè)顯示標題的代碼如下：</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表中的標題全部顯示在左側(cè)，并為每一個標題設置一個連接，在更新網(wǎng)頁的時候更新的位置是名字是“right”的一個框架，就是整個頁面的右下方

76、區(qū)域。同時將該標題所對應的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ù)庫中進行查找，查找到與參數(shù)相符的記錄，然后將對應的記錄內(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()是一個標準函數(shù)，其中有三個參數(shù)，第一個參數(shù)是一個字符串，必有的參數(shù)，即要被搜索的字符串，第二個參數(shù)是所要查找的字符，第三個參數(shù)是要替換后的字符。</p><p>　　課程教學的最后一項是模擬試題，模

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

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

84、組件，然后實現(xiàn)文件的上傳功能，另一種則是無組件上傳方式，無組件上傳代碼雖然復雜，但相對于使用組件上傳要簡單一些。先將文件上傳到服務器，然后在下載到文檔中。由于學到的知識有限，這部分代碼來源于互聯(lián)網(wǎng)。關鍵代碼如下：</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 '設置上傳文件大小為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的文件夾中。在學生上傳作業(yè)的時候，可以將文件的名字以自己的學號命名。這樣比較便于區(qū)別不同學生的作品。</p><p><b>　　5.4工具軟件</b></p><p>　　工具軟件的界面如下：</p><p>　　圖5.8工具軟件界面</p>&l

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

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

97、是全部問題。未登錄的時候，點擊我的問題，顯示的仍然是全部問題，若登錄后則只顯示和登錄學號相關的問題。</p><p>　　為了便于查看相關的問題，全部問題中還提供了搜索的功能，按照輸入的關鍵字對問題進行檢索比如搜索中輸入 “顏色”兩個字，顯示結(jié)果如下：</p><p>　　圖5.11 按關鍵字搜索</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>　　輸入要查找問題的關鍵字:</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 "請輸入關鍵字"</p><p><b>　　end if</b></p><p><b>　　%>" </b></p><p>　　onmouseover='if(this.value=="輸入關鍵字")

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 '實例</p><p>　　

107、dim totalPut '總記錄數(shù)</p><p>　　dim CurrentPage '當前頁</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>　　以上代碼不止是包含了關鍵字的搜功能，還包含了實現(xiàn)問題的分頁顯示，當問題超過十條以上的

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

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