VFP在線學(xué)習(xí)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)論文

PAGEPAGE37摘要在現(xiàn)代的科學(xué)信息技術(shù)之前，傳統(tǒng)的教學(xué)模式已顯露出它尚存的不足之處。隨著科學(xué)信息技術(shù)飛速發(fā)展，網(wǎng)絡(luò)技術(shù)的廣泛應(yīng)用，網(wǎng)上在線學(xué)習(xí)作為一種新的教學(xué)模式也隨之孕育而生。這種新的教學(xué)模式，能很好彌補(bǔ)傳統(tǒng)模式存在不足，優(yōu)化教學(xué)資源，改善教學(xué)環(huán)境，提高教學(xué)效率。本次畢業(yè)設(shè)計(jì)，就是對在線學(xué)習(xí)模式的一次深刻的探索研究，并在此基礎(chǔ)之上，在DreamwerverMX開發(fā)環(huán)境中，利用ASP，VBbscript、Javascript腳本語言，結(jié)合SQLServer2000后臺數(shù)據(jù)庫的運(yùn)用，開發(fā)出一個操作簡易，界面清晰，具有在線教案管理、在線學(xué)習(xí)交流、在線作業(yè)管理、在線考試管理、在線用戶信息管理等多種功能的在線學(xué)習(xí)系統(tǒng)。在該系統(tǒng)的設(shè)計(jì)實(shí)現(xiàn)過程中，主要是以VFP課程在線學(xué)習(xí)為例，為教師與學(xué)生提供一個功能齊全、實(shí)用性強(qiáng)的VFP課程在線學(xué)習(xí)平臺。關(guān)鍵詞：在線學(xué)習(xí)，VFP，DreamweaverMX，SQLServer，ASPABSTRACTThetraditionalmodeofteachinghasshownitsremainingdisadvantagesbeforethemodernscienceandinformationtechnology.Withtherapiddevelopmentofscienceandinformationtechnologyandthewidelyapplicationofnetworktechnology,onlinelearningasanewteachingmodelemerges.Thisnewmodeofteachingcanmakeupthedeficienciesofthetraditionalmodel,optimizeteachingresources,promotetheteachingenvironmentandimproveteachingefficiency.Thegraduationprojectisaprofoundexplorationandresearchofon-linelearningmodel,basedonwhich,asimplyoperatedwithclearinterfacestudysiteincludingonlinemanagementsystem,onlinelearningexchanges,onlinehomeworkmanagement,onlinetestmanagement,onlineuserinformationmanagementandotherfunctionsisdevelopedaccordingtoASP,VBbscript,JavascriptscriptinglanguageandSQLServer2000fordatabaseapplicationinDreamwerverMXdevelopmentenvironment.Duringthedesignandimplementationofthelearningwebsite,anonlinelearningplatformwithfunctionalandpracticalVFPcourseswillbeprovidedforteachersandstudentsbasedonthesampleofonlineleaningofVFPcourses.Keywords:Onlinelearning,VFP,DreamweaverMX,SQLServer,ASP目錄摘要 IABSTRACT II第1章引言 11.1VFP在線學(xué)習(xí)系統(tǒng)開發(fā)背景與意義 11.1.1背景 11.1.2意義 11.2研究內(nèi)容 2第2章開發(fā)環(huán)境簡介 32.1Dreamweaver簡介 32.2ASP語言環(huán)境簡介 32.3IIS簡介 42.4ODBC數(shù)據(jù)庫訪問技術(shù) 42.5腳本語言的簡介 52.5.1JavaScript腳本語言 52.5.2BScript腳本語言 52.6本章小結(jié) 5第3章系統(tǒng)概述 63.1功能需求分析與設(shè)計(jì) 63.2實(shí)體——聯(lián)系圖 63.3網(wǎng)站的邏輯方案 93.4開發(fā)過程分析 103.5數(shù)據(jù)庫設(shè)計(jì) 113.5.1數(shù)據(jù)表的概要說明 113.5.2主要數(shù)據(jù)表的結(jié)構(gòu)說明 123.6本章小結(jié) 15第4章VFP學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì) 164.1網(wǎng)站基于B/S體系 164.2網(wǎng)站功能模塊結(jié)構(gòu)的設(shè)計(jì) 174.3本章小結(jié) 18第5章系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 195.1關(guān)鍵知識點(diǎn)介紹 195.1.1模板 195.1.2openScript函數(shù) 195.1.3Lyfupload文件上載組件 195.1.4頁面導(dǎo)航條 205.1.5分頁顯示 215.1.6數(shù)據(jù)庫中的數(shù)據(jù)表字段導(dǎo)入到EXCEL表 215.2注冊和登錄模塊 215.3教師管理模塊 225.3.1添加教師信息功能實(shí)現(xiàn) 235.3.2修改教師信息功能實(shí)現(xiàn) 235.3.3刪除教師信息功能實(shí)現(xiàn) 245.3.4查詢教師信息功能實(shí)現(xiàn) 245.3.5教師信息轉(zhuǎn)換EXCEL表保存功能 245.3.6管理員對教師留言功能實(shí)現(xiàn) 245.4學(xué)生管理模塊 255.5教學(xué)資料管理模塊 255.5.1教學(xué)資料管理模塊教師端功能實(shí)現(xiàn) 255.5.2教學(xué)資料管理模塊學(xué)生端功能實(shí)現(xiàn) 265.5.3PPT教案的下載學(xué)習(xí)功能 275.6考試管理模塊 285.6.1考試管理模塊教師端實(shí)現(xiàn) 285.6.2考試管理模塊學(xué)生端實(shí)現(xiàn) 335.7作業(yè)管理模塊 365.7.1發(fā)布作業(yè)功能實(shí)現(xiàn) 365.7.2刪除作業(yè)功能實(shí)現(xiàn) 365.7.3下載作業(yè)功能實(shí)現(xiàn) 365.7.4上交作業(yè)功能實(shí)現(xiàn) 375.7.5批閱作業(yè)功能實(shí)現(xiàn) 375.8留言板模塊 385.8.1留言板學(xué)生端的實(shí)現(xiàn) 385.8.2留言板教師端的實(shí)現(xiàn) 395.8.3留言板管理員端的實(shí)現(xiàn) 405.9公告欄模塊 405.10答疑教室模塊 415.10.1答疑教室學(xué)生端的實(shí)現(xiàn) 415.10.2答疑教室教師端的實(shí)現(xiàn) 415.11討論區(qū)模塊 425.12個人信息管理模塊 445.13調(diào)查管理模塊 445.13.1學(xué)生端的實(shí)現(xiàn) 445.13.2教師端的實(shí)現(xiàn) 445.13.3管理員端的實(shí)現(xiàn) 445.14本章小結(jié) 45第6章結(jié)束語 46致謝 47參考文獻(xiàn) 48第1章引言1.1VFP在線學(xué)習(xí)系統(tǒng)開發(fā)背景與意義1.1.1背景隨著知識經(jīng)濟(jì)的到來，人們的學(xué)習(xí)模式受到了前所未有的沖擊，各種新的學(xué)習(xí)模式如潮水般涌現(xiàn)，在所有學(xué)習(xí)模式中，最具有沖擊力的便是隨著網(wǎng)絡(luò)技術(shù)發(fā)展而出現(xiàn)的網(wǎng)絡(luò)化學(xué)習(xí)，又稱在線學(xué)習(xí)。它是通過在網(wǎng)上建立教育平臺，學(xué)員應(yīng)用網(wǎng)絡(luò)進(jìn)行學(xué)習(xí)的一種全新方式。這種學(xué)習(xí)方式是由多媒體網(wǎng)絡(luò)學(xué)習(xí)資源、網(wǎng)上學(xué)習(xí)社區(qū)及網(wǎng)絡(luò)技術(shù)平臺構(gòu)成的全新的網(wǎng)絡(luò)學(xué)習(xí)環(huán)境。目前,互聯(lián)網(wǎng)正以驚人的速度發(fā)展,其應(yīng)用的領(lǐng)域幾乎無所不包!人們紛紛上網(wǎng)學(xué)習(xí),期望能更有效、更便捷地獲取對自己有用的知識[1]。E-Learning在線學(xué)習(xí)是一種新型的學(xué)習(xí)方式。在倡導(dǎo)“自主學(xué)習(xí)”、“協(xié)作學(xué)習(xí)”、“繼續(xù)學(xué)習(xí)”、“終身學(xué)習(xí)”的今天,越來越多的人加入到E-Learning在線學(xué)習(xí)的行列中,成為新型學(xué)習(xí)方式的實(shí)踐者和受益者。也許,在不遠(yuǎn)的將來,ELearning在線學(xué)習(xí)將是學(xué)習(xí)者獲取知識、開闊視野、增長才干最便捷和最有效的途徑[1]。利用網(wǎng)絡(luò)為學(xué)生提供一個學(xué)習(xí)的園地，定位于在校學(xué)生學(xué)習(xí)交流的平臺，其面向?qū)ο鬄樵谛W(xué)生。就硬件環(huán)境而言，網(wǎng)絡(luò)已經(jīng)基本普及，學(xué)生對象的電腦擁有數(shù)也達(dá)到了進(jìn)行網(wǎng)上交流的基本要求，通訊條件可以滿足要求；在青年人對新生事物的接受速度快，工作生活節(jié)奏高，并能充分利用網(wǎng)絡(luò)，思想意識形態(tài)上的條件也具備[2]。1.1.2意義在線學(xué)習(xí)系統(tǒng)為眾多的學(xué)習(xí)者提供了及時(shí)的、個性化的學(xué)習(xí)機(jī)會。在線學(xué)習(xí)環(huán)境突破了時(shí)間和空間的限制,具有自主性、協(xié)作性、非線性、間接性、交互性和開放性等優(yōu)點(diǎn)[3]。在國家教育部對高等教育中信息技術(shù)的要求里，要求各高校要使學(xué)生掌握基本的計(jì)算機(jī)操作技能，掌握程序設(shè)計(jì)的基本概念。針對這個要求，各高校一般都對非計(jì)算機(jī)專業(yè)的學(xué)生開設(shè)一門計(jì)算機(jī)基礎(chǔ)操作（也就是Windows,Word,Excel之類的課程）和一門與程序設(shè)計(jì)有關(guān)的課程（我們學(xué)校根據(jù)專業(yè)不同，開設(shè)有C語言，VFP數(shù)據(jù)庫操作，VB三門課程）。VFP課程主要是讓學(xué)生掌握一些數(shù)據(jù)庫的基本概念和一些簡單的程序設(shè)計(jì)概念，它的內(nèi)容比較多，因此僅僅在課堂上的學(xué)習(xí)時(shí)間是不夠?qū)W者學(xué)好VFP這門課程的，而本系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)，可以為VFP的學(xué)習(xí)者另外提供一個簡單，易懂的學(xué)習(xí)空間，這樣他們不僅在學(xué)?？梢詫W(xué)到相關(guān)知識而且在家也可以通過網(wǎng)上來繼續(xù)學(xué)習(xí)，就可以方便大家，同時(shí)還可以提高人們的學(xué)習(xí)興趣。1.2研究內(nèi)容學(xué)習(xí)網(wǎng)站的建設(shè)需要將信息技術(shù)與VFP課程內(nèi)容整合在一起，這樣才能充分發(fā)揮信息技術(shù)開放性、交互性、共享性、超媒體和大容量的優(yōu)勢。圍繞課程的教學(xué)目標(biāo)組織各種學(xué)習(xí)資源，創(chuàng)設(shè)學(xué)習(xí)情境，使學(xué)習(xí)者通過學(xué)習(xí)網(wǎng)站的學(xué)習(xí)全面掌握課程的知識、技能，并形成運(yùn)用知識技能分析、解決問題的能力。因此建設(shè)該學(xué)習(xí)網(wǎng)站應(yīng)具備以下四個方面的基本內(nèi)容:學(xué)科知識，具體是指圍繞教學(xué)目標(biāo)的要求將相關(guān)的文本、圖片、動畫等教學(xué)媒體，根據(jù)教學(xué)設(shè)計(jì)組織起來的，制作成以網(wǎng)頁形式呈現(xiàn)的網(wǎng)絡(luò)課程。學(xué)習(xí)資源，具體指按一定分類原則，進(jìn)行搜集、整理的與VFP內(nèi)容相關(guān)的資源。并為資源的上傳、下載、更新、檢索提供管理系統(tǒng)。學(xué)習(xí)工具，例如為開展協(xié)作式學(xué)習(xí)而提供的留言板、討論區(qū)、答疑教室等網(wǎng)絡(luò)交流方式。評價(jià)學(xué)習(xí)，評價(jià)包含了對學(xué)生學(xué)習(xí)過程進(jìn)行跟蹤而形成的過程性評價(jià)和通過對學(xué)生習(xí)得知識的效果進(jìn)行的結(jié)論性評價(jià)。將兩者結(jié)來，形成對學(xué)生學(xué)習(xí)情況客觀的評價(jià)結(jié)果。第2章開發(fā)環(huán)境簡介2.1Dreamweaver簡介Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁[4]。其特點(diǎn)有以下幾方面：制作效率高：Dreamweaver可以用最快速方式Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。網(wǎng)站管理方便：使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新所有連結(jié)?？刂颇芰?qiáng)：Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。全方位的呈現(xiàn)：利用Dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。DreamweaverMx2004

是

建立

Web

站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合為一個功能強(qiáng)大的工具，使每個級別的開發(fā)人員和設(shè)計(jì)人員都可利用它來快速創(chuàng)建界面吸引人并且基于標(biāo)準(zhǔn)的站點(diǎn)和應(yīng)用程序[4]。2.2ASP語言環(huán)境簡介ASP是ActiveServerPages(動態(tài)服務(wù)器主頁——MicrosoftActiveServerPages)的縮寫,它是一個服務(wù)器端的腳本環(huán)境,在站點(diǎn)的Web服務(wù)器上解釋腳本,可產(chǎn)生并執(zhí)行動態(tài)、交互式、高效率的站點(diǎn)服務(wù)器應(yīng)用程序[5]。ASP可以勝任基于微軟Web服務(wù)器的各種動態(tài)數(shù)據(jù)發(fā)布。ASP簡單、易學(xué)、容易實(shí)現(xiàn)，并且支持現(xiàn)今絕大多數(shù)通用數(shù)據(jù)庫，所以ASP是學(xué)習(xí)Web應(yīng)用程序開發(fā)的首選。2.3IIS簡介InternetInformationServer的縮寫為（IIS）是一個WorldWideWebserver。Gopherserver和FTPserver全部包容在里面。它是一種Web（網(wǎng)頁）服務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面，使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事[5]。2.4ODBC數(shù)據(jù)庫訪問技術(shù)ODBC(OpenDatabaseConnectivity)是由微軟公司提出的一個用于訪問數(shù)據(jù)庫的統(tǒng)一界面標(biāo)準(zhǔn)。ODBC是基于結(jié)構(gòu)化查詢語言(SQL)，使用SQL可大大簡化其應(yīng)用程序設(shè)計(jì)接口(API)。其接口的優(yōu)勢之一為互操作性，程序設(shè)計(jì)員可以在不指定特定數(shù)據(jù)源情況下創(chuàng)建ODBC應(yīng)用程序[6]。ODBC的程序流程圖如圖2-1所示。SQLFreeEnvSQLFreeEnvSQLFreeConnectSQLDisconnectSQLConnectSQLALLocConnectSQLALLocEnvOtherODBCFunction圖2-1ODBC程序流程圖2.5腳本語言的簡介2.5.1JavaScript腳本語言JavaScript是由Netscape公司開發(fā)并隨Navigator導(dǎo)航者一起發(fā)布的、介于Java與HTML之間、基于對象事件驅(qū)動的編程語言，通過JavaScript可以做到響應(yīng)用戶的需求事件（如表單的輸入），這樣當(dāng)一位使用者輸入一項(xiàng)信息時(shí)，它不需要通過網(wǎng)絡(luò)傳送到服務(wù)器端進(jìn)行處理再傳回來的過程，而可以直接在客戶端進(jìn)行事件的處理。因它的開發(fā)環(huán)境簡單，不需要Java編譯器，而是直接運(yùn)行在Web瀏覽器中，而因倍受Web設(shè)計(jì)者的所愛[5]。2.5.2BScript腳本語言VBScript是VisualBasicScript的簡稱，即VisualBasic描述語言，有時(shí)也被縮寫為VBS。VBScript是微軟開發(fā)的一種腳本語言。VBScript與VB的關(guān)系是VBScript是微軟公司推出的一種腳本語言，它源自VisualBasic，可以說是VB的一個簡集，如果學(xué)過VB或者學(xué)過編程，VBScript將會很容易掌握。如果沒有學(xué)過編程，VBScript可以說是最容易入門的語言了。VBScript的唯一數(shù)據(jù)類型VariantVBScript只有一種數(shù)據(jù)類型，即Variant。該類型在使用的時(shí)候非常靈活。目前這種語言廣泛應(yīng)用于網(wǎng)頁和ASP程序制作，同時(shí)還可以直接作為一個可執(zhí)行程序。用于調(diào)試簡單的VB語句非常方便[5]。2.6本章小結(jié)本章主要對系統(tǒng)的開發(fā)環(huán)境和開發(fā)技術(shù)做了一個簡要的介紹。通過對Dreamweaver編程環(huán)境的功能介紹來分析選擇系統(tǒng)編譯的環(huán)境；通過對數(shù)據(jù)庫訪問技術(shù)的介紹選擇系統(tǒng)采用的ODBC數(shù)據(jù)庫訪問技術(shù)；通過對JavaSprict和VBScript的介紹來說明系統(tǒng)采用ASP語言進(jìn)行開發(fā)的優(yōu)越性。第3章系統(tǒng)概述學(xué)習(xí)網(wǎng)站是高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程的重要組成部分，是學(xué)生自主學(xué)習(xí)、教學(xué)互動、學(xué)習(xí)交流的重要平臺。建設(shè)一個美觀實(shí)用、內(nèi)容豐富、特色鮮明的學(xué)習(xí)網(wǎng)站，從社會需求，學(xué)科的需求，學(xué)校的需求，師生的需求幾方面來看，都是有重要意義的。3.1功能需求分析與設(shè)計(jì)通過查看網(wǎng)上資料、圖書館資料、詢問身邊同學(xué)，總結(jié)而得：一個學(xué)習(xí)網(wǎng)站為了能過達(dá)到教學(xué)和學(xué)習(xí)的目標(biāo)，應(yīng)該具有以下功能：用戶管理子系統(tǒng)功能：對用戶權(quán)限和用戶資料進(jìn)行管理。資源管理子系統(tǒng)功能：主要實(shí)現(xiàn)用戶對網(wǎng)站資源的瀏覽、檢索、下載和上傳的功能。包括兩大類資源，一類是針對學(xué)生的學(xué)習(xí)資源；另一類是針對教師教學(xué)和進(jìn)行網(wǎng)絡(luò)課程開發(fā)的教學(xué)信息資源。調(diào)查管理子系統(tǒng)功能：通過問卷調(diào)查的形式，就學(xué)生對該網(wǎng)站的學(xué)習(xí)效果，網(wǎng)站的設(shè)計(jì)及學(xué)習(xí)能力、學(xué)習(xí)方法和學(xué)習(xí)習(xí)慣的養(yǎng)成等方面的問題進(jìn)調(diào)查，并對調(diào)查結(jié)果進(jìn)行統(tǒng)計(jì)。在線練習(xí)管理子系統(tǒng)功能：包括網(wǎng)絡(luò)考試和網(wǎng)絡(luò)練習(xí)。這兩種模式都是采用隨機(jī)函數(shù)randomize從題庫中提取題目的，從而組成試卷。交流討論子系統(tǒng)功能：向?qū)W生和老師提供電子郵件、在線討論、留言板、公告欄等形式的交流方式。管理員管理子系統(tǒng)功能：對整個系統(tǒng)進(jìn)行管理。提供學(xué)生和老師的添加、刪除、修改，個人信息的修改，給老師和學(xué)生留言。3.2實(shí)體——聯(lián)系圖VFP學(xué)習(xí)網(wǎng)站的有學(xué)生、教師、管理員三種操作用戶，下面我將分別從學(xué)生、教師、管理員的角度給出他們的E-R圖：管理員部分的E-R圖，如圖3-1所示。圖3-1管理員部分的E-R圖教師部分的E-R圖，如圖3-2所示。圖3-2教師部分的E-R圖學(xué)生部分的E-R圖，如圖3-3所示。圖3-3學(xué)生部分的E-R圖3.3網(wǎng)站的邏輯方案數(shù)據(jù)流圖可以用來抽象地表示系統(tǒng)，它從信息傳遞和加工的角度，以圖形的方式刻畫數(shù)據(jù)流從輸入到輸出的移動變換過程，同時(shí)可以按自頂向下、逐步分解的方法表示內(nèi)容不斷增加的數(shù)據(jù)流和功能細(xì)節(jié)。由于篇幅的問題下面我只給出了關(guān)于考試和作業(yè)的數(shù)據(jù)流圖，如圖3-4和圖3-5所示。圖3-4在線考試模塊的數(shù)據(jù)流圖圖3-5作業(yè)管理模塊數(shù)據(jù)流圖3.4開發(fā)過程分析VFP在線學(xué)習(xí)系統(tǒng)是一個系統(tǒng)工程，一般建設(shè)的流程如下圖3-6所示：圖3-6VFP在線學(xué)習(xí)系統(tǒng)一般建設(shè)流程圖初次確定，確定網(wǎng)站建設(shè)方案，收集網(wǎng)站建設(shè)及課程的有關(guān)資料。再次確定，再次收集網(wǎng)站建設(shè)及課程的有關(guān)資料，并確定網(wǎng)站的定位與整體風(fēng)格、網(wǎng)站的架構(gòu)與欄目。概念開發(fā)，根據(jù)收集的信息，開始構(gòu)思，把這些構(gòu)思跟指導(dǎo)教師講述，聽取教師的建議和意見。內(nèi)容綜合，同意了設(shè)計(jì)后，就開始制作一些初始圖樣，這些圖樣用一般PHOTOSHOP制作和創(chuàng)建，然后，將圖樣配合文字制作出來。HTML布局和導(dǎo)航，一旦確定了這些內(nèi)容綜合，就開始編制Web頁面，導(dǎo)航器要編制到頁面中。測試完善，徹底測試每個Web頁面，并進(jìn)行修補(bǔ)和完善。3.5數(shù)據(jù)庫設(shè)計(jì)該學(xué)習(xí)網(wǎng)站采用了SQLServer2000作為后臺數(shù)據(jù)庫，數(shù)據(jù)庫名為“vfp”，整個網(wǎng)站的實(shí)現(xiàn)過程中需要對大量的數(shù)據(jù)完成搜集、整理、存儲、交換等工作。下面給出數(shù)據(jù)表的概要說明和主要數(shù)據(jù)表的結(jié)構(gòu)定義及表之間的關(guān)系。3.5.1數(shù)據(jù)表的概要說明網(wǎng)站開發(fā)中的數(shù)據(jù)表可以分為以下類別：用戶性息表：可以分為存儲學(xué)生的信息表，以及存儲教師和管理員信息的數(shù)據(jù)表。在表中分別存儲用戶的基本信息及其權(quán)限。作業(yè)信息表：主要是存儲教師的發(fā)布作業(yè)、學(xué)生的上交作業(yè)和教師批閱作業(yè)的情況。交流互動表：包括留言、公告、答疑三類表，是老師、管理員和學(xué)生之間進(jìn)行交流的信息表。調(diào)查信息表：包括了調(diào)查題目表、調(diào)查選項(xiàng)表、調(diào)查統(tǒng)計(jì)表，管理員和教師的調(diào)查表是分別管理的。考試相關(guān)表：主要是存儲考試的題目，考試的試卷和考試的成績?？荚囶}目是分類（判斷題、單選題、多選題、填空題）存儲的。3.5.2主要數(shù)據(jù)表的結(jié)構(gòu)說明表3-1管理員信息（admin）表字段名類型備注unamenvarchar(10)登錄名passwordnvarchar(16)登錄密碼Admin表存儲管理員的信息，以uname作為主鍵。表3-2學(xué)生信息（student）表字段名類型備注snonvarchar(8)學(xué)生的學(xué)號spasswordnvarchar(16)學(xué)生的密碼snamenvarchar(10)學(xué)生的姓名sclassnvarchar(20)班級systemnvarchar(20)學(xué)院semailnvarchar(20)emailStudent表存儲學(xué)生的信息，以sno作為主鍵。表3-3教師信息（teacher）表字段名類型備注tidnvarchar(8)教師的編號tnamenvarchar(10)教師的姓名tpwdnvarchar(16)教師的登錄密碼temailnvarchar(20)emailTeacher表存儲教師的信息，以tid作為主鍵。表3-4公告欄（board）表字段名類型備注idint(4)公告的編號titlenvarchar(20)公告的題目contentnvarchar(100)公告的內(nèi)容inputdatedatetime（8）公告發(fā)布時(shí)間Board表存儲發(fā)布公告的信息，以id作為主鍵。表3-5填空題（filling）表字段名類型備注fiidint題目編號questionnvarchar(100)題目內(nèi)容answernvarchar(100)題目答案setupdatadatetime（8）題目的入庫時(shí)間zhangjienvarchar(20)題目的所屬章節(jié)nandunvarchar(8)題目難度（難、中、基礎(chǔ)）Filling表存儲入庫的填空題信息，以fiid作為主鍵。表3-6單選題（selecting）表字段名類型備注selectidint題目編號questionnvarchar(100)試題內(nèi)容result1nvarchar(20)選項(xiàng)Aresult2nvarchar(20)選項(xiàng)Bresult3nvarchar(20)選項(xiàng)Cresult4nvarchar(20)選項(xiàng)Danswernvarchar(10)題目答案setupdatadatetime（8）題目的入庫時(shí)間zhangjienvarchar(20)題目的所屬章節(jié)nandunvarchar(8)題目難度（難、中、基礎(chǔ)）Selecting表存儲入庫的單選題信息，以selectid作為主鍵。表3-7考試試卷（test）表字段名類型備注exidint（4）試卷編號riidint（8）判斷題數(shù)目riscoreint（4）判斷題每題的分?jǐn)?shù)seidint（8）單選題數(shù)目sescoreint（4）單選題每題的分?jǐn)?shù)fiidint（8）判斷題數(shù)目fiscoreint（4）判斷題每題的分?jǐn)?shù)se2idint（8）多選題數(shù)目se2scoreint（4）多選題每題的分?jǐn)?shù)ftimeint（4）試卷完成的時(shí)間setupdatadatetime（8）試卷發(fā)布時(shí)間Test表存儲教師發(fā)布的考試試卷信息，以exid作為主鍵。表3-8考試（examination）表字段名類型備注examinationidint（4）試卷編號studentnumbernvarchar(8)學(xué)生的學(xué)號scoreint（8）考試的分?jǐn)?shù)examinationdatadatetime（8）考生參加考試的時(shí)間Examination表以examinationid和studentnumber作為聯(lián)合主鍵。表3-9上載ppt表字段名類型備注idint（4）Ppt編號namenvarchar(20)Ppt的名稱ptimeint（4）Ppt的發(fā)布時(shí)間ppt表存儲教師發(fā)布的ppt信息，以id作為主鍵。表3-10發(fā)布作業(yè)（homework）表字段名類型備注idint（4）作業(yè)編號namenvarchar(20)作業(yè)的名稱htimeint（4）作業(yè)的發(fā)布時(shí)間mesggernvarchar(50)作業(yè)的說明Homework表存儲教師發(fā)布的作業(yè)信息，以id作為主鍵。表3-11上交作業(yè)表（homeworkupload2）字段名類型備注stuidnvarchar(8)學(xué)生學(xué)號hnamenvarchar(20)作業(yè)的名稱flagint（4）批改標(biāo)記（1：已經(jīng)批閱）scoreint（8）作業(yè)的分?jǐn)?shù)uptimedatetime（8）作業(yè)批閱的時(shí)間Homeworkupload2表存儲學(xué)生作業(yè)上交及上交作業(yè)的批閱信息，以stuid和hname作為聯(lián)合主鍵。表3-12問題（problem）表字段名類型備注idint（4）問題編號titlenvarchar(20)問題的標(biāo)題detalnvarchar(100)問題的內(nèi)容answernvarchar(100)問題的答案uptimedatetime（8）問題提交時(shí)間flag_answerint（4）回答標(biāo)記（1：已經(jīng)回答）Problem表是學(xué)生提問題和老師回答問題用到的表，其中字段id是主鍵。表3-13留言（teacher_student）表字段名類型備注idint（4）留言編號mesnvarchar(50)留言的內(nèi)容uptimedatetime（8）留言發(fā)布時(shí)間flagnvarchar(8)身份類型teacher_student表存儲學(xué)生留言相關(guān)的信息，其中字段id是主鍵。3.6本章小結(jié)本章主要完成了對系統(tǒng)的功能需求分析，詳細(xì)設(shè)計(jì)了系統(tǒng)的實(shí)體-關(guān)系圖，用數(shù)據(jù)流圖描繪了系統(tǒng)邏輯方案并對開發(fā)過程進(jìn)行簡要的分析和說明。介紹了數(shù)據(jù)庫設(shè)計(jì)的重要性并對系統(tǒng)的數(shù)據(jù)庫進(jìn)行了分析與設(shè)計(jì)。通過分析，系統(tǒng)完成了數(shù)據(jù)庫表的設(shè)計(jì)；通過系統(tǒng)的需求分析來設(shè)計(jì)每個表的數(shù)據(jù)項(xiàng)；通過對數(shù)據(jù)庫概念結(jié)構(gòu)的設(shè)計(jì)和邏輯結(jié)構(gòu)的設(shè)計(jì)清晰地展現(xiàn)了系統(tǒng)的數(shù)據(jù)庫總體設(shè)計(jì)，以及主要的表中每一個字段屬性。第4章VFP學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)在設(shè)計(jì)網(wǎng)站之前，要根據(jù)網(wǎng)站建設(shè)的目的、網(wǎng)站的功能與網(wǎng)站的訪問對象等進(jìn)行正確的定位，網(wǎng)站的定位決定了網(wǎng)站的整體風(fēng)格和色彩搭配、網(wǎng)站提供的內(nèi)容和表現(xiàn)形式、網(wǎng)站的服務(wù)對象和預(yù)期效果。根據(jù)傳統(tǒng)的網(wǎng)站分類方法，學(xué)習(xí)網(wǎng)站屬于教育型的資訊類網(wǎng)站，網(wǎng)站的使用者是廣大的學(xué)生和教師，建站的目的是為學(xué)生提供自主學(xué)習(xí)的平臺，為教師提供教學(xué)互動的平臺?；谝陨蠋c(diǎn)的考慮，我對整個網(wǎng)站的總體設(shè)計(jì)如下。4.1網(wǎng)站基于B/S體系整個系統(tǒng)采用Browser/Web/DataBase的3層體系結(jié)構(gòu)。Browser/Server的系統(tǒng)中，用戶可以通過瀏覽器向分布在網(wǎng)絡(luò)上的服務(wù)器發(fā)出請求，服務(wù)器對瀏覽器的請求進(jìn)行處理，將用戶所需的信息返回到瀏覽器。B/S結(jié)構(gòu)簡化了客戶機(jī)的工作，客戶機(jī)上只需配置Web瀏覽器即可。服務(wù)器將擔(dān)負(fù)更多的工作，對數(shù)據(jù)庫的訪問和應(yīng)用程序的執(zhí)行將在服務(wù)器上完成。瀏覽器發(fā)出請求，而其余如數(shù)據(jù)請求、加工、結(jié)果返回以及動態(tài)網(wǎng)頁生成等工作全部由WebServer完成[7]。Browser/Server三層體系結(jié)構(gòu)，如下圖4-1所示。客戶機(jī)Web服Web應(yīng)務(wù)器IIS用程序數(shù)據(jù)庫客戶機(jī)Web服Web應(yīng)務(wù)器IIS用程序數(shù)據(jù)庫B/S結(jié)構(gòu)的優(yōu)點(diǎn)：維護(hù)和升級方式簡單。目前，軟件系統(tǒng)的改進(jìn)和升級越來越頻繁，B/S架構(gòu)的產(chǎn)品明顯體現(xiàn)著更為方便的特性[8]。成本降低，選擇更多。windows在桌面電腦上幾乎一統(tǒng)天下，瀏覽器成為了標(biāo)準(zhǔn)配置，但在服務(wù)器操作系統(tǒng)上windows并不是處于絕對的統(tǒng)治地位。現(xiàn)在的趨勢是凡使用B/S架構(gòu)的應(yīng)用管理軟件，只需安裝在Linux服務(wù)器上即可，且安全性高。而Linux不僅操作系統(tǒng)是免費(fèi)的，而且數(shù)據(jù)庫也是免費(fèi)的[8]。4.2網(wǎng)站功能模塊結(jié)構(gòu)的設(shè)計(jì)VFP學(xué)習(xí)網(wǎng)站管理系統(tǒng)共包括六個子系統(tǒng)，用戶管理子系統(tǒng)、資源管理子系統(tǒng)、調(diào)查管理子系統(tǒng)、在線練習(xí)管理子系統(tǒng)、交流討論子系統(tǒng)和管理員子系統(tǒng)。這六個子系統(tǒng)包括的主要功能模塊如圖4-2所示。VFP學(xué)習(xí)網(wǎng)站VFP學(xué)習(xí)網(wǎng)站教師管理模塊學(xué)生管理模塊作業(yè)管理模塊調(diào)查管理模塊考試管理模塊個人信息管理模塊公告欄模塊留言板模塊教學(xué)資料管理模塊登錄模塊答疑教室模塊討論區(qū)模塊數(shù)據(jù)庫圖4-2系統(tǒng)主要功能模塊圖教師管理模塊：主要實(shí)現(xiàn)的功能為：教師的添加、教師信息的修改，教師信息的刪除、教師信息的查詢，該功能是管理員實(shí)現(xiàn)的。學(xué)生管理模塊：主要實(shí)現(xiàn)的功能為：學(xué)生的添加、學(xué)生信息的修改，學(xué)生信息的刪除、學(xué)生信息的查詢，該功能是管理員實(shí)現(xiàn)的。教學(xué)資料管理模塊：分為學(xué)生端和老師端進(jìn)行設(shè)計(jì)?？荚嚬芾砟K：分為學(xué)生端和老師端進(jìn)行設(shè)計(jì)。作業(yè)管理模塊：分為學(xué)生端和老師端進(jìn)行設(shè)計(jì)。公告欄模塊：分成學(xué)生端和老師端進(jìn)行設(shè)計(jì)。留言板模塊：分成學(xué)生端、老師端和管理員進(jìn)行設(shè)計(jì)。答疑教室模塊：為教師和學(xué)生提供“問答”環(huán)境，教師可以針對每位學(xué)生的問題做出回答。討論區(qū)模塊：功能類似于聊天室，該模塊中所有用戶都是平等的，學(xué)生、教師和管理員可以同時(shí)登錄，進(jìn)行實(shí)時(shí)的交流。個人信息管理模塊：是為學(xué)生、教師和管理員提供了查看個人信息和修改個人信息的功能。調(diào)查管理模塊：通過問卷調(diào)查的形式，就學(xué)生對該網(wǎng)站的學(xué)習(xí)效果，網(wǎng)站的設(shè)計(jì)及學(xué)習(xí)能力、學(xué)習(xí)方法和學(xué)習(xí)習(xí)慣的養(yǎng)成等方面的問題進(jìn)調(diào)查，并對調(diào)查結(jié)果進(jìn)行統(tǒng)計(jì)。4.3本章小結(jié)本章對系統(tǒng)進(jìn)行了總體分析與設(shè)計(jì)，簡要描繪本系統(tǒng)的主要功能模塊并對每個模塊所實(shí)現(xiàn)的具體功能進(jìn)行初步的說明。第5章系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)在第4章已經(jīng)總體規(guī)劃了該系統(tǒng)的模塊及其功能，本章將詳細(xì)的介紹各個模塊的設(shè)計(jì)與實(shí)現(xiàn)過程，以及相應(yīng)的運(yùn)行頁面。5.1關(guān)鍵知識點(diǎn)介紹5.1.1模板模版可以被理解成一種模型。在制作網(wǎng)站的過程中，為了統(tǒng)一風(fēng)格，很多頁面會用到相同的布局、圖片和文字元素。為了避免大量的重復(fù)勞動，可以使用Dreamweaver中提供的模板功能，將具有相同版面結(jié)構(gòu)的頁面制作為模板，將相同的元素（如導(dǎo)航欄）制作為庫項(xiàng)目，并存放在庫中可以隨時(shí)調(diào)用。在開發(fā)本系統(tǒng)的過程中，用了toc.dwt（學(xué)生模板）、teacher.dwt（教師界面）、study_net.dwt（學(xué)習(xí)界面模板）、admin.dwt（管理模板）、test.dwt（考試管理模板）5個模板，大大的減少了我的工作量。5.1.2openScript函數(shù)openScript函數(shù)是自己定義的，主要是實(shí)現(xiàn)一進(jìn)入首頁立刻會彈出一個窗口，或者按一個連接或按鈕彈出。下面是這個函數(shù)的定義：<SCRIPTlanguage=javascript>functionopenScript(url,width,height){varWin=window.open(url,"openScript",'width='+width+'，height='+height+',resizable=0,scrollbars=yes,menubar=no,status=no');}</SCRIPT>5.1.3Lyfupload文件上載組件Lyfupload組件支持單、多文件上載；可以將上載的文件名改名保存；可以同時(shí)使用其他的表單元素信息；支持限制文件大小的上載；支持限制文件類型的上載；可以得到上載文件的大??；支持將文件內(nèi)容，如上載圖形文件等各類windows文件保存到數(shù)據(jù)庫中；支持從數(shù)據(jù)庫中讀取上載文件；還可以得到上載文件的MIME類型。在使用Lyfupload時(shí)要注意的是：form表單的enctype屬性要設(shè)置為"multipart/form-data"。組件的方法介紹:Request方法：得到上一個頁面中表單元素的值；返回值：為元素的值，字符串類型。FileType方法：得到上傳文件的Content-Type；返回值：文件上傳成功，返回文件的Content-Type；不成功，返回為""。SaveFile方法：上傳客戶端選擇的文件；聲明：SaveFile(strTagAsString,strPathAsString,strwayasboolean),參數(shù)介紹：strTag為Form中文件元素的名字，如"File1"：strPath為文件保存在本機(jī)的目錄；strway為上傳文件方式，覆蓋方式上傳為true，不覆蓋上傳為false；DestFileName(可選參數(shù))，代表文件上傳后重命名保存的名字；組件屬性介紹：ExtName屬性：限制上載文件的類型；MaxSize屬性：限制上載文件的大??；FileSize屬性：得到上載文件的大?。籇BContent屬性：得到上載文件的實(shí)際內(nèi)容，為二進(jìn)制流；5.1.4頁面導(dǎo)航條當(dāng)光標(biāo)移動到鏈接時(shí)，就會在其下面出現(xiàn)其它的鏈接。實(shí)現(xiàn)該功能主要是運(yùn)用onmouseover事件。主要代碼如下：functionshowdiv(div_id)//顯示的函數(shù){if(document.all.item(div_id).style.display=="block"){document.all.item(div_id).style.display="none";}else為下面分區(qū)號光標(biāo)移到時(shí)事件{document.all.item(div_id).style.display="block";}為下面分區(qū)號光標(biāo)移到時(shí)事件} <tdalign="center"onMouseOver="javascript:ShowSubMenu(6)">問題管理</td><!—光標(biāo)移到“問題管理”時(shí)顯示的分區(qū)—><divclass="SubMenu"id="SubMenu6"style="DISPLAY:none"name="SubMenu6"><tablecellSpacing=0cellPadding=0width="100%"border=0><tr><tdwidth="285"height="25"> </td><td>  <ahref="question_answer.asp">問題管理</a>|<ahref="chat_teacher.asp">在線交流</a></td></tr></table></div>5.1.5分頁顯示在顯示信息的時(shí)候，往往是信息很多，在一頁顯示就會使得頁面很長，這樣對于用戶來說是不方便的。分頁顯示就可以規(guī)定每頁的最多顯示信息數(shù)，不僅方便了用戶還可以美觀頁面。下面是分頁顯示的實(shí)現(xiàn)：創(chuàng)建一個Recordset對象rs，然后設(shè)置rs的屬性recordcount的值和屬性absolutepage的值（即每頁顯示的最多信息數(shù)rs.recordset=每頁顯示的信息最多數(shù)和當(dāng)前顯示的頁碼rs.absolutepage=要顯示頁碼）。在顯示信息的時(shí)候只要引用“whilenotrs.eofandi<rs.recordcount”就可以實(shí)現(xiàn)分頁顯示了。5.1.6數(shù)據(jù)庫中的數(shù)據(jù)表字段導(dǎo)入到EXCEL表該功能的實(shí)現(xiàn)是可以方便教師和管理員的信息查看，關(guān)于數(shù)據(jù)庫中的數(shù)據(jù)表字段導(dǎo)入到EXCEL表的代碼實(shí)現(xiàn)比較長，在后面模塊的詳細(xì)設(shè)計(jì)中會介紹的。5.2注冊和登錄模塊新用戶注冊 新用戶注冊。對于新用戶第一次使用該學(xué)習(xí)網(wǎng)站，必須要先注冊，如圖5-1所示；注冊成功后將保存注冊的信息，如圖5-2所示。圖5-1注冊頁面圖5-2登錄界面已注冊用戶登錄已注冊的用戶在每次訪問本網(wǎng)站時(shí)應(yīng)首先要通過登錄頁面登錄。本網(wǎng)站的登錄使用了用戶名、密碼和身份類型來判斷用戶的登錄頁面，否則顯示登錄失敗。因此，將除登錄、注冊頁面以外的頁面設(shè)為限制訪問的頁面。用戶登錄成功后的用戶名賦與變量usemame，由語句Session("usemame")=usemame實(shí)現(xiàn)對頁面的限制訪問，該模塊的工作流程圖如圖5-3所示。登錄界面登錄界面打開學(xué)生頁面打開教師頁面打開管理員頁面登錄失敗YNNYYYN用戶名密碼正確是否學(xué)生身份是否教師身份是否管理員身份開始圖5-3登錄流程圖5.3教師管理模塊教師管理模塊主要實(shí)現(xiàn)的功能為：教師的添加、教師信息的修改，教師信息的刪除、教師信息的查詢，該功能是管理員實(shí)現(xiàn)的。教師的信息包括編號、密碼、姓名，管理員可以通過編號來查詢教師的信息，而且管理員還可以將數(shù)據(jù)庫中的教師信息表根據(jù)自己的要求選擇字段保存到Excel表格中。教師是不可以自己注冊登錄的，只有管理員的添加才能使用該網(wǎng)站。管理員還可以給老師留言，這種留言是采用1對1的模式。教師管理模塊的頁面如圖5-4所示。圖5-4教師管理模塊頁面5.3.1添加教師信息功能實(shí)現(xiàn)管理員在管理界面單擊“添加教師”按鈕，則進(jìn)入教師信息添加頁面，如圖5-5所示。在該頁面上添加教師的基本信息，按“添加”按鈕后則將教師信息添加到系統(tǒng)中。圖5-5添加教師信息頁面圖5-6修改教師信息頁面在添加教師的信息之前，需要判斷該教師信息是否已經(jīng)全部填寫以及填寫的信息是否在數(shù)據(jù)庫中已經(jīng)存在，如果教師信息審核不通過，則不能添加；否則采用rs.addnew和rs.update相關(guān)語句實(shí)現(xiàn)教師信息的添加。并自動的跳轉(zhuǎn)到教師管理模塊頁面，實(shí)現(xiàn)的代碼為：response.Redirect("teacher.asp")。5.3.2修改教師信息功能實(shí)現(xiàn)管理員在教師管理模塊頁面單擊“修改”鏈接，則進(jìn)入教師信息的修改頁面，如圖5-6所示。在該頁面顯示了目前要修改教師的信息，管理員可以重新設(shè)置教師的信息。在修改教師的信息之前，需要判斷該教師信息是否已經(jīng)全部填寫以及填寫的信息是否在數(shù)據(jù)庫中已經(jīng)存在，如果教師信息審核不通過，則不能修改；否則用rs.update相關(guān)語句將修改后的信息更新到數(shù)據(jù)庫中。5.3.3刪除教師信息功能實(shí)現(xiàn)管理員在教師管理模塊頁面選擇某個教師后，單擊“刪除”鏈接，則用rs.delete相關(guān)語句完成刪除操作。5.3.4查詢教師信息功能實(shí)現(xiàn)管理員在教師管理模塊頁面的搜索功能區(qū)輸入教師的編號，如果存在則顯示該教師的信息，否則輸出“暫時(shí)沒有相關(guān)的記錄！”5.3.5教師信息轉(zhuǎn)換EXCEL表保存功能管理員在教師管理模塊頁面的另存為Excel文件功能區(qū)，單擊“另存為Excel文件”鏈接，則跳轉(zhuǎn)到頁面如圖5-7所示，管理員再根據(jù)自己的需求選擇字段，然后單擊“下一步”按鈕，就可以把數(shù)據(jù)庫中的教師信息表中的選中字段的信息保存到teacher.csv文件，這個文件的文件名是根據(jù)數(shù)據(jù)庫中的教師信息表的表名得來的。圖5-7選擇字段圖5.3.6管理員對教師留言功能實(shí)現(xiàn)管理員在教師管理模塊頁面點(diǎn)擊教師的姓名，則出現(xiàn)留言頁面。管理員可以在留言頁面的文本域中填寫要留言的內(nèi)容，內(nèi)容填寫完成后，按“提交”按鈕就可以了。該操作是顯示該頁面的大小，設(shè)定為：width為400，height為300。其實(shí)現(xiàn)的代碼如下：<ahref="javascript:openScript('give_teacher_message.asp?id=<%=rs("tid")%>',400,300)"><%=rs("tname")%></a>//其中g(shù)ive_teacher_message.asp就是對老師留言的頁面。5.4學(xué)生管理模塊學(xué)生管理模塊的功能和教師管理模塊的功能相同，實(shí)現(xiàn)方法也類似，只是在處理數(shù)據(jù)的時(shí)候面向數(shù)據(jù)庫中數(shù)據(jù)表不同而已，所以在這我對學(xué)生管理模塊的功能的實(shí)現(xiàn)就不加以介紹了。5.5教學(xué)資料管理模塊教學(xué)資料管理模塊分為學(xué)生端和老師端進(jìn)行設(shè)計(jì)。下面先介紹教師端功能的實(shí)現(xiàn)，再介紹學(xué)生端功能的實(shí)現(xiàn)。5.5.1教學(xué)資料管理模塊教師端功能實(shí)現(xiàn)在該模塊教師可以發(fā)布html格式的網(wǎng)頁教案，可以根據(jù)自己的教學(xué)進(jìn)度來發(fā)布PPT教案，當(dāng)然老師也可以對這些資料進(jìn)行刪除、修改和查詢。老師發(fā)布的資料是學(xué)生學(xué)習(xí)的主要資源，這些資料是按照章節(jié)來分類的，學(xué)生可以根據(jù)自己的需求學(xué)習(xí)不同進(jìn)度的教學(xué)資料，這樣就可以方便學(xué)生的學(xué)習(xí)。PPT教案的發(fā)布功能在教師工作頁面的導(dǎo)航條（如圖5-8所示）點(diǎn)擊“上載ppt”鏈接則進(jìn)入教師上載ppt功能頁面（如圖5-9所示），教師要選擇ppt的名稱，瀏圖5-8教師工作頁面的導(dǎo)航條覽ppt文件，再按“上傳”按鈕，如果教師填寫的內(nèi)容不為空，而且要上載的ppt以前還沒有上載過，則可以上載成功；否則上載失敗。在這里只能上載的是ppt類型的文件，文件上載成功以后是存放在服務(wù)器的ppt文件中的。圖5-9上載ppt功能頁面上載ppt文件的功能實(shí)現(xiàn)是用了文件上載組件Lyfupload，實(shí)現(xiàn)的部分代碼如下：<%setpost=server.CreateObject("lyfupload.uploadfile")post.extname="ppt"；//限制文件的類型為pptchangename=post.request("pname")&".ppt"http://獲得文件名filepath=server.MapPath("../ppt")//文件存放的路徑ss=post.savefile("ppt",filepath,false,changename) ifss=""thenresponse.Write("<scriptlanguage=javascript>alert('文件上傳失?。?);history.back(-1);</script>")elseifss="1"thenresponse.Write("<scriptlanguage=javascript>alert('不是ppt文件！');history.back(-1);</script>")elseifss="3" thenresponse.Write("<scriptlanguage=javascript>alert('文件已經(jīng)存在！');history.back(-1);</script>")else……//把ppt上載的信息保存到數(shù)據(jù)庫的ppt表中。%>ppt教案的刪除功能教師在ppt上載頁面可以瀏覽已經(jīng)上載的ppt文件（如圖5-10所示），在該頁面可以看到有個刪除操作，當(dāng)你選中“第6章.ppt”的“刪除”鏈接，就會把該ppt文件刪除。圖5-10ppt上載瀏覽頁面5.5.2教學(xué)資料管理模塊學(xué)生端功能實(shí)現(xiàn)在該模塊學(xué)生可以查看網(wǎng)頁教案，下載教學(xué)資料（如：教師的PPT、實(shí)驗(yàn)指導(dǎo)資料）。網(wǎng)頁教案老師直接做成html格式，學(xué)生可以在線瀏覽該教案進(jìn)行學(xué)習(xí)；ppt教案老師是以ppt文件的格式上載到ppt文件，供學(xué)生自己下載瀏覽的。網(wǎng)頁教案的在線學(xué)習(xí)的導(dǎo)航區(qū)如圖：5-11所示，學(xué)生想要學(xué)習(xí)某章節(jié)的時(shí)候，只要點(diǎn)擊該章節(jié)的課題就可以連接到該章節(jié)的htm教案進(jìn)新學(xué)習(xí)。該導(dǎo)航區(qū)是分級圖5-11在線學(xué)習(xí)的導(dǎo)航區(qū)展開的菜單，下面將對此菜單的實(shí)現(xiàn)做一些介紹。如圖5.5.2—1所示，當(dāng)單擊標(biāo)題“visualfoxpro基礎(chǔ)”的時(shí)候，下面子菜單每一小節(jié)的標(biāo)題就顯示出來了；再次單擊，下面的子菜單又收縮不顯示了。下面的函數(shù)是用來實(shí)現(xiàn)顯示和收縮功能的。<scriptlanguage="javascript">functionshowdiv(div_id){//如果原來的子標(biāo)題部分的屬性是顯示的，那么就將屬性改為不顯示 if(document.all.item("div"+div_id).style.display=="block") {document.all.item("div"+div_id).style.display="none"; }//如果原來的子標(biāo)題部分的屬性是不顯示的，那么就將屬性改為顯示 else {document.all.item("div"+div_id).style.display="block"; }}</script>對于子菜單的html部分，我定義了一個塊<divid=""style="display:none">根據(jù)風(fēng)格定義display:none，塊中的內(nèi)容缺省是不顯示的。當(dāng)單擊標(biāo)題的時(shí)候，調(diào)用了函數(shù)showdiv(div_id)，這樣就可以通過子標(biāo)題部分的display屬性來改變頁面的顯示了。如下所示：<ahref="#"language="javascript"onClick="showdiv('2');">VisualFoxPro系統(tǒng)初步</a>5.5.3PPT教案的下載學(xué)習(xí)功能PPT教案下載學(xué)習(xí)頁面只為學(xué)生提供了ppt瀏覽和下載功能(如圖5-12所示)，在頁面可以顯示教師已經(jīng)發(fā)布的ppt列表，在ppt顯示的時(shí)候是按照教師的發(fā)布時(shí)間來排列的，教師發(fā)布的時(shí)間越近則顯示的時(shí)候就越靠前顯示，這樣也可以方便學(xué)生的下載。學(xué)生在下載ppt的時(shí)候，只要單擊要下載的ppt名稱就可以了，例如：下載“第5章.ppt”，點(diǎn)擊后，再根據(jù)學(xué)生自己的需求做“打開”、“保存”、“取消”功能的選擇。圖5-12ppt瀏覽頁面關(guān)于ppt瀏覽頁面的代碼實(shí)現(xiàn)很簡單，就是從數(shù)據(jù)庫的ppt表中讀取數(shù)據(jù)及可以了。下面我只是簡單的介紹ppt下載實(shí)現(xiàn)代碼：<ahref="ppt/<%=rs("name")%>"><fontcolor="#FF0000">ppt名稱</font></a>//其中ppt/<%=rs("name")%>是下載文件的路徑。5.6考試管理模塊考試管理模塊分為老師端和學(xué)生端進(jìn)行設(shè)計(jì)，下面我將分別介紹教師端和學(xué)生端的實(shí)現(xiàn)。5.6.1考試管理模塊教師端實(shí)現(xiàn)教師端主要是對試題（判斷題、單選題、多選題和填空題）進(jìn)行添加、修改、刪除和查詢；對學(xué)生的考試成績可以通過學(xué)號來查找，而且教師還可以將數(shù)據(jù)庫中的考試成績信息表根據(jù)自己的要求選擇字段保存到Excel表格中；對試卷進(jìn)行添加，修改和設(shè)置，試卷的屬性包括每種試題的題數(shù)、每種試題的分?jǐn)?shù)和每張?jiān)嚲淼目荚嚂r(shí)間。試題管理模塊的實(shí)現(xiàn)當(dāng)教師正確登錄后，進(jìn)入考試管理頁面，在該頁面，教師可以對試題、試卷、成績進(jìn)行管理（如圖5-13教師考試管理的功能區(qū)）。在試題管理中可以圖5-13教師考試管理的功能區(qū)對判斷題、單選題、多選題、填空題進(jìn)行管理。下面首先介紹判斷題管理模塊的設(shè)計(jì)和實(shí)現(xiàn)。判斷題管理的實(shí)現(xiàn)判斷題管理可以添加、修改及刪除題目。在判斷題管理頁面可以完成題目的查詢功能，并提供了添加、編輯及刪除題目的鏈接，頁面如圖5-14所示。圖5-14判斷題管理頁面判斷題的顯示判斷題管理頁面首先將“rightorwrong”數(shù)據(jù)表中的數(shù)據(jù)全部提取出來，并且按照每頁10條記錄的方式顯示。在本頁面中將題號、題目、答案、章節(jié)和難度分別顯示出來，并在每一條記錄的后面均提供了“編輯”和“刪除”鏈接。判斷題的查詢判斷題管理頁面提供了“查找”功能（如圖5-15所示），該功能的能夠?qū)崿F(xiàn)查詢條件在題目內(nèi)容中的模糊查找。該查找方法是將題目中有包含查找關(guān)圖5-15查找功能區(qū)字的題目全部查詢出來，并按照分頁顯示。下面給出查找實(shí)現(xiàn)的主要代碼：<%keyword=trim(request(“keyword”))ifkeyword=”所有題目”elsekeywords=keyword%><%str="select*fromrightorworngwherequestionlike‘%”keyword”%’orderbyriid"rs.openstr,conn,3,1,1rs.pagesize=10%>上述代碼中的keywords變量是用來在頁面中顯示用戶輸入的查詢條件或者條件為空時(shí)顯示“所有題目”的。查詢采用的是按“%”方式的“question”字段的模糊匹配。判斷題的添加在判斷題管理頁面中“添加新題”的鏈接，單擊“添加新題”就會跳轉(zhuǎn)到判斷題添加頁面，如圖5-16所示。在添加判斷題時(shí)，每次可以添加小于等10道試題。試題添加時(shí)，要求試題的編號必須連續(xù)，因?yàn)榭荚嚨脑嚲硎请S機(jī)組卷的，而我用的隨機(jī)組卷方法就是在一定范圍內(nèi)隨機(jī)產(chǎn)生題號并抽取試題。添加的圖5-16判斷題添加頁面試題要求填寫好題目、答案、章節(jié)和難度，單擊“提交”按鈕進(jìn)行審核，只有這些屬性的值不為空才能添加到判斷題的題庫中。添加題目在題庫中編號分布實(shí)現(xiàn)語句如：<%rs（“riid”）=rs.recordcount+1%>。判斷題的刪除與添加功能類似，為了保證試題編號的連續(xù)性，在刪除試題的同時(shí)需要修改其他試題的編號。刪除某個試題，只需要單擊試題右側(cè)的“刪除”鏈接，即可完成試題的刪除功能。代碼的實(shí)現(xiàn)注意點(diǎn)：刪除試題時(shí)，如果所刪除的試題不是試題表中最后一條記錄，則要對試題的編號重新排布，這樣就保證了試題編號的連續(xù)性。顯示的主要代碼如下：<%i=1 whilenotrs.eof rs("riid")=i rs.update i=i+1 rs.movenext wend%>判斷題的修改判斷題的修改只需要在判斷題管理頁面上選定試題后，單擊“編輯”鏈接轉(zhuǎn)入試題編輯頁面。試題的修改頁面比較簡單，關(guān)鍵點(diǎn)是答案、章節(jié)和難度在下拉列表中的實(shí)現(xiàn)。例如單擊編號為11試題的“編輯”鏈接，則出現(xiàn)如圖5-17所示的修改頁面。在該頁面的“答案”、“章節(jié)”和“難度”下拉列表中，根據(jù)試圖5-17判斷題修改頁面題表中的數(shù)據(jù)來顯示答案、章節(jié)、難度。教師可以重新設(shè)置該題目的題目內(nèi)容、答案、章節(jié)和難度，修改完成后單擊“提交”按鈕，則可以判斷題的修改。下面給出了試題答案再現(xiàn)的關(guān)鍵代碼：<selectname="answer"> <optionvalue="對"<%ifrs("answer")="對"thenresponse.Write("selected")endif%>>對</option><optionvalue="錯"<%ifrs("answer")="錯"thenresponse.Write("selected")endif%>>錯</option></select>單選題、多選題和填空題管理的實(shí)現(xiàn)單選題、多選題和填空題管理與判斷題管理相類似，實(shí)現(xiàn)方法和代碼也是類似的，這里就不再詳細(xì)介紹了。試卷管理的實(shí)現(xiàn)試卷管理主要是完成試卷各項(xiàng)參數(shù)的設(shè)置，例如：總分、考試時(shí)間、題型和分值。在教師單擊“試卷管理”鏈接，如果當(dāng)前還沒有考卷，則進(jìn)入試卷添加頁面，如圖5-18所示；如果已經(jīng)有編寫好的試卷，則進(jìn)入如圖5-19所示的頁面，選擇某一試卷編號，進(jìn)入試卷管理頁面，如圖5-20所示。圖5-18添加試卷頁面圖5-19修改試卷頁面圖5-20試卷管理頁面試卷添加頁面能夠?qū)崿F(xiàn)試卷各題型的題目數(shù)量、每題的分值，以及考試時(shí)間的設(shè)置。如果在本章試卷中題型某種不出現(xiàn)，則題目數(shù)量和分值分別設(shè)置為0即可。設(shè)置完成各項(xiàng)參數(shù)后，單擊“增加”按鈕進(jìn)入判斷各輸入框中的數(shù)據(jù)的合法性，然后取得試卷表中的最大編號，則新加入的試卷編號為最大編號加1；如果試卷表中還沒有試卷則試卷的編號為1。接下來將本張?jiān)嚲淼膬?nèi)容寫入到數(shù)據(jù)表中，并調(diào)回到試卷管理頁面。試卷修改頁面的文本框開始是設(shè)置為“只讀”，只用選中了修改復(fù)選框才能對試卷的參數(shù)進(jìn)行修改。主要代碼的實(shí)現(xiàn)如下：<scriptlanguage="VBScript">suba1_onclick‘a(chǎn)1是復(fù)選框的name//這個函數(shù)是單擊復(fù)選框事發(fā)生的事件document.form1.num1.readonly="false"document.form1.s1.readonly="false"document.form1.num1.focus()//聚光endsub</script>成績管理模塊的實(shí)現(xiàn)教師在考試管理頁面單擊“成績管理”鏈接，進(jìn)入成績管理模塊頁面，如圖5-21。該頁面可以瀏覽參加考試學(xué)生的考試成績以及查詢某一學(xué)生的成績。教師可以通過學(xué)號、試卷號進(jìn)行查詢學(xué)生的成績，在用試卷號進(jìn)行查找時(shí)選圖5-21成績管理頁面擇菜單中的選項(xiàng)是從數(shù)據(jù)庫中讀取的，如果有記錄則顯示學(xué)生的記錄，否則顯示“暫時(shí)沒有相關(guān)的記錄！”。在該頁面教師還可以將學(xué)生的考試成績保存為excel文件實(shí)現(xiàn)選擇菜單的選項(xiàng)從數(shù)據(jù)庫中讀取的主要代碼如下：<option>--請選擇試卷號--</option><%whilenotrs.eof%><optionvalue="<%=trim(rs("exid"))%>"><%=rs("exid")%></option><%rs.movenext wend%>5.6.2考試管理模塊學(xué)生端實(shí)現(xiàn)考試管理模塊學(xué)生主要能夠?qū)崿F(xiàn)隨機(jī)組卷、在線判卷，以及成績?nèi)霂斓裙δ?。進(jìn)入開始前準(zhǔn)備功能的實(shí)現(xiàn)學(xué)生登錄后，單擊“網(wǎng)絡(luò)考試”鏈接，跳入試卷選擇頁面，如圖5-22所示。學(xué)生在考試之前可以先查看考試信息，單擊就可以瀏覽考圖5-22考試試卷選擇頁面試相關(guān)的須知。單擊就可以查看以前考試的成績，如果該學(xué)生已經(jīng)存在考試記錄則顯示考試的記錄，否則顯示“暫時(shí)沒有相關(guān)的記錄！”。學(xué)生根據(jù)考試要求選擇試卷編號，單擊“開始考試”鏈接，如果該學(xué)生以前沒有參加過這期的考試，那么就可以成功的進(jìn)入考試；否則會跳出“這期考試你已經(jīng)考過，請選擇其它期考試。”試卷抽取功能的實(shí)現(xiàn)試題抽取、隨機(jī)組卷是該模塊的關(guān)鍵點(diǎn)。組卷時(shí)需要根據(jù)試卷的設(shè)置分別從判斷題、單選題、多選題和填空題表中抽取規(guī)定數(shù)目的題目，并顯示在學(xué)生端瀏覽器上，組成一張?jiān)嚲?。圖5-23考試試卷頁面試題抽取時(shí)需要按照規(guī)定的題量，產(chǎn)生隨機(jī)數(shù)，將該隨機(jī)數(shù)作為試題編號從試題表中抽取出來并寫入到學(xué)生端頁面。試卷頁面的設(shè)計(jì)如圖5-23所示。在該頁面中左上角有個剩余時(shí)間的顯示，該方框可以隨著頁面的上下移動而保持在頁面的相同位置，即所謂的漂移技術(shù)。該功能的實(shí)現(xiàn)主要是采用了<div>,設(shè)置<div>的位置為absolute，再設(shè)定它分區(qū)的寬、高的屬性即可。隨機(jī)抽取試題，組成試卷的主要代碼如下:dima()redima(rs("riid")-1)//動態(tài)分配數(shù)組大小i=1t=0randomizeriid=int(total1*rnd+1)//產(chǎn)生隨機(jī)數(shù)a(t)=riidwhilei<rs("riid")//隨機(jī)數(shù)不能重復(fù)randomizeriid=int(total1*rnd+1)forj=0totifriid=a(j)thenwhileriid=a(j) randomizeriid=int(total1*rnd+1)wend上述代碼中產(chǎn)生隨機(jī)數(shù)放在a（）數(shù)組中，這些數(shù)就作為從題庫中抽取題目的編號。在線閱卷功能的實(shí)現(xiàn)在線考試的優(yōu)勢之一就是能夠?qū)崟r(shí)閱卷和記錄考試成績，減輕教師的負(fù)擔(dān)。實(shí)時(shí)閱卷的實(shí)現(xiàn)方法是：在抽取試卷的同時(shí)將答案一并寫入試題頁面，只不過答案采用隱藏文本框的方式寫入。那么在判卷時(shí)只需要將考生的答案和隱藏答案匹配一下，如果相同則正確加分，否則錯誤。在瀏覽答案頁面點(diǎn)擊“返回”按鈕，就可以保存考試成績，并且跳轉(zhuǎn)到考試試卷選擇頁面。5.7作業(yè)管理模塊學(xué)習(xí)網(wǎng)站要模擬一個真實(shí)的教學(xué)過程，作業(yè)管理模塊不可缺。在這個模塊中教師要發(fā)布作業(yè)、學(xué)生下載作業(yè)、教師要批改作業(yè)，以及給出分?jǐn)?shù)等。5.7.1發(fā)布作業(yè)功能實(shí)現(xiàn)教師登錄后，單擊“作業(yè)發(fā)布”鏈接則進(jìn)入發(fā)布作業(yè)頁面，如圖5-24所示，在該頁面教師可以瀏覽自己已經(jīng)發(fā)布的作業(yè)信息。教師只要填寫好作業(yè)的名稱、作業(yè)內(nèi)容、作業(yè)說明，按“上傳”按鈕進(jìn)入上載作業(yè)的信息審核階段，要是信息審核通過就成功的上載了作業(yè)，否則會跳出不同的對話框加以說明上載失敗的原因。作業(yè)上載要求是“rar”文件，上載的目錄是“homework”文件。作業(yè)上載成功后，作業(yè)壓縮包存放在homework文件中，而作業(yè)的相關(guān)信息則存放在數(shù)據(jù)庫的homework表中。上載作業(yè)用的是Lyfupload組件，其相關(guān)的實(shí)現(xiàn)代碼在這就不加以顯示了，因?yàn)榍懊嬗薪榻B過。圖5-24發(fā)布作業(yè)頁面5.7.2刪除作業(yè)功能實(shí)現(xiàn)在發(fā)布作業(yè)頁面中的已發(fā)布作業(yè)顯示模塊中，擁有“刪除”功能，教師想要刪除某次作業(yè)只要點(diǎn)擊該作業(yè)后面的“刪除”鏈接，就會從數(shù)據(jù)庫的homework表中刪除相關(guān)的記錄，并對數(shù)據(jù)庫中的作業(yè)編號進(jìn)行重新的編排。5.7.3下載作業(yè)功能實(shí)現(xiàn)下載功能的頁面如圖5-25所示，在該頁面學(xué)生可以瀏覽教師已經(jīng)發(fā)布作業(yè)的相關(guān)性息，學(xué)生點(diǎn)擊作業(yè)名稱可以從homework文件中下載該作業(yè)的壓縮文件。該頁面的實(shí)現(xiàn)和教學(xué)資料管理的ppt下載頁面實(shí)現(xiàn)相類似，不詳細(xì)介紹了。圖5-25作業(yè)下載頁面5.7.4上交作業(yè)功能實(shí)現(xiàn)學(xué)生做完作業(yè)后，要上交作業(yè)等待教師的批閱，學(xué)生上交作業(yè)的功能的實(shí)現(xiàn)和教師上載ppt類似，用到了Lyfupload文件上載組件。對于已經(jīng)上載的作業(yè)，要是教師還沒有批改，那么學(xué)生就可以把該記錄刪除重新上載作業(yè)。5.7.5批閱作業(yè)功能實(shí)現(xiàn)教師可以對學(xué)生已經(jīng)上交的作業(yè)下載批閱，并給出分?jǐn)?shù)，實(shí)現(xiàn)該功能的頁面是教師作業(yè)批改頁面,如圖5-26所示。在教師批改作業(yè)的頁面，教師可以瀏覽已經(jīng)上交作業(yè)的信息（學(xué)號、作業(yè)名、上載時(shí)間、分?jǐn)?shù)），教師沒有批改的作業(yè)的分?jǐn)?shù)屬性顯示“未批改”，否則顯示作業(yè)的分?jǐn)?shù)。在作業(yè)批改頁面，還給教師提供了按“學(xué)號”和按“作業(yè)名”查找作業(yè)上交情況的查詢功能，這樣就方便了教師的查找。要是在作業(yè)批改頁面點(diǎn)擊屬性，那么就可以跳轉(zhuǎn)到教師批改作業(yè)的頁面，例如點(diǎn)擊“062101111的第一章第一節(jié)作業(yè)”的，就會跳轉(zhuǎn)到如圖5-27所示的判分頁面。在該頁面可以顯示學(xué)生的具體信息（學(xué)號、姓名、班級和學(xué)院），提供作業(yè)文件的下載及對作業(yè)的打分操作。教師在重新打分文本框中填寫要給的分?jǐn)?shù)，按“提交”按鈕就完成了打分操作，這時(shí)候頁面會跳轉(zhuǎn)到教師批改作業(yè)頁面顯示批改后的信息。圖5-26教師批改作業(yè)的頁面圖5-27判分頁面在文本框中輸入學(xué)號，要是該學(xué)號有上交作業(yè)的記錄就會顯示查找到的記錄。在選項(xiàng)框中選擇作業(yè)名進(jìn)行查找。5.8留言板模塊留言板模塊分成學(xué)生端、老師端和管理員進(jìn)行設(shè)計(jì)。它是采用1對1的模式，學(xué)生、老師和管理員發(fā)布的留言只有發(fā)布者選擇的對象才可以看到，留言板的顯示是按發(fā)布的時(shí)間羅列出的。下面我分別從學(xué)生、教師和管理員端進(jìn)行介紹。5.8.1留言板學(xué)生端的實(shí)現(xiàn)學(xué)生端主要實(shí)現(xiàn)功能為：學(xué)生可以查看教師或管理員發(fā)布的留言，也可以對教師或管理員留言。學(xué)生瀏覽和查看留言功能的實(shí)現(xiàn)學(xué)生單擊“個人留言”鏈接，則進(jìn)入如下圖5-28所示的頁面。該頁面是學(xué)生“個人留言”的首頁面，學(xué)生在該頁面可以方便的瀏覽老師和管理員對自己的留言。顯示的留言信息有序號、留言內(nèi)容、留言時(shí)間和留言者，留言記錄的顯示是按留言時(shí)間的排列的，越新的留言排列在越前面。在留言內(nèi)容顯示的時(shí)候，我通過<%=left(rs("mes"),10)%>語句來設(shè)定只有留言的前10個字符是可以顯示的。當(dāng)學(xué)生想看留言的具體內(nèi)容時(shí)，只要單擊具體的留言內(nèi)容就會顯示留言的所有信息，例如，某學(xué)生想查看序號為“1”的留言，那么只要單擊鏈接就可以查看該留言的具體內(nèi)容?！傲粞哉摺睂傩缘男畔⑹菑臄?shù)據(jù)庫message表中flag字段讀取的，當(dāng)留言者提交留言時(shí)，會保存身份到數(shù)據(jù)庫的message表中。圖5-28留言頁面圖5-29個人留言頁面學(xué)生留言功能的實(shí)現(xiàn)學(xué)生在個人留言的首頁面單擊鏈接，就會顯示如圖圖5-29所示的留言頁面，該頁面也是調(diào)用了openScript函數(shù)顯示的，實(shí)現(xiàn)代碼如下：<ahref=javascript:openScript('give_message.asp?id=<%=num%>',400,300)[我要留言]</a>。學(xué)生選擇留言對象（老師或管理員），填寫留言內(nèi)容，按“提交”按鈕進(jìn)入信息審核階段，如果填寫的留言內(nèi)容不為空那么留言成功，留言就可以保存到message表中；否則留言失敗。5.8.2留言板教師端的實(shí)現(xiàn)教師端主要實(shí)現(xiàn)功能為：教師可以查看學(xué)生或管理員發(fā)布的留言，根據(jù)需求可以對學(xué)生或管理員留言，對于已經(jīng)發(fā)布的留言還可以進(jìn)行回復(fù)。教師瀏覽、查看、回復(fù)留言功能的實(shí)現(xiàn)教師在導(dǎo)航條單擊“老師留言”鏈接，進(jìn)入圖5-30所示的留言顯示頁面。該頁面的功能和學(xué)生個人留言頁面功能相類似，它們相同的功能就不再重復(fù)介紹。圖5-30教師留言顯示教師對學(xué)生留言功能的實(shí)現(xiàn)教師在導(dǎo)航條單擊“學(xué)生信息”鏈接，則進(jìn)入鏈接頁面，如圖5-31所示。在該面顯示了學(xué)生的相關(guān)信息（學(xué)號、姓名、班級和郵箱），教師可以單擊學(xué)生姓名對學(xué)生留言。圖5-31學(xué)生信息頁面5.8.3留言板管理員端的實(shí)現(xiàn)管理員端主要實(shí)現(xiàn)功能為：管理員可以查看學(xué)生或教師發(fā)布的留言，根據(jù)需要可以對學(xué)生或教師留言。管理員端設(shè)計(jì)的功能和實(shí)現(xiàn)方法與教師端相類似，主要的區(qū)別就是引用asp語言處理的數(shù)據(jù)庫中的表不同，所示對于管理員端的實(shí)現(xiàn)我就不做詳細(xì)介紹了。5.9公告欄模塊公告欄模塊分成學(xué)生端和老師端進(jìn)行設(shè)計(jì)。公告欄是采用多對多的模式，它的實(shí)現(xiàn)和留言板模塊類似，這里也不再具體介紹了。5.10答疑教室模塊答疑教室模塊為教師和學(xué)生提供“問答”環(huán)境，教師可以針對每位學(xué)生的問題作出回答，及時(shí)掌握學(xué)生的學(xué)習(xí)狀況，下面分別從學(xué)生和老師的角度進(jìn)行設(shè)計(jì)。5.10.1答疑教室學(xué)生端的實(shí)現(xiàn)學(xué)生端主要實(shí)現(xiàn)功能為：可以查看所有同學(xué)提的問題，也可以查看老師對問題的回答情況，已經(jīng)回答的問題學(xué)生就可以查看問題的答案。學(xué)生端的實(shí)現(xiàn)和留言板學(xué)生端的實(shí)現(xiàn)類似，不再介紹了。5.10.2答疑教室教師端的實(shí)現(xiàn)教師端主要實(shí)現(xiàn)功能為：教師可以查看學(xué)生的提問，對于還沒有回答的問題教師可以對問題進(jìn)行回答、對于已經(jīng)回答的問題教師可以查看答案并進(jìn)行修改，教師還可以對問題進(jìn)行刪除，可以刪除的問題只有那些已經(jīng)回答過的問題。問題的顯示是按提問的時(shí)間羅列出的，最近時(shí)間就顯示在最前面，該功能的實(shí)現(xiàn)和學(xué)生端類似，就不再介紹了，下面我將介紹教師刪除功能的實(shí)現(xiàn)。其實(shí)實(shí)現(xiàn)界面如圖5-32所示。圖5-32教師答疑主界面教師選中要刪除的記錄，按“刪除”按鈕就可以成功的刪除選中的記錄了，實(shí)現(xiàn)的主要代碼如下：<inputname="id"type="checkbox"value="<%=rs("id")%>">//標(biāo)記復(fù)選框<% total=request.Form("id").count//刪除的記錄總數(shù) str="deletefromproblemwhereid="fori=1tototal conn.executestr&request.Form("id")(i)//刪除記錄 next sql="select*fromproblem" rs.opensql,conn,3,3 no=1 whilenotrs.eof rs("id")=no//刪除記錄后對記錄重新編號 rs.update no=no+1 rs.movenext wend%> 5.11討論區(qū)模塊討論區(qū)模塊功能類似于聊天室，該模塊中所有用戶都是平等的，學(xué)生、教師和管理員可以同時(shí)登錄，進(jìn)行實(shí)時(shí)的交流。用戶點(diǎn)擊導(dǎo)航條“在線交流”鏈接，可以進(jìn)入交流登錄頁面。用戶輸入用戶名，單擊“登錄”按鈕就可以進(jìn)入在線交流頁面（如圖5-33所示），登入用戶的用戶名保存在session（“user”）中，并不能對后臺數(shù)據(jù)庫的進(jìn)行操作。圖5-33在線交流頁面討論區(qū)用到了框架，把頁面分成了上下兩幀，其中上邊一幀顯示當(dāng)前聊天的記錄，下邊一幀為接收用戶輸入信息的內(nèi)容發(fā)送區(qū)。用戶提交談話內(nèi)容的時(shí)候，上面一幀的聊天信息將會更新。用戶不提交內(nèi)容的時(shí)候，上面一幀就采用“定時(shí)刷新”方法使聊天的信息刷新。實(shí)現(xiàn)代碼如下：在<head>與</head>標(biāo)記之間加入<meat>標(biāo)記：<metahttp-equiv="refresh"content="25;url='1.asp#tail'">它的作用是讓這一個頁面定時(shí)的刷新，每隔25秒刷新一次，后面的URL指明了刷新的頁面名稱為1.asp，#tail是頁面中的一個</a>標(biāo)記，在文件的末尾，每次頁面顯示的時(shí)候，缺省顯示到網(wǎng)頁末尾。在服務(wù)器上建立了一個文本文件1.txt用戶提交的聊天信息都將記錄在文本1.txt中，瀏覽器中的1.asp頁面將定期刷新，將1.txt中的聊天信息顯示給用戶。下面給出了討論區(qū)的主要代碼：<%filepath=server.MapPath("1.txt")//打開文本文件setfileobject=server.CreateObject("scripting.filesystemobject")//下面是