陳景佩
摘 要:21世紀網(wǎng)絡科技時代,隨著校園網(wǎng)絡建設(shè)的逐步完善,網(wǎng)絡教學與成為可能。這套系統(tǒng)的目的是,虛擬一個網(wǎng)絡教學社區(qū),達到多媒體教學的目的,可以通過本系統(tǒng)進行一對多的授課,也可以進行一對一的輔導。通過將長期的授課的資料存儲起來,供網(wǎng)友們方便的查找,學習。本系統(tǒng)以Web+SQL Server數(shù)據(jù)庫,實現(xiàn)將老師的授課資料發(fā)布在網(wǎng)上,可以方便師生間,同學間的相互遠程交流。
關(guān)鍵詞:圖象存儲;文件上傳;數(shù)據(jù)庫管理
1 理論基礎(chǔ)
Internet、Intranet和Web技術(shù)的出現(xiàn)和發(fā)展,為信息的交換和共享提供了快捷有效的方法。但Internet、Intranet上提供的信息多以靜態(tài)網(wǎng)頁為主,對于一個Web應用開發(fā)者來說,最為關(guān)心的莫過于如何增強網(wǎng) 頁的動態(tài)性和交互行了。Active Server Page是微軟開發(fā)的基于Windows NT Server和Internet Information Server的服務器端腳本運行環(huán)境。腳本再Web服務器中運行,而瀏覽器并不處理腳本,它所面對的僅僅是一個完全符合HTML格式的網(wǎng)頁,這為更多的、不同類型的瀏覽器訪問Web服務器提供可能。該技術(shù)的主要思想是使發(fā)布動態(tài)HTML網(wǎng)頁更為容易,使用其內(nèi)置的對象可以方便地制作靜態(tài)和動態(tài)HTML頁面,從數(shù)據(jù)庫發(fā)布數(shù)據(jù)變成一件很容易的事情。ASP的優(yōu)點包括可以使用其他組件、庫和工具,能和Index Server、Visual Basic、Microsoft Transaction Server集成,開發(fā)出復雜、靈活、強健的應用程序,并且能夠把應用程序打包并作為完整的包發(fā)布。
另外,本次的設(shè)計還應用到很多的JavaScript前臺腳本程序,使得一些操作更為合理,更為美觀,這在“新用戶注冊”、“論壇”、“課程討論區(qū)”等地方都很清楚的體現(xiàn)出來。雖然JavaScript沒有想VB Script或者HTML那樣流行,但它能做其他工具不能做到的事,使得很多不同技術(shù)無縫的結(jié)合起來工作。
ASP(Active Server Pages)是由Microsoft公司推出的一種基于服務器端的腳本編寫環(huán)境。它可以讓使用者(一般是指網(wǎng)站的維護人員)輕松地結(jié)合本來已經(jīng)具有的HTML Web頁面、腳本程序和ActiveX組件建立或執(zhí)行一些動態(tài)的、交互式的Web服務器端應用程序來為用戶服務。
ADO(ActiveX Data Objects)――最好的數(shù)據(jù)訪問技術(shù)。ADO的可創(chuàng)建對象為開發(fā)人員在建立應用程序的方式上提供了巨大的靈活性。它能自如的控制數(shù)據(jù)的顯示、查詢以及對數(shù)據(jù)的修改、刪除和添加。是針對當前Microsoft軟件所支持的數(shù)據(jù)進行操作的最有效、最簡單、功能最強大的方法。
IIS(Internet Information Server),是Microsoft公司推出的Web服務器.IIS支持HTTP、FTP,以及SMTP協(xié)議。通過使用CGI和ISAPI,IIS可以得到高度的擴展。IIS的一個重要特性就是支持ASP??梢院苋菀椎膹堎N動態(tài)內(nèi)容和開發(fā)基于Web的應用程序。對于諸如VBScript,Jscript開發(fā)軟件,或由Visual Basic,Java和Visual C++開發(fā)系統(tǒng)以及現(xiàn)有的CGI和WinCGI腳本開發(fā)的應用程序,IIS都提供了強大的主機支持。
2 系統(tǒng)設(shè)計與實現(xiàn)
⑴首頁,首頁主要是統(tǒng)計站內(nèi)最新信息、因為本系統(tǒng)為一個學習站點,窗體的中間顯示的是最新的技術(shù)文章,和論壇的熱點話題。以方便上站的用戶快速的知道一些最新的信息,在窗體的左邊,根據(jù)對Session(“username”)進行判斷用戶是否已經(jīng)登錄,如果已經(jīng)登錄,則Session(“username”)<>””,那么顯示的是用戶的基本信息。如果Session(“username”)=””那么顯示的是“用戶登錄”框。此外還有“站務公告”,該欄顯示的是一些站務信息。窗體的右邊主要是“教程下載”及“友情連接”。
主頁的設(shè)計追求簡潔、明了,能即使反映信息。維護簡單,因為主頁的數(shù)據(jù)來源為數(shù)據(jù)庫中的最新信息,基本上不用對它進行改動就是及時更新信息。
⑵用戶注冊:在該頁面加入JavaScript腳本,實現(xiàn)更加用戶的喜好選擇注冊方式。分為簡單的注冊和詳細注冊兩種。簡單注冊只列出一些比選項:用戶名,密碼,Email地址,提示問題,問題答案(后兩項主要用于為用戶找回密碼的功能設(shè)計的)。而詳細用戶注冊就包含很多用戶的信息,可填可不填,有:真實姓名,昵稱,生日…..等等。
3 交流論壇
為了那用戶可以更為方便的在各個不同的討論區(qū)中自由穿梭,論壇采用框架結(jié)構(gòu),左邊是樹型選擇菜單欄。菜單可合上也可展開即實用又美觀。右上為用戶所在的論壇介紹及一些功能按鈕,登錄框等。右中是“主題列表”,采用分頁顯示方式列出論壇的主題。此外因為論壇的文章分為主題文章和回復主題文章,我將這兩部分文章分步顯示,因此該框中還隱含著一個隱藏的頁面。隱藏頁平時是不可見的,當用戶要查看回復主題的文章時,及時的從數(shù)據(jù)庫中調(diào)用相關(guān)的信息,并顯示出來。該功能的實現(xiàn)參照了“帝國時代論壇”。但在界面的設(shè)計比“帝國時代論壇”更為清晰、明了。
在框架上加入了“按鈕”,可隨意調(diào)整窗體的結(jié)果,這樣可以讓用戶根據(jù)自己的閱讀習慣隨意調(diào)整窗體的結(jié)構(gòu),方便用戶的閱讀,及文章的查詢。
4 課程討論區(qū)
課程討論區(qū)為本系統(tǒng)的主體,因為包含的頁面較多,各頁面的可視面積就相對的較小,所以也采用可活動式框架結(jié)構(gòu),用戶可以根據(jù)自己的需要進行調(diào)節(jié)。
本頁面結(jié)合了聊天室功能,和上一頁面有很多相似之處,但是又有很大的不同。左邊的樹型目錄列出的是老師授課的教材目錄。中上列出的是章節(jié)的內(nèi)容。底部是個簡化了的聊天室,可以做及時性的交流,功能不是很強大,但我覺得已經(jīng)夠用了,因為它是用來補助老師的課程講解和學生的交流的,并非為了單純的聊天。所以我覺得沒必要象大型聊天室那樣的功能強大。