邢飛燕，施佺，胡祖輝

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

基于ExtJS的高校研究生學位論文雙盲評審系統(tǒng)的設計與實現(xiàn)

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

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

0　引言

隨著計算機、網(wǎng)絡和信息技術(shù)的發(fā)展，信息在人們?nèi)粘Ｉ钪惺艿皆絹碓蕉嗟年P(guān)注［1］。尤其在高校，隨著研究生大范圍的擴招，使得每年參加盲審的學生數(shù)也日益增加，如果仍然沿用之前紙質(zhì)送審的方法，不僅增加大量紙質(zhì)印刷與郵寄成本，同時也大大增加了高校各相關(guān)部門的工作量，降低工作效率。

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

1　ExtJS簡介

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

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

2　系統(tǒng)界面實現(xiàn)

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

圖1　研究生學位論文雙盲評審系統(tǒng)功能模型圖

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

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

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

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

圖2　系統(tǒng)登錄首頁頁面

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

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

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

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

圖3　系統(tǒng)中校外專家評審頁面

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

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

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

圖4　查看論文評審結(jié)果頁面

3　結(jié)語

ExtJS技術(shù)因其豐富的UI組件庫和良好的用戶體驗，在Web應用開發(fā)領(lǐng)域獲得廣泛的應用?；贓xtJS技術(shù)設計并實現(xiàn)了適合高校使用的研究生學位論文雙盲評審系統(tǒng)，用戶界面友好便捷，頁面外觀更加漂亮，風格更加統(tǒng)一，大大簡化和規(guī)范了客戶端的開發(fā)。雙盲評審系統(tǒng)的使用也提高了高校論文盲審工作的質(zhì)量和效率。

［1］顧立業(yè).基于MVC和ExtJS的高校學生信息管理系統(tǒng)的設計與實現(xiàn)［D］.大連理工大學，2013.

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

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

［4］宋轉(zhuǎn)玲等.基于ExtJS開發(fā)的海洋科學數(shù)據(jù)共享服務平臺［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）

全國教育信息技術(shù)研究“十二五”規(guī)劃立項課題（No.136221504）、中國學位與研究生教育學會研究課題（No.C1-2013 Y06-046）、江蘇省研究生培養(yǎng)創(chuàng)新工程資助項目（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技術(shù)的研究生學位論文雙盲評審系統(tǒng)的相關(guān)功能模塊及其實現(xiàn)的關(guān)鍵技術(shù)。該系統(tǒng)界面美觀，操作方便，不僅減少開發(fā)的工作量與管理的成本，同時也大大提高工作效率和質(zhì)量。

ExtJS；研究生；學位論文；評審系統(tǒng)

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.