基于ASP.NET的《計算機應(yīng)用基礎(chǔ)》課程網(wǎng)站的設(shè)計

張超　董恬恬

摘要：伴隨著科技的高速發(fā)展，信息發(fā)達、高速流通，計算機的普及以及計算機網(wǎng)絡(luò)廣泛應(yīng)用，可以讓學(xué)生了解到更多的知識，因此，學(xué)校建立了一個計算機應(yīng)用基礎(chǔ)課程網(wǎng)站，讓學(xué)生能夠輕松接觸到更多、更全面和更專業(yè)的《計算機應(yīng)用基礎(chǔ)》知識。這不僅能使更多的學(xué)生享用寶貴的教育資源，更是對提高學(xué)生自學(xué)能力，有很大的幫助。該設(shè)計依托Windows平臺，基于B/S（瀏覽器/服務(wù)器）結(jié)構(gòu)，采用抽象工廠模式、ASP.NET程序設(shè)計語言及SqlServer數(shù)據(jù)庫進行開發(fā)

關(guān)鍵詞：ASP.NET；計算機應(yīng)用基礎(chǔ)；課程網(wǎng)站

中圖分類號：TP393 文獻標(biāo)識碼：A 文章編號：1009-3044（2016）03-0163-02

1 引言

1.1項目研究背景

在信息科技高速發(fā)展的今天，互聯(lián)網(wǎng)已經(jīng)成為人們快速獲取和傳遞信息的重要途徑，它在人們的政治、經(jīng)濟、學(xué)習(xí)、生活等各個方面都扮演著重要的角色，因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位已經(jīng)顯而易見?！队嬎銠C應(yīng)用基礎(chǔ)》課程網(wǎng)站是同學(xué)們重要的學(xué)習(xí)通道，是老師與彼此學(xué)生彼此溝通交流的重要工具之一，也是學(xué)校向?qū)W生發(fā)布課程安排的高效渠道，由此可見其實用性與重要性。

《計算機應(yīng)用基礎(chǔ)》課程網(wǎng)站在網(wǎng)頁的構(gòu)架上，以開放性、擴展性為原則，在網(wǎng)頁的設(shè)計風(fēng)格上，針對網(wǎng)絡(luò)課程的傳統(tǒng)，使頁面具有美觀、穩(wěn)重而不失大氣、親和的感覺。在欄目的布局上，即網(wǎng)站的欄目之間切換相當(dāng)方便，用起來更友好。

該網(wǎng)站充分發(fā)揮多媒體的優(yōu)勢，實現(xiàn)教學(xué)資源共享，將引導(dǎo)更多的學(xué)生進一步鞏固基礎(chǔ)知識、學(xué)習(xí)新的知識、提高學(xué)生自主學(xué)習(xí)能力、積極性和創(chuàng)新能力，更好地完善教學(xué)質(zhì)量并提高了學(xué)生與老師的交流頻率，同時大大減輕了老師的工作量。

1.2設(shè)計需要解決的主要問題

該系統(tǒng)利用的是Windows平臺和ASP.NET技術(shù)開發(fā)出一款基于B/S結(jié)構(gòu)的精品課程網(wǎng)站系統(tǒng)，用于學(xué)生在線學(xué)習(xí)、考試、交流、下載資料、查看《計算機應(yīng)用基礎(chǔ)》課程的考試安排、成績，老師上傳學(xué)習(xí)資料、有關(guān)課程的各項安排和降低客戶端安裝和維護的成本。

首先，需要做詳細的調(diào)研，了解教師和學(xué)生在使用該系統(tǒng)時的業(yè)務(wù)流程，確定系統(tǒng)的研發(fā)目標(biāo)。

其次，要解決學(xué)生在線交流的問題，實現(xiàn)學(xué)生提問，老師解答從而實現(xiàn)交流。

再次，要解決學(xué)生在線測試的問題，本課程網(wǎng)站的在線測試以單元為基礎(chǔ)，每個單元都有對應(yīng)的測試試題。學(xué)生在選擇試題之后進行測試，測試結(jié)束后系統(tǒng)將統(tǒng)計出本次測試得分。

2 系統(tǒng)分析

本系統(tǒng)是依托Windows平臺、基于B/S（瀏覽器/服務(wù)器）結(jié)構(gòu)、采用ASP.NET程序設(shè)計語言及SQL Server數(shù)據(jù)庫進行開發(fā)的《計算機應(yīng)用基礎(chǔ)》課程網(wǎng)站系統(tǒng)，是經(jīng)過細致的長期的進行有關(guān)網(wǎng)絡(luò)課程的資料調(diào)查及需求調(diào)研后建立的一個課程網(wǎng)站系統(tǒng)。使學(xué)生在更廣闊的時空內(nèi)自由的獲取更多、更專業(yè)的計算機應(yīng)用基礎(chǔ)的知識，也方便教師的授課及各種與該課程相關(guān)的活動安排。

2.1 業(yè)務(wù)分析

經(jīng)過仔細進行有關(guān)網(wǎng)絡(luò)課程的資料查詢和系統(tǒng)需求分析后，本系統(tǒng)包含兩種用戶類型：教師（管理員）和學(xué)生。具體用戶角色和用戶權(quán)限的描述見表1。教師角色同時也充當(dāng)著管理員的角色，其擁有最高權(quán)限，在學(xué)生的權(quán)限的基礎(chǔ)之上可以進行用戶管理（新增、刪除、修改）、公告管理（新增、刪除、修改）、考場安排（上傳、刪除）、發(fā)布成績（上傳、刪除）、留言管理（回復(fù)學(xué)生提問、刪除留言）。學(xué)生可以查看公告、下載資料、在線提問、在線測試、查看學(xué)習(xí)資料、

查看考場安排及考試成績。

2.2 網(wǎng)站總體功能介紹

本網(wǎng)站包括兩大功能：即前臺和后臺。前臺涉及的頁面較多，主要包含首頁、課程特色、教學(xué)依據(jù)、教學(xué)資源、堅定考核、互動平臺、教學(xué)團隊、專項拓展等八大部分，而每個部分又包含很多細致的內(nèi)容。而后臺則包含考場管理、成績管理、公告管理、用戶管理、廣告管理等內(nèi)容。如圖1所示。

3 系統(tǒng)設(shè)計

3.1 架構(gòu)設(shè)計

本系統(tǒng)才用三層架構(gòu)，抽象工廠設(shè)計模式，面向接口編程，整個項目層次分明非常清晰，業(yè)務(wù)邏輯與數(shù)據(jù)訪問分離開來，更易于維護和擴展。前臺頁面使用DIV+CSS布局，樣式靈活、頁面設(shè)計美觀大方，后臺頁面使用iframe框架，頁面重載時只需重載其中的某些框架，減少了數(shù)據(jù)的傳輸，增加了網(wǎng)頁的下載速度，同時確保其他數(shù)據(jù)不會丟失。

3.2 數(shù)據(jù)庫設(shè)計

本系統(tǒng)數(shù)據(jù)表匯總?cè)缦卤?所示，其包含了本系統(tǒng)所有的數(shù)據(jù)表并列出了它們的名稱及功能的簡單說明。

3.3 界面設(shè)計

《計算機應(yīng)用基礎(chǔ)》課程網(wǎng)站既有前臺界面又有后臺界面。前臺界面主要包含三個模塊，即頭部的Logo區(qū)，中間的內(nèi)容區(qū)，和底部區(qū)。而中間的 內(nèi)容區(qū)有被分為左、中、右三個部分，其結(jié)構(gòu)圖如圖4所示：

而后臺的樣式則行對簡單，也包含三個模塊，頂部的Logo模塊，左側(cè)操作導(dǎo)航區(qū)，和右側(cè)信息顯示區(qū)域，其結(jié)構(gòu)圖如圖5所示：

4 關(guān)鍵技術(shù)實現(xiàn)

4.1 Ajax模式窗口

Ajax是一中創(chuàng)建交互網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。在網(wǎng)頁中引用Ajax技術(shù)可以實現(xiàn)局部刷新效果，這樣可以減輕服務(wù)器負擔(dān)，同時增強用戶體驗。由于本項目在用戶交互的過程中需要多次編輯，如果采用普通的新建窗口模式則會給用戶增加很多操作帶來極大的不便。因此本項目使用了ModalPopupExtender控件來提高用戶體驗。其中ModalPopupExtender控件彈出錄入留言的面板，使用該控件首先需要導(dǎo)入AjaxControlTookit控件庫，它使用input觸發(fā)：，其效果圖如圖6所示。

4.2 使用Global.asax文件實現(xiàn)網(wǎng)站訪問量統(tǒng)計并及時更新數(shù)據(jù)

很多網(wǎng)站都有“站點統(tǒng)計”這一功能。而如果僅僅是統(tǒng)計當(dāng)前在線人數(shù)，那么是非常容易的，而本網(wǎng)站點統(tǒng)計了網(wǎng)站總訪問量、今日訪問量、昨日訪問量及本月訪問量。這就需要在統(tǒng)計的過程中將數(shù)據(jù)錄入到數(shù)據(jù)庫中。而最初我的想法是通過獲取登錄用戶的IP，將該IP存放至數(shù)據(jù)庫中。但是，出現(xiàn)了問題，用該方法，網(wǎng)站不發(fā)布，很正常，也可以向數(shù)據(jù)庫中錄入數(shù)據(jù)，但是一旦網(wǎng)站發(fā)布了，就無法正常操作。后來，經(jīng)過多次試驗，最終采用了在Global.asax文件中完成該功能。并在操作過程中將更新的數(shù)據(jù)存入數(shù)據(jù)庫，確保數(shù)據(jù)的正確性。而重點是這段將更新的數(shù)據(jù)存入數(shù)據(jù)庫的代碼所放的位置。很多人都是將該方法寫在Application_End中，而實際上很多情況下，應(yīng)用程序出錯或者關(guān)閉時不會執(zhí)行Application_End方法，事實上，我確實也遇到了這種狀況，一旦不執(zhí)行Application_End方法，結(jié)果就會誤差很大。所以，我把向數(shù)據(jù)庫更新數(shù)據(jù)的方法放在了Session_Start方中并加以判斷。這樣確?；卦捯婚_始，數(shù)據(jù)更新后馬上就存入數(shù)據(jù)庫中。

5總結(jié)

對于本系統(tǒng)綜合運用ASP.NET編程語言、SQL Server數(shù)據(jù)庫技術(shù)、DIV+CSS和iframe框架設(shè)計頁面、Ajax及jQuery技術(shù)，使用三層架構(gòu)和面向接口編程，層次結(jié)構(gòu)清晰，界面美觀大方，功能較為全面，既方便學(xué)生的學(xué)習(xí)，又減輕了老師的工作負擔(dān)，是一個符合時代發(fā)展與實際需求的課程網(wǎng)站。雖然本系統(tǒng)已經(jīng)完成，但還有很多功能需要完善。如在線答疑部分可以做得更加細致，在線測試部分也需要增加試題管理功能，實現(xiàn)隨機篩選試題，還有瀏覽器的兼容性問題也是可以更加完善。

參考文獻：

[1]龍馬工作室.ASP+SQL Server網(wǎng)站開發(fā)實例精講[M].北京：人民郵電出版社，2007.

[2]劉國慶，聶元銘.ASP.NET企業(yè)級開發(fā)案例精解[M].北京：人民郵電出版社，2006.

[3]方強，李靜，蘇建軍.HTML網(wǎng)頁設(shè)計案例指導(dǎo)[M].北京：電子工業(yè)出版社，2009.

[4]鄧子云，張賜.《JSP網(wǎng)絡(luò)編程：從基礎(chǔ)到實踐[M].北京：電子工業(yè)出版社，2005.

[5]王俊杰.精通JavaScript動態(tài)網(wǎng)頁編程[M].北京：人民郵電出版社，2007.

[6]董大偉.ASP.NET AJAX 應(yīng)用剖析立即上手[M].北京：電子工業(yè)出版社，2007.

[7]王祖儷.ASP.NET Web 程序設(shè)計[M].中國水利水電，2007.

[8][英]Andy Budd.精通 CSS：高級 Web 標(biāo)準(zhǔn)解決方案[M].北京：人民郵電出版社，2006.