基于ASP.NET的場景教學系統的設計與實現

陳焜

摘 要：該文采用Visual Studio 2008+SQL Server 2008開發環境，結合ASP.NET、ADO.NET、Ajax等多種技術，實現了一個場景教學系統。通過C#語言進行數據庫編程，實現了人性化的界面設計與功能設計。軟件經過測試，滿足場景教學的需求，達到預期的設計效果。

關鍵詞：ASP.NET 場景教學 ADO.NET

中圖分類號：TP315 文獻標識碼：A 文章編號：1672-3791（2019）02（b）-0044-02

在線場景教學系統平臺是信息化教育資源建設的關鍵環節，學生通過網絡平臺了解專業動態、自助學習課程知識、提出學習過程中遇到的問題，教師通過網絡平臺與學生形成交互式教學。該系統嘗試用ASP.NET在網絡上架構一個場景教學系統，為學生提供一個自主學習的平臺，彌補了學生課后對學習資源的不足。該場景教學系統采用ASP.NET技術進行開發，選用SQL Server 2008作為后臺數據庫。

1 系統功能模塊

該系統分如下幾個模塊。

（1）用戶管理。

用戶包括3種：學生、教師、管理員。管理員可以執行所有操作，教師可以上傳視頻和題目、批改作業、回復留言，學生能在線看視頻、做作業、提交作業和留言。用戶管理包括：用戶注冊、用戶登錄、用戶刪除。

（2）學生場景教學管。

學生登錄后能在線看所選課程的場景視頻，每個課程包含很多場景視頻，而每個場景視頻包括1～3個子視頻，每學完一個子視頻必須做完作業并提交作業才能進入下一子視頻。在學習過程中可針對場景留言，可以啟動外部編程軟件進行實操，做完作業后要顯示實操說明和錯在哪里。

（3）學習報告管理。

學生學習完后可生成學習報告，報告顯示各個學生的學習時長、平均正確率、教師對其的點評等。

（4）教師管理。

學生在學習過程中可針對場景留言，教師針對留言進行回復，教師批改作業并對作業進行點評。教師用戶經過資質審核后即可擁有構建場景權限。只要遵循場景構建協議，制作好視頻課件、題目、答案、實操提示上傳，并填寫相應參數提交給場景教學系統，即可動態生成場景，經系統管理員審核發布后供學習者學習。

2 關鍵實現技術

2.1 數據庫設計

根據前面的分析，創建數據庫QCDB，該數據庫至少要包含如下7張表。

（1）用戶表：用戶名、密碼、用戶類型。

（2）課程表：課程號、課程名。

（3）場景表：場景號、課程號、場景名、視頻數、題目1、題目1答案1、題目1答案2、題目1答案3、題目2、題目2答案1、題目2答案2、題目2答案3、題目3、題目3答案1、題目3答案2、題目3答案3、實操提示1、實操提示2、實操提示3。

（4）學習記錄表：用戶名、場景號、題目1空數、題目1對數、題目2空數、題目2對數、題目3空數、題目3對數、學習時長。

（5）留言表：留言ID、用戶名、場景號、留言內容、時間。

（6）回復表：回復ID、留言ID、回復內容、用戶名、時間。

（7）作業表：作業ID、課程號、場景號、用戶名、文件名、時間、點評。

以上冒號前是表名，冒號后為字段名，有下劃線的字段為關鍵字。

2.2 主要用戶界面設計

該系統網頁界面使用DIV+CSS進行布局，最主要的頁面就是學生場景教學頁面，頁面布局設計如圖1所示。

2.3 ADO.NET技術

System.Data命名空間提供了不同的ADO.NET類，該類庫包含兩組重要的類：一組負責處理軟件內部的實際數據（DataSet），一組負責與外部數據系統通信（Data Provider），具體包括[1]：Connection對象提供與數據源的連接。Command對象使您能夠訪問用于返回數據、修改數據、運行存儲過程以及發送或檢索參數信息的數據庫命令。DataReader對象從數據源中提供快速的、只讀的數據流。DataAdapter對象提供連接DataSet對象和數據源的橋梁。該系統定義了一個數據庫類，使用ADO.NET技術，專門用來實現數據庫的增刪改查。為了防止SQL注入式攻擊以及方便構建SQL語句[2]，該系統在登錄及執行insert及update語句時使用參數化查詢，例如構建場景的insert語句為insert into場景表（課程號，場景名，視頻數，題目1，題目1答案1，題目1答案2，題目1答案3，題目2，題目2答案1，題目2答案2，題目2答案3，題目3，題目3答案1，題目3答案2，題目3答案3，實操提示1，實操提示2，實操提示3）values（@1，@2，@3，@4，@5，@6，@7，@8，@9，@10，@11，@12，@13，@14，@15，@16，@17，@18），然后對以上18個參數賦值并執行查詢即可。

2.4 Ajax技術

AJAX在瀏覽器與Web服務器之間使用異步數據傳輸（HTTP請求）從服務器獲取數據[3]。UpdatePanel可以用來創建豐富的局部更新Web應用程序，它是ASP.NET 2.0 AJAX Extensions中很重要的一個控件，其強大之處在于不用編寫任何客戶端腳本，只要在一個頁面上添加幾個UpdatePanel控件和一個ScriptManager控件就可以自動實現局部更新。在場景教學頁面的留言區就使用了UpdatePanel，這樣在提交留言時就不會影響上面視頻的播放了。另外系統中很多頁面會彈出消息框，傳統的消息框會導致整個頁面刷新，效果很不好。該系統使用ASP.NET Ajax擴展控件中的ModalPopup顯示模式彈出窗口，整個頁面不用刷新，用戶體驗好，不過在使用擴展控件之前要添加AjaxControlToolkit，并且就不用再添加ScriptManager了。

3 結語

該系統的開發環境為VS2008，以SQL SERVER2008為后臺數據庫支撐環境，設計出了有實用價值的場景教學系統，該系統與同類系統相比，不僅性能較高、運行較為穩定，而且可維護性和可擴展型都比較出色。

參考文獻

[1] 周敏，雷彬，趙正凡，等.基于ASP.NET的易大學服務平臺設計與實現[J].電腦編程技巧與維護，2019（1）：25.

[2] 林佳一.ADO.NET中數據訪問方式的探討[J].電腦知識與技術，2017（3）：13-15.

[3] 郝潔.ASP.NET AJAX框架在Web開發中的應用[J].電子技術與軟件工程，2017（17）：55.