基于Ext+SSH集成開發(fā)架構(gòu)的科研管理系統(tǒng)的研究與應(yīng)用

高瞻+鎖志海

摘 要： 通過對高?？蒲泄芾憩F(xiàn)狀的分析與研究，運用基于 Struts，Spring和Hibernate的輕量級Web集成開發(fā)框架，并結(jié)合 Ext 富客戶端技術(shù)，從科研管理的基礎(chǔ)數(shù)據(jù)組織入手，認(rèn)真分析科研業(yè)務(wù)管理流程及信息交互特點，最終構(gòu)建高效、靈活和穩(wěn)定的高校科研管理信息系統(tǒng)。該系統(tǒng)實現(xiàn)了科研管理的網(wǎng)絡(luò)化和數(shù)字化，有效提高了信息的集成效率，提升了科研信息精細化管理水平。

關(guān)鍵字： 科研管理； SSH； Ext； 精細化管理

中圖分類號： TN911?34 文獻標(biāo)識碼： A 文章編號： 1004?373X（2015）20?0052?03

Research and application of scientific research management system based on Ext +SSH Integrated development framework

GAO Zhan， SUO Zhihai

（Data and Information Center， Xian Jiaotong University， Xian 710049， China）

Abstract： In this paper， the current situation of research project management in universities is studied. Proceeding from basic data organization of scientific research management， the scientific research management procedures and information interaction characteristics are analyzed by using light?weighted Web integrated development framework based on SSH （Struts Spring Hibernate） and rich client technology of Ext. Finally， a scientific research management system based on Ext+SSH integrated development framework with the advantages of reliability， efficiency and flexibility was constructed. The digitization and networking of scientific research management were achieved by means of the system， which improve the efficiency of information integration and promote the level of scientific research information management.

Keywords： scientific research management； SSH； Ext； delicacy management

學(xué)校科學(xué)研究能力的發(fā)展是制約高校整體辦學(xué)水平的重要因素，對于建設(shè)“研究型大學(xué)”更是具有舉足輕重的作用。近年來，隨著學(xué)?？蒲泄ぷ鞣秶鸵?guī)模的迅速擴大，信息交互頻繁，科研業(yè)務(wù)的復(fù)雜度日益增大，這就要求科研信息要做到快速流轉(zhuǎn)和有效管理，為了滿足科研管理系統(tǒng)建設(shè)的實際要求，構(gòu)建了基于Struts，Spring，Hibernate 輕量級集成開發(fā)框架和Ext 富客戶端技術(shù)的高?？蒲泄芾硐到y(tǒng)，為科研工作提供了重要保障。

1 SSH和Ext框架介紹

1.1 基于SSH的Web系統(tǒng)開發(fā)框架介紹

SSH是一種基于J2EE技術(shù)的MVC軟件開發(fā)框架， 與J2EE重量級體系相對應(yīng)，輕量級Web框架SSH不僅保持了J2EE的優(yōu)勢（例如事務(wù)管理） ，還簡化了Web的開發(fā)[1]，提高開發(fā)效率。SSH集成框架從邏輯上分為三層： 表示層、業(yè)務(wù)邏輯層、數(shù)據(jù)持久層[2]。系統(tǒng)架構(gòu)圖如圖1所示。在表示層，Struts 作為系統(tǒng)的整體基礎(chǔ)架構(gòu)，它利用控制器分離模型和視圖，把用戶界面和事務(wù)邏輯進行分離，從而極大地縮短了開發(fā)時間。在數(shù)據(jù)持久層，Hibernate 框架對JDBC 進行了輕量級的對象封裝，將數(shù)據(jù)庫表通過配置文件映射成對象。程序開發(fā)人員無需關(guān)心數(shù)據(jù)庫的具體結(jié)構(gòu)，直接操作數(shù)據(jù)對象即可。Spring 管 理 Struts 和 Hibernate，通過Spring的反轉(zhuǎn)機制，利用容器來創(chuàng)建對象，即在運行期間將對象的依賴關(guān)系注入到組件之中，使得應(yīng)用代碼可直接使用實例。

1.2 基于Ext的富客戶端技術(shù)

Ext是一個基于純 HTML/CSS+ JavaScript技術(shù)的開源的富客戶端應(yīng)用程序框架，它與后臺開發(fā)技術(shù)無關(guān)，可以用在多種開發(fā)語言的開發(fā)應(yīng)用中，使B/S應(yīng)用更具有活力和生命力，大幅度提升了用戶體驗。Ext提供了豐富的跨瀏覽器UI組件，靈活采用JSON和XML為交換格式，減輕了服務(wù)端表示層的負荷，從而達到客戶端的 RIA應(yīng)用[3]。Ext還提供了豐富的學(xué)習(xí)文檔和方便易查的 API文檔， 方便開發(fā)者查詢和使用。

圖1 Struts，Spring，Hibernate集成框架的系統(tǒng)架構(gòu)圖

Ext在開發(fā)中主要使用到Application，Controller，Viewport，View，Store，Model和Data七大類[4]，其邏輯關(guān)系如圖 2 所示。 Application 控制Ext 到找對應(yīng) Controller 與 View 等 Javascript 文件；Controller用來實現(xiàn) View 上的所觸發(fā)事件和操作，并將對應(yīng)的 View，Store ，Model 進行關(guān)聯(lián)；Model和Store是模型數(shù)據(jù)類，主要是給View類提供數(shù)據(jù)；View主要負責(zé)頁面展示。

圖2 Ext類邏輯關(guān)系圖

2 科研管理系統(tǒng)的設(shè)計與實現(xiàn)

2.1 科研管理系統(tǒng)的功能模塊設(shè)計

科研管理系統(tǒng)的設(shè)計與開發(fā)以“高效管理、服務(wù)師生、信息共享、公正公開”為建設(shè)目標(biāo)，以科研管理的內(nèi)容、流程為中心。從管理內(nèi)容的覆蓋范圍來看，科研管理系統(tǒng)的主要分為了科研項目管理、科研成果管理、經(jīng)費管理、科研問題管理、科研機構(gòu)管理、科研辦公管理功能、統(tǒng)計管理、專家?guī)旃芾怼⒒毓芾淼?大功能模塊。各個功能模塊具有相對獨立性，同時也相互聯(lián)系。從服務(wù)對象來看，為校領(lǐng)導(dǎo)、學(xué)院、科研基地、教師、科研管理人員5大服務(wù)對象提供全方位的服務(wù)。

2.2 基于Ext和SSH集成框架的系統(tǒng)架構(gòu)設(shè)計

良好架構(gòu)的選擇對提高項目的開發(fā)效率有著重大影響?；?Ajax的 Web應(yīng)用程序打破了傳統(tǒng)Web程序開發(fā)模式，大大提高了程序的可用性用戶體驗。 因此SSH和Ext的組合構(gòu)建了一個具有健壯架構(gòu)體系和具有良好用戶體驗的Web系統(tǒng)開發(fā)架構(gòu)[5]。

Ext+SSH 集成架構(gòu)整合的基本原理如圖 3 所示。Ext 實現(xiàn) Struts 框架中的頁面表示和頁面跳轉(zhuǎn)，管理界面上的各種操作事件，同時做出相應(yīng)的響應(yīng)，由于其提供了豐富的UI 組件，并采用JSON數(shù)據(jù)格式傳輸數(shù)據(jù)，提高程序員的開發(fā)效率[6]。在業(yè)務(wù)層，Spring實現(xiàn) MVC三層分離， 控制各層負責(zé)不同的任務(wù)，協(xié)作完成一次完整的請求/響應(yīng)。在數(shù)據(jù)持久層 ， Hibernate 實現(xiàn)數(shù)據(jù)庫表到Java類的映射，簡化數(shù)據(jù)庫事務(wù)管理。

圖3 Ext+SSH集成架構(gòu)圖

2.3 關(guān)鍵技術(shù)的實現(xiàn)

Ext框架擁有豐富的組件，而且創(chuàng)建組件的方法也非常簡單，可以直接通過new關(guān)鍵字來創(chuàng)建，比如創(chuàng)建一個窗口，可以使用new Ext.window（），創(chuàng)建一個表格可以使用new Ext.grid.GridPanel（）。在本系統(tǒng)中，用戶登錄后的首頁面板顯示了用戶基本信息，科研通知公告，代辦事宜等信息，它們可以通過拖拽的方式調(diào)整位置，這里采用的Ext的Ext.ViewPort組件來實現(xiàn)頁面布局，它可以隨著瀏覽器的大小而自適應(yīng)。部分核心代碼如下所示：

…

var viewport = new Ext.Viewport（{

layout：′border′，

items：[ {

region ： ′west′，

id ： ′app?portal?demo?settings?panel′，

title ： ′設(shè)置′，

split ： true，

width ： 230，

minSize ： 175，

maxSize ： 400，

collapsible ： true，

collapsed： true，

collapseFirst：false，

stateful： false，

margins ： ′5 0 5 5′，

cmargins ： ′5 5 5 5′，

layout ： ′fit′，

items ： [{html ： "

id ： ′app?portal?demo?settings?exts′，

autoScroll ： true，

border ： false，

iconCls ： ′nav′}]

}，

{xtype：′portal′，

region：′center′，

margins：′2 2 2 2′，

items： items，

bodyStyle： ′overflow?x： hidden′

}]

}）；

//將布局的左邊部分（west），在隱藏條上添加‘組織機構(gòu)的title

viewport.layout.west.getCollapsedEl（）.createChild（{

html： ′′

+ ′ ′

+ ′′

+ ′ ′

+ ′

}）；

Ext.callback（function（）{

show_data（）；

show_setup（）；

}， viewport， []， 1000）；

}）；

…

科研數(shù)據(jù)不僅數(shù)量大，而且數(shù)據(jù)關(guān)聯(lián)性也較強，在每個數(shù)據(jù)列表上建立快捷查詢項是非常必要的，如圖4所示。

圖4 Ext的panel組件實現(xiàn)快捷查詢頁面

以下代碼是利用Ext的panel組件實現(xiàn)的快速查詢頁面的代碼：

function getQueryItems（）{

var items = []；

//添加第一行查詢條件

var query1 = new Ext.Panel（{

id： ′querypanel1′，

layout： ′column′，

border： false，

items： [

{xtype：′label′，width：10}，

{xtype：′label′，width：60，text：′項目編號：′}，

{id： ′query_xmbh′，width：140

，xtype： ′textfield′

，enableKeyEvents：true

，initEvents：function（）{

var keyPress=function（e）{

if（e.getKey（）==e.ENTER）{

query（）； } }；

this.el.on（"keypress"，keyPress，this）；

}}，

…

，{xtype：′label′，width：10}

，{ width："60"，

layout： ′form′，

border： false，

labelAlign ： ′right′，

items： [{

xtype： ′button′

，text： ′查詢′

，tooltip： {title：′查詢′，text：′

根據(jù)您設(shè)置的條件查詢結(jié)果′}

，iconCls： ′find′

，enableKeyEvents： true

，handler： query

，scope ： this

}]}

，{ width："60"，

layout： ′form′，

border： false，

labelAlign ： ′right′，

items： [{

xtype： ′button′

，text： ′重置′

，tooltip： {title：′重置′，text：′清空您設(shè)置的條件查詢結(jié)果′}

，iconCls： ′reset′

，enableKeyEvents： true

，handler： reset

，scope ： this

} ] }

] } ）；

…

3 結(jié) 語

采用Ext+SSH集成架構(gòu)開發(fā)的科研管理信息系統(tǒng)，結(jié)構(gòu)清晰，快速高效，可維護性和靈活性較高。目前該系統(tǒng)已在西安交通大學(xué)科研院的科研管理工作中得到了應(yīng)用，體現(xiàn)了“人性化操作”的設(shè)計理念，充分兼顧了校領(lǐng)導(dǎo)、科研管理人員、教師等用戶的不同需求，實現(xiàn)了與校園信息化平臺的其他應(yīng)用系統(tǒng)對接，提升了學(xué)?？蒲泄芾砟芰退?。

參考文獻

[1] 邵雄凱，楊京濤.基于Struts，Spring和Hibernate的集成框架研究[J].軟件導(dǎo)刊，2007（23）：25?28.

[2] 張瑋，陳為.基于Struts+Spring+Hibernate框架的探討與研究[J].長春大學(xué)學(xué)報，2006（12）：75?80.

[3] 王曉燕，宋紹云.Ext的組件體系結(jié)構(gòu)研究[J].電腦知識與技術(shù)，2011（9）：1999?2002.

[4] 田建偉，黎曦，劉瀟瀟，等.基于Ext和SSH開發(fā)架構(gòu)的電力生產(chǎn)信息系統(tǒng)的研究與應(yīng)用[J].湖南電力，2014（2）：16?19.

[5] 郭永樂，劉列根，張宇.基于輕量級框架構(gòu)建Web應(yīng)用[J].電子技術(shù)應(yīng)用，2007（4）：78?90.

[6] 王淵，懷自國，羅怡桂.基于Ext+Spring+Hibernate的Web系統(tǒng)開發(fā)架構(gòu)的研究與應(yīng)用[J].計算機與現(xiàn)代化，2009（12）：78?81.

[7] 于湛麟，李仲秋，任永昌.SSH框架實現(xiàn)MVC架構(gòu)的電子商務(wù)軟件平臺[J].計算機技術(shù)與發(fā)展，2012（10）：169?172.