基于ExtJS的高校研究生學位論文雙盲評審系統的設計與實現

邢飛燕，施佺，胡祖輝

（1.南通大學研究生院，南通226019；2.南通大學交通學院，南通　226019）

基于ExtJS的高校研究生學位論文雙盲評審系統的設計與實現

邢飛燕1，施佺2，胡祖輝1

（1.南通大學研究生院，南通226019；2.南通大學交通學院，南通226019）

0　引言

隨著計算機、網絡和信息技術的發展，信息在人們日常生活中受到越來越多的關注［1］。尤其在高校，隨著研究生大范圍的擴招，使得每年參加盲審的學生數也日益增加，如果仍然沿用之前紙質送審的方法，不僅增加大量紙質印刷與郵寄成本，同時也大大增加了高校各相關部門的工作量，降低工作效率。

為了適應現代信息化發展的趨勢和高校研究生學位培養工作的迫切需求，迫切需要建立一套Web上可實現的盲審評議系統，將其與申請學位的學生數據庫掛接，可供各個學院的管理部門、教師、學生、導師和外校評審專家分權限共享訪問，更加方便快捷地進行學位論文雙盲評審的規范化管理，加強了數據的保密性，真正意義上實現了雙盲評審。

1　ExtJS簡介

ExtJS最開始基于YUI（Yahoo User Interface Library）技術，由技術人員Jack Slocum開發，通過參考Java Swing等機制來組織可視化組件，基于JavaScript和HTML/CSS技術，還支持JQuery、Prototype等多種JS底層庫。因此，ExtJS的UI設計布局雅致，界面美觀，可以節約開發時間。采用JSON/XML為數據解析和交換，能夠減輕服務器負荷，快速綁定數據到相應組件并更新視圖，并能良好地實現多級聯動、樹狀結構顯示和分頁顯示等較為復雜的UI操作。相對來說，Ext要比開發者直接針對DOM、W3C對象模型開發UI組件輕松得多［2-3］。

ExtJS是一個用JavaScript編寫，與后臺技術無關的前端AJAX框架。因此，ExtJS可用在.NET、Java、PHP等各種語言開發的應用中。

2　系統界面實現

研究生學位論文雙盲評審系統的用戶主要有在校研究生、研究生導師、院系工作人員、校級工作人員以及外校評審專家等。系統開發基于B/S結構模式，前臺開發語言為C#語言，后臺數據庫為SQL Server 2008。整個系統功能模型如圖1所示。

圖1　研究生學位論文雙盲評審系統功能模型圖

被抽檢到的研究生登錄該系統進行個人信息的完善和學位論文的上傳。論文中不能涉及學生本人及其導師的基本信息。院級工作人員可通過該系統對學生上傳的論文進行審核，一旦發現任何問題，可以及時通知學生進行修改。論文審核結束后，校級工作人員對論文進行編號，隨即送去外審，整個過程快速、簡潔、保密，大大節約了時間成本。

外校的評審專家根據拿到的說明書登錄系統進行信息注冊，以此獲取專家用戶名和密碼。注冊之后可對論文進行下載并評審。評審提交之后可直接在系統中將論文評審意見書打印出來，操作方便快捷。評審結束后，審核結果和意見能夠第一時間反饋給學生、導師及其各個學院。

系統首頁界面采用Ext.form.FormPanel類實現用戶的登錄，用戶名、密碼和驗證碼均使用textfield輸入組件，其中密碼的inputType設置為“password”，并設置三者的allowBlank為false。頁面附加了圖形驗證碼，提高了系統的安全性。

“登錄”和“重置”按鈕使用Button組件，用handler設定“重置”按鈕的響應事件。當點擊“登錄”按鈕后，ExtJS向后臺服務器發送異步請求。如果用戶名、密碼和驗證碼均填寫正確，則調用success中的方法，進入與登錄身份相對應的功能頁面，否則調用failure中的方法，提示錯誤，系統登錄首頁如圖2所示。

圖2　系統登錄首頁頁面

ExtJS在提交過程中使用的是UTF-8編碼，所以要求所有文件均是UTF-8編碼方式。運用ExtJS對界面進行編寫時，可以在JSP頁面的head區域加入以下代碼：

學生可以上傳Word和PDF兩種格式的論文，采用FileUpload控件實現文件上傳功能。FileUpload控件顯示一個文本框控件和一個瀏覽按鈕，用戶可以單擊“瀏覽”按鈕，出現選擇文件對話框，然后在該對話框中定位所要上傳的文件，點擊“上傳”按鈕后，文件將自動上載至服務器upload文件夾下。以Word上傳為例，其關鍵代碼如下：

傳成功！"）；｝，failure:function（）｛Ext.Msg.alert（"系統提示"，"文件上傳失敗！"）；｝｝）；｝else｛Ext.Msg.alert（"系統提示"，"請選擇文件后再上傳！"）；｝｝｝，｛text:'取消'，handler:function（）｛winFielUpload.hide（）；｝｝］｝）；

論文評審頁面是該系統最重要的頁面之一，包括專家對論文選題、文獻綜述、研究成果、專業水平、論文寫作、總體意見和存在問題等方面的評審。頁面下方包括“臨時保存”、“確認提交”和“打印評審表”等三個按鈕。當專家填寫好評審表后，點擊“臨時保存”按鈕，可將評審結果保存至數據庫中，當點擊“確認提交”按鈕之后，方可打印評審意見書。該頁面如圖3所示。

圖3　系統中校外專家評審頁面

評審結束后，大家最關注的仍然是評審結果頁面的瀏覽。由于ExtJS只是一個客戶端框架，與服務器端技術無關，沒有相應服務端的適配層，因此必須提供它需要的數據結構［4］。本系統選用JSON傳遞數據。

ExtJS提供后臺數據請求控件，如JsonStore，通過配置url和method向后臺發送請求。后臺將JSON格式數據響應給前臺。服務器端處理前臺傳遞的參數包括start、limit等，start和limit用來進行分頁查詢，start表示從第幾條數據進行查詢，limit表示最多返回幾條查詢數據。這里默認start為0，limit為25，即默認每頁顯示25條數據。

前臺用Ext.data.Store處理從后臺獲得的字符串，使用Ext.data.HttpProxy從后臺獲取信息，返回信息中的totalProperty和root分別指數據的記錄總數和當前頁面顯示信息的隊列。創建lwstore后調用lwstore.load（｛params:｛start:0，limit:25｝｝）；，創建Ext.grid.GridPanel的Columns中每一列顯示的數據都與 lwstore數據相對應，設置列的屬性sortable為true，實現該列的可排序。loadMask設置為true，意在開啟讀取數據時的提示功能。在bbar添加分頁工具條PageBar，可以實現Grid的分頁跳轉和數據刷新等操作。使用Ext.grid.GridPanel中雙擊事件rowdblclick來查看論文評審結果。顯示效果如圖4所示。

圖4　查看論文評審結果頁面

3　結語

ExtJS技術因其豐富的UI組件庫和良好的用戶體驗，在Web應用開發領域獲得廣泛的應用。基于ExtJS技術設計并實現了適合高校使用的研究生學位論文雙盲評審系統，用戶界面友好便捷，頁面外觀更加漂亮，風格更加統一，大大簡化和規范了客戶端的開發。雙盲評審系統的使用也提高了高校論文盲審工作的質量和效率。

［1］顧立業.基于MVC和ExtJS的高校學生信息管理系統的設計與實現［D］.大連理工大學，2013.

［2］高國瑞.基于ExtJS框架的稅務在線考試系統設計與實現［D］.西安電子科技大學，2012.

［3］王建文等.基于ExtJS的物資管理系統的設計與實現［J］.計算機工程與設計，2010，31（23）:5012-5055.

［4］宋轉玲等.基于ExtJS開發的海洋科學數據共享服務平臺［J］.海洋科學，2010，34（2）:4-9.

ExtJS；Graduate Student；Thesis；Evaluation System

Design and Implementation of Thesis Evaluation System Based on ExtJS

XING Fei-yan1，SHI Quan2，HU Zu-hui1
（1．Department of Graduate，Nantong University，Nantong 226019；2．College of Traffic Nantong University，Nantong 226019）

全國教育信息技術研究“十二五”規劃立項課題（No.136221504）、中國學位與研究生教育學會研究課題（No.C1-2013 Y06-046）、江蘇省研究生培養創新工程資助項目（No.JGZZ12_081）

1007-1423（2015）19-0068-04

10.3969/j.issn.1007-1423.2015.19.017

邢飛燕（1987-），女，江蘇南通人，碩士，研究方向為信息化管理

2015-05-05

2015-06-25

針對當前高校研究生學位論文盲審工作的需求，詳細分析并設計基于ExtJS技術的研究生學位論文雙盲評審系統的相關功能模塊及其實現的關鍵技術。該系統界面美觀，操作方便，不僅減少開發的工作量與管理的成本，同時也大大提高工作效率和質量。

ExtJS；研究生；學位論文；評審系統

Aims at the requirements of the graduate degree thesis evaluation，expounds the design and implementation of thesis evaluation system based on ExtJS，and introduces the relevant function modules，gives the key technology.The system has many advantages such as distinct interface and easy manipulation.The system not only reduces the workload and cost management，but also improves the work efficiency and quality.