基于web數(shù)字媒體技術(shù)專業(yè)網(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)_畢業(yè)論文

1、編號(hào) 濰濰 坊坊 學(xué)學(xué) 院院 畢畢 業(yè)業(yè) 設(shè)設(shè) 計(jì)計(jì) 技技 術(shù)術(shù) 報(bào)報(bào) 告告 課題名稱：課題名稱： 數(shù)字媒體技術(shù)專業(yè)網(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)與 實(shí)現(xiàn)(前臺(tái)) 學(xué)生姓名：學(xué)生姓名： 田秋月 學(xué)學(xué) 號(hào)：號(hào)： 08021140111 專專 業(yè)：業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 班班 級(jí)級(jí)： 2008 級(jí) 1 班 指導(dǎo)教師：指導(dǎo)教師： 韓殿元 2012 年 6 月 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 摘 要 網(wǎng)絡(luò)教學(xué)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)網(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)知。網(wǎng)絡(luò)教學(xué)是遠(yuǎn)程教學(xué)的一種重要形式。它是依托 電腦和

2、寬帶等硬件設(shè)施，來(lái)實(shí)現(xiàn)遠(yuǎn)距離教學(xué)的目的。網(wǎng)絡(luò)教學(xué)不受時(shí)間、地點(diǎn)以及教 師的限制，只要透過(guò)一臺(tái)能連接上網(wǎng)的電腦就可以隨時(shí)隨地地進(jìn)行學(xué)習(xí)。 本次設(shè)計(jì)是關(guān)于多媒體課程教學(xué)平臺(tái)的設(shè)計(jì)與開(kāi)發(fā)，其中主要的主要功能模塊包 括了基本的課程的教學(xué)，實(shí)驗(yàn)實(shí)踐，常用工具軟件以及相關(guān)工具軟件使用教程的下載， 能夠?qū)崿F(xiàn)學(xué)生問(wèn)題上傳的輔導(dǎo)答疑，介紹相關(guān)教師資料的教學(xué)團(tuán)隊(duì)，以及展示一些學(xué) 生作品的功能。還能夠?qū)崿F(xiàn)學(xué)生的注冊(cè)與登錄功能，提供一些拓展學(xué)習(xí)的知識(shí)。網(wǎng)頁(yè) 主要采用的是 ASP 與 Dreamweaver 相結(jié)合的方式來(lái)設(shè)計(jì)，并使用 Access 設(shè)計(jì)數(shù)據(jù)庫(kù)來(lái) 存儲(chǔ)相關(guān)數(shù)據(jù)。 關(guān)鍵字：關(guān)鍵字：ASP，多媒體，網(wǎng)絡(luò)教學(xué)

3、，平臺(tái)開(kāi)發(fā) 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 摘 要 Design and Implementation of Network Teaching Platform Abstract：With the progress of science and technology and the wide application of Internet, the application of network teaching in the course of teaching is more and more extensive, and more and more people cognition

4、. Network teaching is an important form of remote teaching. It is relying on the computer and broadband 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 which can connect

5、 to the Internet can learn whenever and wherever. This design 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 tutorial download, which ca

6、n 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 work. It is able to realize students registration and login function, and provides some expansion of kn

7、owledge. This design main use of ASP combined with Dreamweaver way to design, and the use of Access design database to store data. Key words：ASP, Multiple, Network teaching, Platform Development 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 目 錄 目錄目錄 1 前言前言.1 1.1 概述.1 1.2 主要開(kāi)發(fā)工具介紹.1 2 需求分析需求分析.3 2.1 系統(tǒng)功能需求分析.4 2.2 系統(tǒng)的數(shù)據(jù)需求分析.4

8、 2.3 系統(tǒng)的性能需求.4 3 概要設(shè)計(jì)概要設(shè)計(jì).5 3.1 網(wǎng)站結(jié)構(gòu)概要設(shè)計(jì).5 3.2 數(shù)據(jù)庫(kù)結(jié)構(gòu)概要設(shè)計(jì).5 4 數(shù)據(jù)庫(kù)的設(shè)計(jì)數(shù)據(jù)庫(kù)的設(shè)計(jì).6 4.1 用戶表（USERS）.6 4.2 模擬試題（MNST）.6 4.3 拓展學(xué)習(xí)（TZXX）.7 4.4 實(shí)驗(yàn)指導(dǎo)（SYZD）.7 4. 5 教學(xué)團(tuán)隊(duì)（TEAM）.8 4. 6 疑問(wèn)留言（QUESTION）.8 5 網(wǎng)頁(yè)功能的設(shè)計(jì)網(wǎng)頁(yè)功能的設(shè)計(jì).9 5.1 首頁(yè).9 5.2 課程教學(xué).13 5.3 實(shí)驗(yàn)實(shí)踐.16 5.4 工具軟件.18 5.5 輔導(dǎo)答疑.18 5.6 教學(xué)團(tuán)隊(duì).30 5.7 作品展示.31 6 結(jié)束語(yǔ)結(jié)束語(yǔ).32 參考文獻(xiàn)

9、參考文獻(xiàn).34 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 目 錄 附錄附錄.35 致致 謝謝.41 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 1 1 1 前言前言 1.11.1 概述概述 21 世紀(jì)是一個(gè)信息化的社會(huì)，隨著科技的發(fā)展，網(wǎng)絡(luò)已經(jīng)和人們的生活密不可分了。 信息化生活給人們帶來(lái)了極大的方便。目前，互聯(lián)網(wǎng)已經(jīng)廣泛地應(yīng)用在教育上，并對(duì)教學(xué) 過(guò)程產(chǎn)生了非常重要的影響。 網(wǎng)絡(luò)教學(xué)是傳統(tǒng)教學(xué)的補(bǔ)充和延伸，它是以學(xué)生為中心的一種教學(xué)方式。它豐富了教 學(xué)的方法，擴(kuò)大了教學(xué)的空間。通過(guò)網(wǎng)絡(luò)教學(xué)的方式傳遞教授的信息，實(shí)現(xiàn)教師和學(xué)生的 互動(dòng)。還可以將一些課堂上小的知識(shí)點(diǎn)作為拓展內(nèi)容放到網(wǎng)絡(luò)教學(xué)平臺(tái)上，對(duì)此有

10、興趣的 同學(xué)就可以在上課之余，自己上網(wǎng)去瀏覽這些拓展信息，豐富自己的知識(shí)面。學(xué)生也可以 隨時(shí)將自己的問(wèn)題放在網(wǎng)上，等待老師的解答。學(xué)生還可以在網(wǎng)上反復(fù)學(xué)習(xí)以鞏固課堂上 學(xué)到的知識(shí)。或是將課件下載下來(lái)進(jìn)行自主學(xué)習(xí)。這樣教學(xué)資源的利用率會(huì)大大提高。 此次的網(wǎng)站是針對(duì)單門(mén)課程進(jìn)行設(shè)計(jì)的網(wǎng)絡(luò)教學(xué)平臺(tái)（前臺(tái)）的設(shè)計(jì)。在此基礎(chǔ)上還 可以擴(kuò)充成多門(mén)課程的教學(xué)平臺(tái)。然后由后臺(tái)的服務(wù)進(jìn)行更新。 網(wǎng)站的主要目的就是實(shí)現(xiàn)教學(xué)資源的共享，滿足教學(xué)的需求，提高教學(xué)資源的利用率。 學(xué)生可以通過(guò)系統(tǒng)發(fā)布問(wèn)題，可以搜索相關(guān)的問(wèn)題?？梢圆榭雌渌鼘W(xué)生的問(wèn)題，教師回答 問(wèn)題，通過(guò)這種方式實(shí)現(xiàn)師生之間的互動(dòng)交流。此外，教師也可以動(dòng)態(tài)

11、發(fā)布實(shí)驗(yàn)的內(nèi)容和 要求。 1.21.2 主要開(kāi)發(fā)工具介紹主要開(kāi)發(fā)工具介紹 1.2.1 夢(mèng)幻網(wǎng)頁(yè)的編織者夢(mèng)幻網(wǎng)頁(yè)的編織者Dreamweaver Dreamweaver 是創(chuàng)建和管理網(wǎng)頁(yè)的專業(yè)化可視編輯器。使用 Dreamweaver 可以輕松創(chuàng) 建跨平臺(tái)、跨瀏覽器的頁(yè)面。Macromedia 的 Roundtrip HTML 技術(shù)允許用戶隨意導(dǎo)入 HTML 文檔而無(wú)需重新設(shè)置代碼格式。 Dreamweaver 相對(duì)于其他同類軟件來(lái)說(shuō)有這樣幾個(gè)特點(diǎn)：不生產(chǎn)冗余代碼；具有方便 的代碼編輯，可以自由在可視化編輯和源代碼編輯狀態(tài)之間自由轉(zhuǎn)換；強(qiáng)大的動(dòng)態(tài)頁(yè)面支 持；操作方便，它提供了歷史面板、html 樣

12、式、模板等功能避免了重復(fù)勞動(dòng)，除此之外， 它還可以直接在頁(yè)面中插入 flash 等插件。使用十分方便。 Dreamweaver 可以為用戶做到：使用動(dòng)態(tài) HTML 功能（例如具有動(dòng)態(tài)效果的層和行為） 而不用寫(xiě)一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏覽器中可能 發(fā)生的錯(cuò)誤。 Dreamweaver 還是一個(gè)可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對(duì)象和命令 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 2 修改菜單和快捷鍵，甚至編寫(xiě) JavaScript 代碼擴(kuò)展 Dreamweaver 的行為和屬性檢查器。 1.2.2 動(dòng)態(tài)網(wǎng)站的腳本語(yǔ)言動(dòng)態(tài)網(wǎng)站的腳本語(yǔ)言ASP Active

13、 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é)果直接在瀏覽器中“瀏覽” 。 ASP 的語(yǔ)言相容性高，與所有的 ActiveX Script 語(yǔ)言都相容。并且它的隱密安全性 也相當(dāng)高。如果在瀏覽器中直接查看網(wǎng)頁(yè)的源文件，那么只能看見(jiàn) html 文件。而 ASP 程 序代碼是看不到的。能夠避免 ASP 程序被看見(jiàn)和盜用。再

14、有，使用 ASP 抑郁操控?cái)?shù)據(jù)庫(kù)， 它可以通過(guò) ODBC（Open Database Connectivity）驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù)，例 如 Access、SQL Server、Oracle 等等。因此選擇采用 ASP 結(jié)合 dreamweaver8 構(gòu)架網(wǎng)站。 并使用 IIS5.0 對(duì)頁(yè)面進(jìn)行調(diào)試。 1.2.3 數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)Access Microsoft Access 是一種桌面數(shù)據(jù)庫(kù)，只適合數(shù)據(jù)量少的應(yīng)用，在處理少量數(shù)據(jù)和 單機(jī)訪問(wèn)的數(shù)據(jù)庫(kù)時(shí)是很好的，效率也很高。但是它的同時(shí)訪問(wèn)客戶端不能多于 4 個(gè)。 Microsoft Access 數(shù)據(jù)庫(kù)有一定的極限，如果數(shù)據(jù)達(dá)到 100M

15、 左右，很容易造成服務(wù)器 IIS 假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。 對(duì)于需求不算太大的數(shù)據(jù)庫(kù)來(lái)說(shuō)，使用 Access 比較合適，如果網(wǎng)站還需要繼續(xù)擴(kuò)充， 則可以將數(shù)據(jù)庫(kù)的開(kāi)發(fā)工具改為 SQL server。 數(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。相對(duì)應(yīng)以上幾種數(shù)據(jù)庫(kù)訪問(wèn)方式，ASP 編程靈活簡(jiǎn)潔，具有較 高的性能，是目前訪問(wèn) WEB 數(shù)據(jù)庫(kù)的最佳選擇。 1.2.4 SQL 查

16、詢語(yǔ)言查詢語(yǔ)言 SQL（Structured Query Language)結(jié)構(gòu)化查詢語(yǔ)言，是一種數(shù)據(jù)庫(kù)查詢和程序設(shè)計(jì) 語(yǔ)言，用于存取數(shù)據(jù)以及查詢、更新和管理關(guān)系數(shù)據(jù)庫(kù)系統(tǒng)。同時(shí)也是數(shù)據(jù)庫(kù)腳本文件的 擴(kuò)展名。 SQL 是高級(jí)的非過(guò)程化編程語(yǔ)言，是溝通數(shù)據(jù)庫(kù)服務(wù)器和客戶端的重要工具，允許用 戶在高層數(shù)據(jù)結(jié)構(gòu)上工作。它不要求用戶指定對(duì)數(shù)據(jù)的存放方法，也不需要用戶了解具體 的數(shù)據(jù)存放方式，所以，具有完全不同底層結(jié)構(gòu)的不同數(shù)據(jù)庫(kù)系統(tǒng)，可以使用相同的 SQL 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 3 語(yǔ)言作為數(shù)據(jù)輸入與管理的 SQL 接口。它以記錄集合作為操作對(duì)象，所有 SQL 語(yǔ)句接 受集合作為輸入

17、，返回集合作為輸出，這種集合特性允許一條 SQL 語(yǔ)句的輸出作為另一條 SQL 語(yǔ)句的輸入，所以 SQL 語(yǔ)句可以嵌套，這使它具有極大的靈活性和強(qiáng)大的功能，在多 數(shù)情況下，在其他語(yǔ)言中需要一大段程序?qū)崿F(xiàn)的功能只需要一個(gè) SQL 語(yǔ)句就可以達(dá)到目的， 這也意味著用 SQL 語(yǔ)言可以寫(xiě)出非常復(fù)雜的語(yǔ)句。 1.2.5 其他其他 網(wǎng)頁(yè)制作還用到了一些其他的軟件，比如說(shuō)處理圖片的 Photoshop 軟件，本次設(shè)計(jì)的 網(wǎng)頁(yè)導(dǎo)航圖片就是通過(guò) Photoshop 剪切拼合成的。還有另一個(gè)制作平面二維動(dòng)畫(huà)的 flash 軟件，在學(xué)生作品展示中，由于資源有限，就在末尾放上了一個(gè)自己做過(guò)的 flash 動(dòng)畫(huà)。 還

18、有一個(gè)比較重要的工具就是測(cè)試網(wǎng)頁(yè)用到的 windows 組件IIS。HTM 等格式的 靜態(tài)網(wǎng)頁(yè)可以通過(guò)網(wǎng)頁(yè)瀏覽器直接進(jìn)行測(cè)試，ASP 動(dòng)態(tài)網(wǎng)頁(yè)的測(cè)試則最好是通過(guò) IIS，在 電腦安裝系統(tǒng)的時(shí)候系統(tǒng)自帶了一個(gè)服務(wù)器測(cè)試軟件。安裝方法如下： 打開(kāi)控制面板，選擇添加或刪除程序，再選擇添加或刪除 windows 組件，鉤選中 Internet 信息服務(wù)（IIS）點(diǎn)擊下一步，按照向?qū)О惭b上 IIS。安裝成功后，將整個(gè)網(wǎng)站 放在合適的目錄下即可對(duì)動(dòng)態(tài)網(wǎng)頁(yè)進(jìn)行測(cè)試。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 4 2 2 需求分析需求分析 建立網(wǎng)絡(luò)平臺(tái)的主要目的是為了方便教學(xué)工作，其最本質(zhì)的功能在輔助教學(xué)方面。

19、 2.12.1 系統(tǒng)功能需求分析系統(tǒng)功能需求分析 本次設(shè)計(jì)的是前臺(tái)，主要實(shí)現(xiàn)的是面向?qū)W生的這部分功能。主要功能及簡(jiǎn)介如下： （1）注冊(cè)及登錄。學(xué)生可以通過(guò)注冊(cè)來(lái)獲得用戶名，獲得登錄的權(quán)力，這有助于在 輔導(dǎo)答疑中實(shí)現(xiàn)問(wèn)題的查看 （2）上傳功能。學(xué)生可以將老師布置的部分作業(yè)通過(guò)網(wǎng)站提交上傳。 （3）下載功能?，F(xiàn)在教師上課一般都有課件，通過(guò)后臺(tái)管理可以將每一章節(jié)的內(nèi)容 放到網(wǎng)站上，學(xué)生想要再看課件的話可以通過(guò)進(jìn)入網(wǎng)站下載。 （4）留言功能。學(xué)生可以通過(guò)答疑平臺(tái)將自己的問(wèn)題提交到網(wǎng)站上，然后由老師回 答，學(xué)生再次登錄的時(shí)候可以查看自己的問(wèn)題是否被回答了。 （5）查看功能。整個(gè)網(wǎng)絡(luò)教學(xué)平臺(tái)是要實(shí)現(xiàn)教學(xué)目

20、的，所以很多教學(xué)內(nèi)容都要放到 網(wǎng)頁(yè)上供學(xué)生查看。 2.22.2 系統(tǒng)的數(shù)據(jù)系統(tǒng)的數(shù)據(jù)需求分析需求分析 數(shù)據(jù)是系統(tǒng)的靈魂，沒(méi)有數(shù)據(jù)的話也就無(wú)從談起管理，系統(tǒng)也就不能發(fā)揮它的功效。 所以說(shuō)數(shù)據(jù)庫(kù)的選擇對(duì)系統(tǒng)的開(kāi)發(fā)很重要。雖然本次設(shè)計(jì)采用的是適用于小型數(shù)據(jù)存儲(chǔ)的 Access 數(shù)據(jù)庫(kù)開(kāi)發(fā)，但 SQL 查詢語(yǔ)句仍然適用。SQL 查詢語(yǔ)句可以實(shí)現(xiàn)一系列復(fù)雜的操作。 比如說(shuō)數(shù)據(jù)的增加、刪除、修改等等。配合 ASP 使用也十分方便。 根據(jù)網(wǎng)站的設(shè)計(jì)，需要?jiǎng)討B(tài)顯示的數(shù)據(jù)最好都放在數(shù)據(jù)庫(kù)里。比如說(shuō)，課下的拓展知 識(shí)，做練習(xí)用的模擬試題，存儲(chǔ)用戶信息的用戶表，存儲(chǔ)教師信息的表。存儲(chǔ)與實(shí)驗(yàn)相關(guān) 信息的實(shí)驗(yàn)表。還有就

21、是存儲(chǔ)學(xué)生留言提問(wèn)信息的問(wèn)題表。 2.32.3 系統(tǒng)的性能需求系統(tǒng)的性能需求 網(wǎng)絡(luò)教學(xué)平臺(tái)是一個(gè)教育類型的網(wǎng)站，所以必須做到實(shí)用、簡(jiǎn)潔。界面不必太過(guò)花哨， 要做到界面簡(jiǎn)潔明了、導(dǎo)航清晰。用戶只要能上網(wǎng)就可以進(jìn)行學(xué)習(xí)，以及實(shí)現(xiàn)上傳，下載 等功能。 并且，網(wǎng)站應(yīng)該具有可擴(kuò)充性，此次設(shè)計(jì)的網(wǎng)絡(luò)教學(xué)平臺(tái)只是針對(duì)單門(mén)課程的設(shè)計(jì)， 還有很多內(nèi)容還不全面，因此網(wǎng)站的設(shè)計(jì)要能夠方便日后的更改、擴(kuò)充等。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 5 3 3 概要設(shè)計(jì)概要設(shè)計(jì) 3.13.1 網(wǎng)站結(jié)構(gòu)概要設(shè)計(jì)網(wǎng)站結(jié)構(gòu)概要設(shè)計(jì) 對(duì)于功能較為全面的網(wǎng)絡(luò)教學(xué)平臺(tái)來(lái)說(shuō)，一般都有教學(xué)大綱、教師信息、討論答疑、 課程作業(yè)、教學(xué)筆

22、記、教學(xué)郵箱、資源下載等一系列復(fù)雜的內(nèi)容。由于時(shí)間，資源的限制， 所以本次設(shè)計(jì)只能實(shí)現(xiàn)其中一部分的功能。 網(wǎng)站主要結(jié)構(gòu)如下圖所示。 主頁(yè) 首頁(yè)課程 教學(xué) 實(shí)驗(yàn) 實(shí)踐 工具 軟件 作品 展示 輔導(dǎo) 答應(yīng) 教學(xué) 團(tuán)隊(duì) 圖 3.1 網(wǎng)站結(jié)構(gòu) 3.23.2 數(shù)據(jù)庫(kù)結(jié)構(gòu)概要設(shè)計(jì)數(shù)據(jù)庫(kù)結(jié)構(gòu)概要設(shè)計(jì) 由于整個(gè)網(wǎng)站的內(nèi)容不是特別多，所以把所以的表設(shè)計(jì)在了同一個(gè)數(shù)據(jù)庫(kù)中，數(shù)據(jù)庫(kù) 中數(shù)據(jù)表的情況如圖 3.2 所示。 users exercice mnsttzxxsyzdteamquest _ion 圖 3.2 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì) 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 6 4 4 數(shù)據(jù)庫(kù)的設(shè)計(jì)數(shù)據(jù)庫(kù)的設(shè)計(jì) 整體來(lái)說(shuō)包

23、含了六個(gè)數(shù)據(jù)表，第一個(gè)是 users 表，用了存儲(chǔ)學(xué)生注冊(cè)信息的表；第二 個(gè)是 mnst 表，用來(lái)存儲(chǔ)所以的模擬試題的信息的表；第三個(gè)是 tzxx 表，用來(lái)存儲(chǔ)拓展學(xué) 習(xí)內(nèi)容的表；第四個(gè)是 syzd 表，用來(lái)存儲(chǔ)與實(shí)驗(yàn)相關(guān)內(nèi)容的表；第五個(gè)是 team 表，用來(lái) 存儲(chǔ)教學(xué)團(tuán)隊(duì)的信息；第六個(gè)是 question 表，用來(lái)存儲(chǔ)學(xué)生問(wèn)題的表。 4.14.1 用戶表（用戶表（usersusers） 表 4-1 用戶表（users） 字段名數(shù)據(jù)類型長(zhǎng)度是否允許為空 S_num文本20否 S_name文本5否 S_password文本20否 S_class文本20是 S_tel文本12是 以上為用來(lái)存儲(chǔ)用戶

24、的用戶表，共有五個(gè)字段，其中 S_num 和 S_password 分別用做 用戶名和登錄密碼。并且不允許為空，最長(zhǎng)不得超過(guò) 20 個(gè)字符。S_name 用來(lái)存儲(chǔ)用戶的 姓名，也不允許為空值。S_class 和 S_tel 作為輔助選項(xiàng)，可不填寫(xiě)。 4.24.2 模擬試題（模擬試題（mnstmnst） 表 4-2 模擬試題（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)存放試題的

25、標(biāo)題，例如說(shuō)章節(jié)之類的內(nèi)容。第三個(gè)字段是 content，備注類型的字段，可以用來(lái)存放較長(zhǎng)的文本。 4.34.3 拓展學(xué)習(xí)（拓展學(xué)習(xí)（tzxxtzxx） 表 4-3 拓展學(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 字段。第二個(gè)是 title 字段，用來(lái)存放拓展學(xué)習(xí)中小的知識(shí)點(diǎn)的 標(biāo)題，例如關(guān)鍵字之類的內(nèi)容。第三個(gè)字段是 content，備注類型的字段，可以用來(lái)存儲(chǔ) 較多較詳細(xì)的內(nèi)容。 4.44.4 實(shí)驗(yàn)指導(dǎo)（實(shí)驗(yàn)指導(dǎo)（

26、syzdsyzd） 表 4-4 實(shí)驗(yàn)指導(dǎo)（syzd） 字段名數(shù)據(jù)類型長(zhǎng)度是否允許為空 S_id自動(dòng)編號(hào)長(zhǎng)整形否 S_name文本50是 S_goal備注是 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 8 S_content備注是 S_reqment備注是 實(shí)驗(yàn)指導(dǎo)（syzd）表是用來(lái)存放于實(shí)驗(yàn)實(shí)踐里相關(guān)的信息。S_id 字段是自動(dòng)編號(hào)字 段，用做搜索或參數(shù)傳遞。S_name 是用來(lái)存放實(shí)驗(yàn)名稱的字段，長(zhǎng)度不超過(guò) 50 個(gè)字符長(zhǎng)。 S_goal 是存放實(shí)驗(yàn)?zāi)康牡淖侄?，類型為備注類型，可存?chǔ)比較長(zhǎng)的文本。S_content 是存 放實(shí)驗(yàn)內(nèi)容的字段，同樣是備注類型的字段。S_reqment 是存放實(shí)驗(yàn)要

27、求的字段，數(shù)據(jù)類 型為備注類型。 4.4. 5 5 教學(xué)團(tuán)隊(duì)（教學(xué)團(tuán)隊(duì)（teamteam） 表 4-5 教學(xué)團(tuán)隊(duì)（team） 字段名數(shù)據(jù)類型長(zhǎng)度是否允許為空 T_id文本20否 T_name文本8是 T_jieshao備注是 T_imgOLE 對(duì)象是 教學(xué)團(tuán)隊(duì)（team）表是用來(lái)存放教師相關(guān)資料的，T_id 是用來(lái)存放一些編號(hào)的，比 如說(shuō)教師的員工號(hào)，當(dāng)然也可以在輸入數(shù)據(jù)前將它更改成自動(dòng)編號(hào)，這樣每次添加數(shù)據(jù)的 時(shí)候就不用反復(fù)輸入編號(hào)。T_name 用來(lái)存儲(chǔ)教師姓名或稱呼之類的信息。T_jieshao 則是 存儲(chǔ)對(duì)教師個(gè)人資料的詳細(xì)介紹。T_img 是一個(gè) OlE 對(duì)象，用來(lái)存儲(chǔ)相關(guān)的照片信息

28、。 4.4. 6 6 疑問(wèn)留言（疑問(wèn)留言（questionquestion） 表 4-6 疑問(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)題了。 SQ 字段用來(lái)存儲(chǔ)學(xué)生的問(wèn)題，和前一個(gè)字段組合形成數(shù)據(jù)表的主鍵，避免一個(gè)學(xué)生提出 相同的問(wèn)題。SA 則用來(lái)存儲(chǔ)對(duì)某一個(gè)問(wèn)題的答案。 以上是關(guān)于本次設(shè)計(jì)的數(shù)據(jù)庫(kù)中所用的到的表的設(shè)計(jì)，盡最大可

29、能將所用能存儲(chǔ)到數(shù) 據(jù)庫(kù)中的內(nèi)容存儲(chǔ)到數(shù)據(jù)庫(kù)中，以便將來(lái)后臺(tái)進(jìn)行修改。使用 ASP+Dreamweaver+Access 開(kāi)發(fā)出來(lái)的網(wǎng)站只能盡量做到這些。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 10 5 5 網(wǎng)頁(yè)功能的設(shè)計(jì)網(wǎng)頁(yè)功能的設(shè)計(jì) 5.15.1 首頁(yè)首頁(yè) 首頁(yè)頁(yè)面布置如下圖： 圖 5.1 首頁(yè)界面 首頁(yè)的布置是這樣的：上面是導(dǎo)航條，且在本次設(shè)計(jì)中，所有的網(wǎng)頁(yè)上部都是主要的 導(dǎo)航條。根據(jù)一個(gè)全局變量的判斷，先判斷用戶是否登錄成功。若沒(méi)有登錄的時(shí)候，左側(cè) 上方是一個(gè)簡(jiǎn)單的登錄界面，要求輸入用戶名和密碼，且兩個(gè)都不能為空，若輸入為空則 顯示如下圖： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 1

30、1 圖 5.2 出錯(cuò)界面 表單的代碼設(shè)置如下： 用戶名： 密 碼： 在提交表單的時(shí)候先進(jìn)行的是一個(gè)檢查函數(shù)：checkdata() function checkdata() if( f1.yonghu.value.length20 ) alert(請(qǐng)輸入正確的用戶名 !) return false; if( f1.mima.value.length20 ) 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 12 alert(請(qǐng)您輸入正確的登錄密碼 !) return false; 函數(shù)對(duì)兩個(gè)輸入的文本框進(jìn)行檢查，首先是用戶名是否為空或者是超過(guò)了規(guī)定的長(zhǎng)度。 然后檢查密碼輸入是否規(guī)范。表單提交后執(zhí)行的操作

31、是 chklogin.asp，其代碼如下： username=trim(request.form(yonghu) password=trim(request.Form(mima) rs.open select * from users,cn,1,3 do while not rs.eof if username=trim(rs(S_num) and password=trim(rs(S_password) then response.cookies(denglu)=ok response.cookies(username)=rs(S_num) response.cookies(sname)=r

32、s(S_name) response.redirect index.asp end if rs.movenext loop if rs.eof then % MsgBox 對(duì)不起，用戶名不存在，或密碼輸入錯(cuò)誤 location.href = javascript:history.back() 以上代碼判斷從前一個(gè)頁(yè)面?zhèn)鬟f過(guò)來(lái)的兩個(gè)參數(shù)是否是正確的用戶名和密碼，如果用 戶名不存在或者密碼錯(cuò)誤的話則彈出消息框提示用戶，用戶名不存在或密碼輸入錯(cuò)誤。然 后返回首頁(yè)重新輸入。如果數(shù)據(jù)庫(kù)中存在該用戶且密碼正確，則將全局變量”denglu”的值 設(shè)置成”ok”， 并且將用戶名作為全局變量保存起來(lái)。然后主頁(yè)用

33、戶登錄位置則變動(dòng)如下， 以用戶 1234 為例： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 13 圖 5.3 登錄成功界面 登錄成功后，左側(cè)上方顯示的是用戶的登錄學(xué)號(hào)以及注冊(cè)姓名，姓名為空則顯示空白。 下方是提供了學(xué)校的一些超鏈接，方便學(xué)生訪問(wèn)其他網(wǎng)站。右側(cè)則是和數(shù)字多媒體相關(guān)的 一些簡(jiǎn)介。若用戶沒(méi)有進(jìn)行注冊(cè)的話，可以點(diǎn)擊用戶登錄的地方，有一個(gè)注冊(cè)按鈕，點(diǎn)擊 注冊(cè)按鈕可進(jìn)入注冊(cè)界面。界面如下： 圖 5.4 用戶注冊(cè)界面 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 14 如上圖，用戶注冊(cè)界面要求用戶輸入的信息比較簡(jiǎn)單，用來(lái)做用戶名的學(xué)號(hào)、學(xué)生姓 名、密碼，班級(jí)以及手機(jī)號(hào)。此注冊(cè)頁(yè)面由導(dǎo)航和下方注冊(cè)信息

34、表單構(gòu)成。因?yàn)橛脩裘?密碼不能為空，所以同樣設(shè)置了一個(gè)檢查函數(shù)，和首頁(yè)的檢查用戶名和密碼輸入是否為空 的函數(shù)原理是一樣的，在這里就不過(guò)多介紹了。還有一點(diǎn)是密碼的確認(rèn)輸入，因?yàn)槊艽a要 輸入兩次，所以在檢查函數(shù)里有一項(xiàng)是檢查兩次輸入的密碼是否相同。在提交表單之后檢 查無(wú)誤的情況下轉(zhuǎn)到處理頁(yè)面 adduser.asp，其代碼如下： MsgBox 注冊(cè)成功，請(qǐng)重新登錄 location.href = index.asp 此段代碼的主要作用是將用戶的注冊(cè)信息寫(xiě)進(jìn)數(shù)據(jù)表里，然后提示用戶注冊(cè)成功，再 轉(zhuǎn)到首頁(yè)重新登錄。 5.25.2 課程教學(xué)課程教學(xué) 課程教學(xué)主要是知識(shí)課堂知識(shí)方面的教學(xué)內(nèi)容以及一些相關(guān)的

35、資源。其效果如下圖： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 15 圖 5.5 課程教學(xué)界面 課程教學(xué)的界面是針對(duì)多媒體課程的教學(xué)。左側(cè)是幾個(gè)選項(xiàng)，右側(cè)則是用一個(gè)框架展 示的類似于目錄的一個(gè)課程的要點(diǎn)，點(diǎn)擊右側(cè)的某個(gè)選項(xiàng)，框架內(nèi)容將自動(dòng)更新成與選中 的選項(xiàng)相關(guān)的網(wǎng)頁(yè)，網(wǎng)頁(yè)下端有返回按鈕，點(diǎn)擊則返回課程教學(xué)起始頁(yè)。左側(cè)的是四個(gè)鏈 接內(nèi)容。 第一個(gè)教學(xué)大綱是一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，顯示的主要內(nèi)容是關(guān)于多媒體的教學(xué)內(nèi)容，教學(xué) 要求等信息。第二個(gè)選項(xiàng)是課件，點(diǎn)擊課件會(huì)在右側(cè)提供每一章的教學(xué)課件。到時(shí)只需要 點(diǎn)擊相關(guān)的連接即可將相應(yīng)章節(jié)的教學(xué)課件下載下來(lái)，實(shí)現(xiàn)資源的共享。第三個(gè)選項(xiàng)是拓 展學(xué)習(xí)，點(diǎn)擊拓展學(xué)習(xí)之后

36、將刷新到一個(gè)新的頁(yè)面，頁(yè)面如下： 圖 5.6 課程教學(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)的具體介紹。由于每個(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)。實(shí)現(xiàn)的方式主要還是通過(guò)一個(gè)框架和兩個(gè)動(dòng)態(tài)網(wǎng)頁(yè)的文件。左側(cè)顯示標(biāo)題的代 碼如下： a href=tzxx1.asp?id= target=right 這段代碼

37、是將 tzxx 表中的標(biāo)題全部顯示在左側(cè)，并為每一個(gè)標(biāo)題設(shè)置一個(gè)連接，在 更新網(wǎng)頁(yè)的時(shí)候更新的位置是名字是“right”的一個(gè)框架，就是整個(gè)頁(yè)面的右下方區(qū)域。 同時(shí)將該標(biāo)題所對(duì)應(yīng)的 num 值作為一個(gè) id 參數(shù)傳遞到 tzxx1.asp 中。 tzxx1.asp 的主要代碼如下 根據(jù)上一個(gè)網(wǎng)頁(yè)傳遞過(guò)來(lái)的 id 參數(shù)，在數(shù)據(jù)庫(kù)中進(jìn)行查找，查找到與參數(shù)相符的記 錄，然后將對(duì)應(yīng)的記錄內(nèi)容顯示在網(wǎng)頁(yè)上。其中用到了一個(gè)轉(zhuǎn)換函數(shù)，changechr()。 其主要功能是將數(shù)據(jù)庫(kù)中的文字原樣輸出，否則網(wǎng)頁(yè)中顯示的文字將顯得非常不規(guī)范 排列不整齊。changechr()，函數(shù)的代碼如下： 濰 坊 學(xué) 院 本

38、科 畢 業(yè) 設(shè) 計(jì) 17 function changechr(str) changechr=replace(replace(replace(replace(str,),chr(13),), ,) end function replace()是一個(gè)標(biāo)準(zhǔn)函數(shù)，其中有三個(gè)參數(shù)，第一個(gè)參數(shù)是一個(gè)字符串，必有的參數(shù)， 即要被搜索的字符串，第二個(gè)參數(shù)是所要查找的字符，第三個(gè)參數(shù)是要替換后的字符。 課程教學(xué)的最后一項(xiàng)是模擬試題，模擬試題也是存儲(chǔ)在數(shù)據(jù)庫(kù)中的記錄，使用的方法 和拓展學(xué)習(xí)的方法是類似的，所以就不過(guò)多贅述了。 5.35.3 實(shí)驗(yàn)實(shí)踐實(shí)驗(yàn)實(shí)踐 實(shí)驗(yàn)實(shí)踐的界面如下： 圖 5.7 實(shí)驗(yàn)實(shí)踐界面 實(shí)驗(yàn)實(shí)

39、踐頁(yè)面的主要作用是顯示與實(shí)驗(yàn)信息相關(guān)的內(nèi)容。將存儲(chǔ)在數(shù)據(jù)庫(kù)中的實(shí)驗(yàn)信 息讀取出來(lái)存放在當(dāng)前頁(yè)面，本次使用的連接方式是錨記的方式，點(diǎn)擊左側(cè)選項(xiàng)，右側(cè)則 定位到相關(guān)部分，以顯示實(shí)驗(yàn)的標(biāo)題、實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)內(nèi)容、以及實(shí)驗(yàn)要求這些信息。原 理及代碼和以上的模擬試題類似，不同之處在于所連接的表的內(nèi)容不同。 右下角的部分是提供了一個(gè)上傳作業(yè)的功能。學(xué)生可以將完成的作業(yè)或作品通過(guò)網(wǎng)頁(yè) 提交上去。 實(shí)現(xiàn)文件上傳的方式有兩種，一種是需要先安裝一個(gè)組件，然后實(shí)現(xiàn)文件的上傳功能， 另一種則是無(wú)組件上傳方式，無(wú)組件上傳代碼雖然復(fù)雜，但相對(duì)于使用組件上傳要簡(jiǎn)單一 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 18 些。先將文件

40、上傳到服務(wù)器，然后在下載到文檔中。由于學(xué)到的知識(shí)有限，這部分代碼來(lái) 源于互聯(lián)網(wǎng)。關(guān)鍵代碼如下： % dim upload,file,formname,formpath set upload=new upload_5xsoft 建立上傳對(duì)象 formpath=upload.form(filepath) 在目錄后加(/) if right(formpath,1)/ then formpath=formpath % dim sql dim rs 實(shí)例 dim totalPut 總記錄數(shù) dim CurrentPage 當(dāng)前頁(yè) dim TotalPages 總頁(yè)數(shù) dim i,j dim errmsg

41、 MaxPerPage=10 每頁(yè) 10 條記錄 founderr=false sql = select SQ,SA from question sql=sql % do while not rs.eof and i maxperpage Response.Write ( % do while not rs.eof and i maxperpage Response.Write (),chr(13),), ,) end function Q=request.QueryString(S_num) rs.open select * from question where SQ= 學(xué)號(hào)： 濰 坊 學(xué)

42、 院 本 科 畢 業(yè) 設(shè) 計(jì) 30 我的問(wèn)題： 界面設(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)題。 問(wèn)題提交的時(shí)候同樣要進(jìn)行檢查，兩個(gè)文本都不能是空白的。所使用的函數(shù)與上面用 到的 checkdata()類似。檢查完畢后轉(zhuǎn)入另一個(gè)執(zhí)行頁(yè)面，其主要代碼為： MsgBox 提交成功 location.href = fddy1.asp 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 31 實(shí)現(xiàn)的主要功能是將提交上來(lái)的學(xué)號(hào)和問(wèn)題寫(xiě)進(jìn)數(shù)據(jù)庫(kù)中，然后返回一開(kāi)始的輔導(dǎo)答 疑界面。 5.65.6 教學(xué)團(tuán)隊(duì)教學(xué)團(tuán)隊(duì) 教學(xué)團(tuán)隊(duì)的界面如下： 圖 5.15 教學(xué)團(tuán)隊(duì)界面

43、 隨便上傳了一張文件中的圖片用作例子，效果如上圖。下邊左側(cè)圖片上端顯示的是 team 表中的 T_name 信息。下面是圖片信息，右端則是顯示的介紹性質(zhì)的文字。其中圖片 顯示的相關(guān)代碼如下： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 32 5.75.7 作品展示作品展示 作品展示的界面如下： 圖 5.16 圖片展示部分 圖 5.17 flash 展示部分 以上是展示了部分學(xué)生的圖片作品，在網(wǎng)頁(yè)的最下方則展示的是部分學(xué)生的 flash 作 品。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 33 6 6 結(jié)束語(yǔ)結(jié)束語(yǔ) 本網(wǎng)站此次主要解決的問(wèn)題是通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)實(shí)現(xiàn)網(wǎng)上教學(xué)，完成教學(xué)內(nèi)容之后還 有一些習(xí)題

44、可供學(xué)生進(jìn)行練習(xí)，并且這些習(xí)題之后也都有相應(yīng)的答案。此外，系統(tǒng)還提供 了一些拓展學(xué)習(xí)，使學(xué)生在學(xué)習(xí)完課內(nèi)知識(shí)的同時(shí)可以額外學(xué)習(xí)一些其他的知識(shí)，拓寬知 識(shí)面。學(xué)生也可以在注冊(cè)之后登錄網(wǎng)站，登錄之后可以直接在輔導(dǎo)答疑里面查看自己提出 的問(wèn)題而不必一個(gè)個(gè)查找。實(shí)驗(yàn)實(shí)踐里面則是顯示需要學(xué)生完成的實(shí)驗(yàn)的相關(guān)內(nèi)容及要求， 以及實(shí)現(xiàn)學(xué)生作品上傳的功能。很多是內(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ù)的修改、添加以 及刪除等操作。 由于此次設(shè)計(jì)是本人第一次制作使用多樣工具，結(jié)構(gòu)比較復(fù)雜的網(wǎng)站。在很多方面的 知識(shí)、經(jīng)驗(yàn)都還有所欠缺。此外，在網(wǎng)站

45、的開(kāi)發(fā)過(guò)程中，時(shí)間也比較倉(cāng)促，所以網(wǎng)站必然 存在很多缺陷以及不足之處。 首先從網(wǎng)站的外觀來(lái)說(shuō)，顏色比較簡(jiǎn)單，各項(xiàng)內(nèi)容看起來(lái)也比較單調(diào)，在美學(xué)方面下 的功夫還很不夠。應(yīng)該盡量讓整個(gè)網(wǎng)站看起來(lái)充實(shí)，搭配再合理一些，使其有視覺(jué)沖擊感。 總之，在這方面的進(jìn)步空間還很大。在整體設(shè)計(jì)上，還有很多欠缺的地方，不得不承認(rèn)規(guī) 劃是一件相當(dāng)重要的事情，方方面面的東西都要考慮到。這次由于個(gè)人原因，導(dǎo)致時(shí)間上 太過(guò)倉(cāng)促，很多內(nèi)容都是一邊做一邊想的。有時(shí)候做到后面的部分才想起來(lái)原來(lái)前面的也 可以這樣做，可以更好一點(diǎn)。在輔導(dǎo)答疑頁(yè)面，無(wú)答案的那些后面還可以添加一個(gè)回答， 這樣，不必老師從后臺(tái)方面登錄來(lái)回答問(wèn)題了。知道答案

46、的學(xué)生完全可以回答的。諸如此 類的問(wèn)題還有很多。 其次，是數(shù)據(jù)庫(kù)的設(shè)計(jì)，應(yīng)該可以分為幾個(gè)數(shù)據(jù)庫(kù)，而不是把所有的數(shù)據(jù)表集中在同 一個(gè)數(shù)據(jù)庫(kù)中，雖然在調(diào)用這些數(shù)據(jù)表的時(shí)候只用一個(gè)連接數(shù)據(jù)庫(kù)的文件即可，但是過(guò)多 的數(shù)據(jù)表堆集在一起，容易產(chǎn)生混亂。數(shù)據(jù)表的結(jié)構(gòu)也可以再詳細(xì)一些，比如學(xué)生提問(wèn)題 的那些流言，可以加上問(wèn)題編號(hào)以及留言的時(shí)間等字段。數(shù)據(jù)表的設(shè)計(jì)最好能夠更規(guī)范一 些。 再其次，顯示教師資料的頁(yè)面，可以將教師照片另存在一個(gè)文件夾中，把照片的路徑 存在教師表里面。顯示圖片的時(shí)候能通過(guò)路徑顯示照片而不是從數(shù)據(jù)庫(kù)里面讀取照片信息 再顯示，因?yàn)榇嫒÷窂奖却嫒≌掌鼮榭煽恳恍?。照片在存入?shù)據(jù)庫(kù)中的時(shí)候，

47、并不是 直接將照片存入的，而是先將照片信息轉(zhuǎn)換成二進(jìn)制數(shù)據(jù)存入數(shù)據(jù)庫(kù)，讀取的時(shí)候，再將 這些二進(jìn)制數(shù)據(jù)還原成一張完整的圖片。這樣的過(guò)程并不是很安全，不能保證每一張圖片 都順利顯示在瀏覽器中。 最后就是對(duì) ASP+Dreamweaver 制作網(wǎng)頁(yè)的模式運(yùn)用還不夠成熟，而且只能應(yīng)用一些 簡(jiǎn)單的 CSS+DIV 布局方式，這樣的效果還遠(yuǎn)遠(yuǎn)達(dá)不到設(shè)想的結(jié)果。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 34 在這次的畢業(yè)設(shè)計(jì)中我深深感覺(jué)到自己的淺薄，我們?cè)谡n堂上學(xué)到的知識(shí)真的太少了。 想要學(xué)習(xí)更多的知識(shí)就要不怕枯燥，努力鉆研，努力學(xué)習(xí)。目前我們學(xué)到的僅僅是皮毛而 已。老師只是交給我們一把鑰匙，我們也僅僅是

48、才剛邁進(jìn)一小步。我們要走的路還很長(zhǎng)。 但無(wú)論如何，這次的畢業(yè)設(shè)計(jì)都使我收獲很多，受益匪淺。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 35 參考文獻(xiàn)參考文獻(xiàn) 1 趙輝 等編著. ASP+Dreamweaver 8 組建動(dòng)態(tài)網(wǎng)站 M 北京：電子工業(yè)出版社. 2006 2 張新偉編著 網(wǎng)頁(yè)經(jīng)典配色藝術(shù) M北京：電子工業(yè)出版社2009 3 覽眾 張曉景編著. DIV+CSS 網(wǎng)頁(yè)布局商業(yè)案例精粹 M北京：電子工業(yè)出版社.2007 4 蓋天宇、孫明麗、鄒天思編著 ASP 程序開(kāi)發(fā)范例寶典 M 北京：人民郵電出版社2007 5 本書(shū)編委會(huì)編著. 網(wǎng)頁(yè)制作 M北京：電子工業(yè)出版社2006 6 潘曉南主編.

49、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) M北京：中國(guó)鐵道出版社.2008 7 神龍工作室主編. ASP 網(wǎng)絡(luò)編程從入門(mén)到精通 M北京：人民郵電出版社.2006 8 劉瑞新主編. ASP 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)畢業(yè)設(shè)計(jì)指導(dǎo)及實(shí)例 M北京：機(jī)械工業(yè)出版社.2006 9 邵麗萍 王馨迪 陸軍等編. ASP 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) M北京：中國(guó)鐵道出版社.2006 10 張旭東 汪杰編著. ASP 網(wǎng)絡(luò)開(kāi)發(fā)實(shí)用工程案例 M北京：人民郵電出版社.2008 11 倪洪球編著. Dreamweaver 8+ASP 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)實(shí)例精講 M北京：人民郵電出版社.2007 12 張芳芳 侯俊杰編著. CSS web 開(kāi)發(fā)學(xué)習(xí)實(shí)錄 M北京：清華大學(xué)出版社

50、.2011 13 郝榮福 張國(guó)權(quán)編著. 網(wǎng)頁(yè)創(chuàng)意與設(shè)計(jì) 50 例 M北京：電子工業(yè)出版社.2005 14 崔教?hào)| 于長(zhǎng)銳 崔麗麗編著. 數(shù)據(jù)庫(kù)技術(shù)與應(yīng)用面向業(yè)務(wù)分析的 Access M北京：清華 大學(xué)出版社.2011 15 閆靜等編著. Dreamweaver 與 ASP 動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)與范例 M北京：機(jī)械工業(yè)出版社.2007 16 龍馬工作室編著. ASP+Access 組建動(dòng)態(tài)網(wǎng)站實(shí)例精講 M北京：人民郵電出版社.2008 17 龐婭娟 孫麗麗 呂繼迪編著. ASP 網(wǎng)絡(luò)編程自學(xué)手冊(cè) M北京：人民郵電出版社.2009 18 鄧文達(dá) 龔勇編著. 美工神話 Dreamweaver+photosh

51、op+flash 網(wǎng)頁(yè)設(shè)計(jì)與美化 M北京：人民 郵電出版社.2009 19 梁立燕 梁芳編著. 網(wǎng)頁(yè)設(shè)計(jì)與制作 M北京：清華大學(xué)出版社.2009 20 解勇編著. 網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)形態(tài) M沈陽(yáng)：遼寧美術(shù)出版社.2004 21 騰飛科技 何秀芳編著. 網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)從入門(mén)到精通 M北京：人民郵電出版社.2007 22 張杰 王誠(chéng)主編. 網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì) M北京：中國(guó)石化出版社.2006 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 36 附錄附錄 附錄 1：數(shù)據(jù)庫(kù)連接文件 conn.inc 附錄 2：文件上傳處理文件 upload.inc dim upfile_5xsoft_stream class u

52、pload_5xsoft dim form,file,version private sub class_initialize dim istart,ifilenamestart,ifilenameend,iend,vbenter,iformstart,iformend,thefile dim strdiv,mformname,mformvalue,mfilename,mfilesize,mfilepath,idivlen,mstr version= if request.totalbytes1 then exit sub set form=createobject(scripting.dic

53、tionary) set file=createobject(scripting.dictionary) set upfile_5xsoft_stream=createobject(adodb.stream) upfile_5xsoft_stream.mode=3 upfile_5xsoft_stream.type=1 upfile_5xsoft_stream.open upfile_5xsoft_stream.write request.binaryread(request.totalbytes) 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 37 vbenter=chr(13)&chr(10)

54、idivlen=instring(1,vbenter)+1 strdiv=substring(1,idivlen) iformstart=idivlen iformend=instring(iformstart,strdiv)-1 while iformstart 0 and ifilenamestartistart then mfilesize=iend-istart-4 else mfilesize=0 end if set thefile=new fileinfo thefile.filename=getfilename(mfilename) thefile.filepath=getfi

55、lepath(mfilename) thefile.filesize=mfilesize thefile.filestart=istart+4 thefile.formname=formname file.add mformname,thefile else istart=instring(iend+1,vbenter&vbenter) iend=instring(istart+4,vbenter&strdiv) if iendistart then mformvalue=substring(istart+4,iend-istart-4) else mformvalue= 濰 坊 學(xué) 院 本

56、科 畢 業(yè) 設(shè) 計(jì) 38 end if form.add mformname,mformvalue end if iformstart=iformend+idivlen iformend=instring(iformstart,strdiv)-1 wend end sub private function substring(thestart,thelen) dim i,c,stemp upfile_5xsoft_stream.position=thestart-1 stemp= for i=1 to thelen if upfile_5xsoft_stream.eos then exit f

57、or c=ascb(upfile_5xsoft_stream.read(1) if c 127 then if upfile_5xsoft_stream.eos then exit for stemp=stemp&chr(ascw(chrb(ascb(upfile_5xsoft_stream.read(1)&chrb(c) i=i+1 else stemp=stemp&chr(c) end if next substring=stemp end function private function instring(thestart,varstr) dim i,j,bt,thelen,str i

58、nstring=0 str=tobyte(varstr) thelen=lenb(str) for i=thestart to upfile_5xsoft_stream.size-thelen if iupfile_5xsoft_stream.size then exit function upfile_5xsoft_stream.position=i-1 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 39 if ascb(upfile_5xsoft_stream.read(1)=ascb(midb(str,1) then instring=i for j=2 to thelen if upfile

59、_5xsoft_stream.eos then instring=0 exit for end if if ascb(upfile_5xsoft_stream.read(1)ascb(midb(str,j,1) then instring=0 exit for end if next if instring0 then exit function end if next end function private sub class_terminate form.removeall file.removeall set form=nothing set file=nothing upfile_5xsoft_stream.close set upfile_5xsoft_stream=nothing end sub private function getfilepath(fullpath) if fullpath then getfilepath = left(fullpath,instrrev(fullpath, ) else getfilepath = end if end function 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 40 private function getfilename(fullpath) if fullpath then get