基于Web的網(wǎng)上教學(xué)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

陳景佩

摘 要：21世紀(jì)網(wǎng)絡(luò)科技時(shí)代，隨著校園網(wǎng)絡(luò)建設(shè)的逐步完善，網(wǎng)絡(luò)教學(xué)與成為可能。這套系統(tǒng)的目的是，虛擬一個(gè)網(wǎng)絡(luò)教學(xué)社區(qū)，達(dá)到多媒體教學(xué)的目的，可以通過(guò)本系統(tǒng)進(jìn)行一對(duì)多的授課，也可以進(jìn)行一對(duì)一的輔導(dǎo)。通過(guò)將長(zhǎng)期的授課的資料存儲(chǔ)起來(lái)，供網(wǎng)友們方便的查找，學(xué)習(xí)。本系統(tǒng)以Web+SQL Server數(shù)據(jù)庫(kù)，實(shí)現(xiàn)將老師的授課資料發(fā)布在網(wǎng)上，可以方便師生間，同學(xué)間的相互遠(yuǎn)程交流。

關(guān)鍵詞：圖象存儲(chǔ)；文件上傳；數(shù)據(jù)庫(kù)管理

1 理論基礎(chǔ)

Internet、Intranet和Web技術(shù)的出現(xiàn)和發(fā)展，為信息的交換和共享提供了快捷有效的方法。但I(xiàn)nternet、Intranet上提供的信息多以靜態(tài)網(wǎng)頁(yè)為主，對(duì)于一個(gè)Web應(yīng)用開(kāi)發(fā)者來(lái)說(shuō)，最為關(guān)心的莫過(guò)于如何增強(qiáng)網(wǎng) 頁(yè)的動(dòng)態(tài)性和交互行了。Active Server Page是微軟開(kāi)發(fā)的基于Windows NT Server和Internet Information Server的服務(wù)器端腳本運(yùn)行環(huán)境。腳本再Web服務(wù)器中運(yùn)行，而瀏覽器并不處理腳本，它所面對(duì)的僅僅是一個(gè)完全符合HTML格式的網(wǎng)頁(yè)，這為更多的、不同類型的瀏覽器訪問(wèn)Web服務(wù)器提供可能。該技術(shù)的主要思想是使發(fā)布動(dòng)態(tài)HTML網(wǎng)頁(yè)更為容易，使用其內(nèi)置的對(duì)象可以方便地制作靜態(tài)和動(dòng)態(tài)HTML頁(yè)面，從數(shù)據(jù)庫(kù)發(fā)布數(shù)據(jù)變成一件很容易的事情。ASP的優(yōu)點(diǎn)包括可以使用其他組件、庫(kù)和工具，能和Index Server、Visual Basic、Microsoft Transaction Server集成，開(kāi)發(fā)出復(fù)雜、靈活、強(qiáng)健的應(yīng)用程序，并且能夠把應(yīng)用程序打包并作為完整的包發(fā)布。

另外，本次的設(shè)計(jì)還應(yīng)用到很多的JavaScript前臺(tái)腳本程序，使得一些操作更為合理，更為美觀，這在“新用戶注冊(cè)”、“論壇”、“課程討論區(qū)”等地方都很清楚的體現(xiàn)出來(lái)。雖然JavaScript沒(méi)有想VB Script或者HTML那樣流行，但它能做其他工具不能做到的事，使得很多不同技術(shù)無(wú)縫的結(jié)合起來(lái)工作。

ASP（Active Server Pages）是由Microsoft公司推出的一種基于服務(wù)器端的腳本編寫(xiě)環(huán)境。它可以讓使用者（一般是指網(wǎng)站的維護(hù)人員）輕松地結(jié)合本來(lái)已經(jīng)具有的HTML Web頁(yè)面、腳本程序和ActiveX組件建立或執(zhí)行一些動(dòng)態(tài)的、交互式的Web服務(wù)器端應(yīng)用程序來(lái)為用戶服務(wù)。

ADO（ActiveX Data Objects）――最好的數(shù)據(jù)訪問(wèn)技術(shù)。ADO的可創(chuàng)建對(duì)象為開(kāi)發(fā)人員在建立應(yīng)用程序的方式上提供了巨大的靈活性。它能自如的控制數(shù)據(jù)的顯示、查詢以及對(duì)數(shù)據(jù)的修改、刪除和添加。是針對(duì)當(dāng)前Microsoft軟件所支持的數(shù)據(jù)進(jìn)行操作的最有效、最簡(jiǎn)單、功能最強(qiáng)大的方法。

IIS（Internet Information Server），是Microsoft公司推出的Web服務(wù)器.IIS支持HTTP、FTP，以及SMTP協(xié)議。通過(guò)使用CGI和ISAPI，IIS可以得到高度的擴(kuò)展。IIS的一個(gè)重要特性就是支持ASP?？梢院苋菀椎膹堎N動(dòng)態(tài)內(nèi)容和開(kāi)發(fā)基于Web的應(yīng)用程序。對(duì)于諸如VBScript，Jscript開(kāi)發(fā)軟件，或由Visual Basic，Java和Visual C++開(kāi)發(fā)系統(tǒng)以及現(xiàn)有的CGI和WinCGI腳本開(kāi)發(fā)的應(yīng)用程序，IIS都提供了強(qiáng)大的主機(jī)支持。

2 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

⑴首頁(yè)，首頁(yè)主要是統(tǒng)計(jì)站內(nèi)最新信息、因?yàn)楸鞠到y(tǒng)為一個(gè)學(xué)習(xí)站點(diǎn)，窗體的中間顯示的是最新的技術(shù)文章，和論壇的熱點(diǎn)話題。以方便上站的用戶快速的知道一些最新的信息，在窗體的左邊，根據(jù)對(duì)Session（“username”）進(jìn)行判斷用戶是否已經(jīng)登錄，如果已經(jīng)登錄，則Session（“username”）<>””，那么顯示的是用戶的基本信息。如果Session（“username”）=””那么顯示的是“用戶登錄”框。此外還有“站務(wù)公告”，該欄顯示的是一些站務(wù)信息。窗體的右邊主要是“教程下載”及“友情連接”。

主頁(yè)的設(shè)計(jì)追求簡(jiǎn)潔、明了，能即使反映信息。維護(hù)簡(jiǎn)單，因?yàn)橹黜?yè)的數(shù)據(jù)來(lái)源為數(shù)據(jù)庫(kù)中的最新信息，基本上不用對(duì)它進(jìn)行改動(dòng)就是及時(shí)更新信息。

⑵用戶注冊(cè)：在該頁(yè)面加入JavaScript腳本，實(shí)現(xiàn)更加用戶的喜好選擇注冊(cè)方式。分為簡(jiǎn)單的注冊(cè)和詳細(xì)注冊(cè)兩種。簡(jiǎn)單注冊(cè)只列出一些比選項(xiàng)：用戶名，密碼，Email地址，提示問(wèn)題，問(wèn)題答案（后兩項(xiàng)主要用于為用戶找回密碼的功能設(shè)計(jì)的）。而詳細(xì)用戶注冊(cè)就包含很多用戶的信息，可填可不填，有：真實(shí)姓名，昵稱，生日…..等等。

3 交流論壇

為了那用戶可以更為方便的在各個(gè)不同的討論區(qū)中自由穿梭，論壇采用框架結(jié)構(gòu)，左邊是樹(shù)型選擇菜單欄。菜單可合上也可展開(kāi)即實(shí)用又美觀。右上為用戶所在的論壇介紹及一些功能按鈕，登錄框等。右中是“主題列表”，采用分頁(yè)顯示方式列出論壇的主題。此外因?yàn)檎搲奈恼路譃橹黝}文章和回復(fù)主題文章，我將這兩部分文章分步顯示，因此該框中還隱含著一個(gè)隱藏的頁(yè)面。隱藏頁(yè)平時(shí)是不可見(jiàn)的，當(dāng)用戶要查看回復(fù)主題的文章時(shí)，及時(shí)的從數(shù)據(jù)庫(kù)中調(diào)用相關(guān)的信息，并顯示出來(lái)。該功能的實(shí)現(xiàn)參照了“帝國(guó)時(shí)代論壇”。但在界面的設(shè)計(jì)比“帝國(guó)時(shí)代論壇”更為清晰、明了。

在框架上加入了“按鈕”，可隨意調(diào)整窗體的結(jié)果，這樣可以讓用戶根據(jù)自己的閱讀習(xí)慣隨意調(diào)整窗體的結(jié)構(gòu)，方便用戶的閱讀，及文章的查詢。

4 課程討論區(qū)

課程討論區(qū)為本系統(tǒng)的主體，因?yàn)榘捻?yè)面較多，各頁(yè)面的可視面積就相對(duì)的較小，所以也采用可活動(dòng)式框架結(jié)構(gòu)，用戶可以根據(jù)自己的需要進(jìn)行調(diào)節(jié)。

本頁(yè)面結(jié)合了聊天室功能，和上一頁(yè)面有很多相似之處，但是又有很大的不同。左邊的樹(shù)型目錄列出的是老師授課的教材目錄。中上列出的是章節(jié)的內(nèi)容。底部是個(gè)簡(jiǎn)化了的聊天室，可以做及時(shí)性的交流，功能不是很強(qiáng)大，但我覺(jué)得已經(jīng)夠用了，因?yàn)樗怯脕?lái)補(bǔ)助老師的課程講解和學(xué)生的交流的，并非為了單純的聊天。所以我覺(jué)得沒(méi)必要象大型聊天室那樣的功能強(qiáng)大。