基于富客戶端框架高?？蒲泄芾硐到y(tǒng)的研究與設(shè)計(jì)

摘 要：現(xiàn)在的高?？蒲泄芾硐到y(tǒng)中，由于涉及的數(shù)據(jù)量大、科研信息類別繁多、科研項(xiàng)目流程要求嚴(yán)格等，開發(fā)一個(gè)高效的科研管理系統(tǒng)可以在很大程度上提高科研管理人員的工作效率，提高學(xué)校的整體科研工作水平。本文將結(jié)合流行的富客戶端技術(shù)對(duì)科研管理系統(tǒng)進(jìn)行分析研究與設(shè)計(jì)。

關(guān)鍵詞：科研管理；富客戶端；DWZ

中圖分類號(hào)：TP311.52

隨著科技的日益發(fā)展，高校的科研活動(dòng)和科研能力成為反映高校綜合實(shí)力指標(biāo)的比重不斷加大，而通過信息化的手段對(duì)日?？蒲泄ぷ鬟M(jìn)行管理，整合科研工作流程，為決策層提供真實(shí)有效的依據(jù)，是提升科研管理水平的有效途徑，也是當(dāng)今高?？蒲泄芾淼拇髣?shì)所趨。

1 系統(tǒng)設(shè)計(jì)的背景和目標(biāo)

目前大多數(shù)高校科研管理工作，很大程度上還要依賴人工來進(jìn)行，通過Word、Excel等辦公軟件來處理科研文檔和統(tǒng)計(jì)科研數(shù)據(jù)，這種方式難以及時(shí)有效的掌握最新的科研情況，為科研管理增加許多工作量，不利于領(lǐng)導(dǎo)進(jìn)行科學(xué)決策。所以科研管理系統(tǒng)的構(gòu)建是非常有必要的，該系統(tǒng)服務(wù)于學(xué)校科研工作，為輔助領(lǐng)導(dǎo)進(jìn)行科研管理決策提供有利的信息支持，有助于學(xué)校整體科研工作水平的提高。

科研管理系統(tǒng)的建設(shè)目標(biāo)是是建設(shè)一個(gè)科研管理信息系統(tǒng)，該系統(tǒng)可以實(shí)現(xiàn)科研工作的網(wǎng)絡(luò)化管理，形成一個(gè)及時(shí)更新的科研數(shù)據(jù)中心和科研管理溝通平臺(tái)，全面、實(shí)時(shí)、準(zhǔn)確提供學(xué)校的有關(guān)科研信息，為學(xué)校領(lǐng)導(dǎo)有關(guān)科研決策提供輔助支持，為學(xué)校教師開展科研活動(dòng)提供方便快捷的服務(wù)，為科研管理人員開展工作提供極大的便利，使用富客戶端技術(shù)，集成桌面應(yīng)用的交互性和傳統(tǒng)Web應(yīng)用部署的靈活性，創(chuàng)建更好的用戶體驗(yàn)和更高的工作效率。

2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)

科研管理系統(tǒng)不僅要有科研管理功能，還要有溝通交流的功能。作為一個(gè)信息管理系統(tǒng)，本文主要從以下兩個(gè)方面研究科研管理系統(tǒng)：

2.1 系統(tǒng)結(jié)構(gòu)?？蒲泄芾硐到y(tǒng)向全校教師開放，系統(tǒng)要支持教師、院系和科研處三級(jí)用戶使用模式。教師可以登錄系統(tǒng)錄入和維護(hù)自己的項(xiàng)目、成果等科研信息，院系用戶可以登錄系統(tǒng)維護(hù)本單位的科研人員、科研項(xiàng)目和科研成果等信息。教師個(gè)人錄入的數(shù)據(jù)需要經(jīng)過院系和科研處的審核。

科研管理系統(tǒng)主要包括機(jī)構(gòu)管理、人員管理、項(xiàng)目管理、成果管理、學(xué)術(shù)活動(dòng)、統(tǒng)計(jì)報(bào)表和系統(tǒng)維護(hù)等幾個(gè)子系統(tǒng)。

2.2 富客戶端框架。在WEB應(yīng)用程序中使用富客戶端技術(shù)主要是為了讓網(wǎng)絡(luò)應(yīng)用程序具有很強(qiáng)交互性。在信息管理系統(tǒng)中應(yīng)用富客戶端技術(shù)還可提高用戶的工作效率。

目前有眾多的富客戶端框架可供選擇，如EXTjs、YUI、jQueryUI等，本系統(tǒng)選擇DWZ作為前端整體UI框架。DWZ具有簡單實(shí)用、擴(kuò)展方便、快速開發(fā)、RIA思路、輕量級(jí)的特點(diǎn)，框架完全開源，可以免費(fèi)獲取全部源碼。但在使用DWZ的時(shí)候，也發(fā)現(xiàn)其樹型組件作為導(dǎo)航菜單在動(dòng)態(tài)加載菜單項(xiàng)時(shí)不太方便，在表格組件在處理數(shù)據(jù)時(shí)也不太靈活，所以本系統(tǒng)在DWZ框架中整合zTree樹插件來設(shè)計(jì)導(dǎo)航菜單和樹型數(shù)據(jù)處理，用jqGrid作為表格組件。

zTree是一個(gè)依靠jQuery實(shí)現(xiàn)的樹型插件。功能強(qiáng)大、配置靈活。適合項(xiàng)目開發(fā)，尤其是樹狀菜單、樹狀數(shù)據(jù)的Web顯示和編輯等。

jqGrid是一個(gè)基于jquery的表格插件，以ajax的方式和服務(wù)器通信。在使用jqGrid時(shí)服務(wù)器端進(jìn)行數(shù)據(jù)管理，客戶端進(jìn)行數(shù)據(jù)展示。jqGrid提供了強(qiáng)大的表格編輯功能，包括單元格編輯、行編輯、彈出窗口編輯等編輯方式，支持多條件查詢、按列排序、分組統(tǒng)計(jì)和分組數(shù)據(jù)展示、數(shù)據(jù)校驗(yàn)等實(shí)用功能。

3 系統(tǒng)實(shí)現(xiàn)

從上文可以看出，科研管理系統(tǒng)的功能子系統(tǒng)較多，在實(shí)現(xiàn)時(shí)基于現(xiàn)在流行的SSH框架來開發(fā)。SSH框架具有設(shè)計(jì)層次清晰、代碼復(fù)用性高、模塊耦合度低的特點(diǎn)，目前已被廣泛使用，本文對(duì)本系統(tǒng)中SSH框架和富客戶端框架的具體使用就不再贅述，主要從富客戶端的使用和整合過程中需要注意的幾個(gè)方面進(jìn)行介紹。

3.1 使用DWZ框架。使用DWZ這種輕量級(jí)的框架非常簡單，只需要把框架所需的js文件加入到項(xiàng)目中，項(xiàng)目的主頁面可直接使用DWZ框架demo中的index.hmtl來進(jìn)行修改。在該頁面中加載了所有元素，在后續(xù)的工作區(qū)頁面中只需頁面碎片就可以了，之后和服務(wù)器的交互也只是數(shù)據(jù)間交互，不會(huì)因加載界面元素占用網(wǎng)絡(luò)流量。頁面使用如下的代碼片斷實(shí)現(xiàn)初始化：

$（function（）{

DWZ.init（\"dwz.frag.xml\"， {

……

}）；

}）；

值得注意的是，dwz.frag.xml是DWZ框架的核心文件，需要加載才可以正常使用，確保路徑正確。

3.2 DWZ與zTree的整合。zTree和DWZ本來沒有什么直接的沖突，使用zTree時(shí)先在項(xiàng)目中加入所需的js和css后就可以初始化。若在整合中出現(xiàn)沖突則需要修改DWZ框架中的dwz.ui.js和DWZ框架中對(duì)tree組件的相關(guān)樣式定義即可。

3.3 使用jqGrid。jqGrid和zTree一樣，只需在項(xiàng)目中加入所需的js和css資源就可以使用了。在本系統(tǒng)中需要注意的有以下幾個(gè)方面：

（1）由于jqGrid是ajax真分頁的插件，所以每次調(diào)用都要分頁，每個(gè)action都要寫相同的分頁代碼，頁面查詢也有很多相同的代碼，對(duì)于這部分重復(fù)代碼，最好寫個(gè)公共的DAO，讓項(xiàng)目中其它的DAO都去繼承這個(gè)類。

（2）在jqGrid的colMode參數(shù)中有name和index兩個(gè)參數(shù)，前一個(gè)是表格列的名字，后一個(gè)是排序時(shí)的名字。事實(shí)上，這兩個(gè)參數(shù)的作用的地方是不一樣的，作用也完全不同。name是jqGrid中列的名稱，作用向后臺(tái)提交修改時(shí)用作參數(shù)的名稱。index是jqGrid中列排序時(shí)用的排序字段名，當(dāng)點(diǎn)表頭排序時(shí)，這個(gè)值會(huì)保存在傳給后臺(tái)的sidx參數(shù)里，在進(jìn)行g(shù)roup分組操作時(shí)也會(huì)用作分組的名稱。

（3）有時(shí)我們要處理的表格的列很多，最好的處理是將重要的列凍結(jié)起來，拉動(dòng)水平滾動(dòng)條時(shí)只滾動(dòng)沒有凍結(jié)的列。在要凍結(jié)的列的colModel屬性中加一個(gè)屬性，frozen：true，要調(diào)用一個(gè)內(nèi)置方法：$（\"#list\"）.jqGrid（'setFrozenColumns'），options中的sortable屬性要設(shè)為1。另外，被凍結(jié)的列必須是連續(xù)的，否則只會(huì)凍結(jié)前面的列。

4 結(jié)束語

本系統(tǒng)中用到的富客戶端框架和插件都是以jQuery為基礎(chǔ)，在使用時(shí)要注意不同jQuery版本可能存在的沖突，另外框架和插件間的css樣式也可能產(chǎn)生干擾，這些都需要在框架整合過程中根據(jù)實(shí)際情況不斷調(diào)整來解決。隨著科研管理系統(tǒng)復(fù)雜程度越來越高，在設(shè)計(jì)時(shí)需要層次清晰；為了使系統(tǒng)具有很好的用戶體驗(yàn)，需要將服務(wù)器與客戶端之間的數(shù)據(jù)交互降到最低，富客戶端技術(shù)的使用將在信息系統(tǒng)的開發(fā)與設(shè)計(jì)中顯得越來越重要。

參考文獻(xiàn)：

[1]陳必峰.基于AJAX的富客戶端技術(shù)及應(yīng)用[J].計(jì)算機(jī)科學(xué)，2011（10）.

[2][美]查弗等.李松峰，盧玉平（譯）.jQuery基礎(chǔ)教程（第2版）[M].人民郵電出版社，2009（11）.

[3]虞洪.基于SSH框架的高?？蒲泄芾硐到y(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].淮陰工學(xué)院學(xué)報(bào)，2011（02）.

作者簡介：陳玉平（1974.04-），男，湖北人，教師，講師，碩士，研究方向：計(jì)算機(jī)軟件。

作者單位：湖北三峽職業(yè)技術(shù)學(xué)院，湖北宜昌 443000