ASP.NET網頁在教學中的實時應用

黃正亮，卓明敏，廖小于

（贛州師范高等專科學校 計算機系，江西 贛州 341000）

ASP.NET網頁在教學中的實時應用

黃正亮，卓明敏，廖小于

（贛州師范高等專科學校 計算機系，江西 贛州 341000）

為解決ASP.NET頁面狀態保持時間出現的超時問題，提出通過服務器代碼C#中的數據(CS)與客戶端腳本中的數據(JS)進行對接的解決方案。該方案依賴于客戶機時鐘的準確性，又提出改進計時器的優化方案。兩種方案均實現了ASP.NET頁面狀態超長時間保持,已成功應用于高校教學在線考試考核中，在電子商務、網絡辦公等方面均有較好的應用前景。

ASP.NET；狀態保持；Web；CS；JS

0 引 言

在ASP.NET在線測試類網頁，當測試者登錄測試頁面后，如果做題時間超過20分鐘后，“提交”則不一定成功，經檢查，是頁面狀態保持時間出現問題。在將Session有效值設置為足夠大后，雖然可提高“提交”成功率，仍不能做到100%成功提交；更改網站應用程序池的超時設置，又會影響其他頁面的默認設置。針對測試頁面狀態保持時間出現的問題，設想在測試頁面中每隔一定時間自動產生一個“回發”（Postback）操作，利用“回發”操作延長頁面狀態保持時間，問題便能迎刃而解。對習慣于桌面程序設計的程序員而言，自然就會想到使用定時器，但ASP.NET網頁有其獨特的生命周期，如果借助服務器的事件產生實時計時，服務器將不堪重負；如果僅使用客戶端腳本[1]，操作中如出現頁面“回發”，會導致定時器重新從0開始計時，從而不能連續計時，無法實現定時“回發”和限時“提交”。為此，本文提出一種將以上二者結合起來的方法，用以延長ASP. NET頁面狀態保持時間。

1 延長ASP.NET頁面狀態保持時間的基本方案

1.1 基本方案策略及關鍵代碼

在Web應用實驗中發現，將服務器代碼C#中的數據（CS）與客戶端腳本中的數據（JS）進行對接，就可能延長ASP.NET頁面狀態保持時間，按照“客戶機實時時間-(服務器)頁面開始時間=計時時長”的思路得以實現。

通過在（標記代碼）頁面上增加一個服務器標簽控件Label1，當測試者登錄該頁面時，由CS使用Label1控件記錄開始測試的服務器時間DT0[2]，再由客戶端腳本讀取Label1控件的值DT0，并計算出該起始時間DT0與客戶端的實時時間DT的差（DT-DT0）得到TL，即測試頁實際實時計時時長。由于Label1是Web服務器對象，其值DT0在頁面“回發”時可一直保持下來，因為計時器函數每次（包括頁面“回發”后）都是由實時時間值DT減去開始時間值DT0得到時長TL，從而實現連續自動計時。利用連續計時的實用“計時器”，再通過該計時器定時調用服務器事件代碼[3]，即可實現定時“回發”和限時“提交”。延長ASP.NET頁面狀態保持時間的基本方案流程如圖1所示。

圖1 延長ASP.NET頁面狀態保持時間的基本方案流程

實現該基本方案的相關參考代碼中，其中標記代碼頁(timejs.aspx)中的關鍵代碼如下：

后臺代碼頁(timejs.aspx.cs)有關代碼如下：

1.2 基本方案運行效果

該基本方案實際運行效果如圖2所示。

圖2 延長ASP.NET頁面狀態保持時間的基本方案實際運行效果

該基本方案在實際測試中效果較為理想，幾乎與桌面版普通計時器一樣，而且對服務器資源依賴較少，已經過多次大規模的實際測試，只要客戶機的時鐘設置基本正常，即可100%實現連續計時，從而一直保持與服務器的“握手”狀態，最終使測試結果得以成功提交。但如果客戶機時鐘與服務器時鐘有較大差距，則仍會出現計時不正常，甚至出現“倒計時”現象，因而該基本方案仍有待優化改進。

圖3 改進計時器的優化方案流程

2 改進計時器的優化方案

2.1 優化方案策略及客戶端腳本代碼

為避免對客戶機時鐘準確性的依賴，在ASP. NET網頁的教學狀態管理時，如能利用ASP.NET的視圖狀態（ViewState）變量結合客戶機的腳本累加器，就有可能擺脫對客戶機時鐘準確性的依賴，達到連續計時又不依賴于客戶機時鐘的準確性。經過多次實驗后，終于將頁面連續計時部分的隱患徹底排除，按照“(服務器)階段計時值+客戶端連續計時值=計時時長”的思路得以實現。

用戶在登錄時由CS記錄開始時間到視圖狀態變量ViewState[“st0”][4]，同時客戶端腳本中的累加器從0開始計時，當計時到約定的時刻調用“暫存答卷”鈕的單擊事件代碼，由CS在服務器端通過服務器當前時間-ViewState [“st0”]中的開始時間計算出已用去的時間（秒數），并將該時間（秒數）傳回到客戶端的一標簽控件或隱藏域控件中，同時將客戶端腳本中的累加器重置，重新以標簽控件中值（秒數）作為計數的初值而繼續計時，從而實現連續精確計時。這樣，不管客戶端時鐘是否準確，都對測試網頁的精確計時影響不大。改進計時器的優化方案流程如圖3所示。

優化方案客戶端腳本代碼如下：

后臺開始登錄計時的C#代碼如下：

2.2 優化方案運行效果

改進計時器的優化方案實際運行效果如圖4所示。

優化方案實際運行的計時效果較為理想，完全不依賴客戶機實際時鐘值，只是借助客戶端腳本（JS）的計秒累加操作，且并沒有明顯增加對服務器的依賴。在成規模性的實際測試中，基本實現了全部自動提交的預定要求，使考試換場變得更為簡單方便。如果客戶機時鐘計秒值出現問題，就會出現客戶端計時與服務器計時有誤差的現象，但在“回發”時仍可通過服務器控件事件代碼給予校正。

圖4 改進計時器的優化方案實際運行效果

3 結束語

對比基本方案和優化方案，在網絡順暢的情況下通過定時回訪服務器均可延長ASP.NET頁面狀態保持時間，理論上延長的時間不受限制，使用起來都很方便。前者對服務器依賴較低，但對客戶端時鐘有較統一的要求；后者計時更準確，但對服務器的依賴較前者稍高，對客戶機則幾乎沒有要求，且未見例外情況出現。基于上述方案開發的ASP.NET網頁在教學中的實時應用，已經贛州師范高等專科學校運行多年，未出現任何原則性問題。根據網絡應用的市場預測，二者進一步改進和完善后，在電子商務[5]、網絡辦公、在線考試程序等方面均有較好的應用前景。

[1] 李正吉.ASP.NET網站開發技術（項目式）[M].北京：人民郵電出版社，2011：64-70.

[2] 許鎖坤.ASP.NET技術基礎[M].北京：高等教育出版社，2007：59-60.

[3] Js調用后臺點擊事件[EB/OL].（2012-06-28）[2016-08-20].https：//zhidao.baidu.com/question/444257668.html.

[4] 徐謖.ASP.NET應用與開發案例教程[M].北京：清華大學出版社，2005：224-226.

[5] 孟昊雨，田啟明.CMS營銷型網站的建設[J].溫州職業技術學院學報，2015（4）：43-45.

[責任編輯：田啟明]

Real-time Application of ASP.NET Website in Teaching

HUANG Zhengliang, ZHUO Mingmin, LIAO Xiaoyu
(Computer Department, Ganzhou Teachers College, Ganzhou, 341000, China)

To solve the timeout problem of ASP.NET website maintenance, the paper proposes to combine the data of server code C# (CS) with the data of client script (JS). Since the solution depends on the accuracy of clients’clock, the paper also puts forward an optimization method of improving timer. By adopting the two methods, long-time maintenance of ASP.NET website can be achieved. It has been successfully applied to online examinations in university education. And it also has a bright prospect in f elds like E-commerce and online off ce.

ASP.NET; State maintenance; Web; CS; JS

TP393.092

A

1671-4326 (2017) 01-0053-04

10.13669/j.cnki.33-1276/z.2017.012

2016-09-14

江西省教育廳科學技術研究項目（GJJ151364）

黃正亮（1963—），男，江西南康人，贛州師范高等專科學校計算機系副教授；

卓明敏（1963—），男，江西南康人，贛州師范高等專科學校計算機系教授；

廖小于（1969—），女，江西于都人，贛州師范高等專科學校計算機系副教授.