楊利榮

西安航空職業(yè)技術(shù)學(xué)院

基于SSH框架與jQuery技術(shù)的JavaWeb開發(fā)應(yīng)用

楊利榮

西安航空職業(yè)技術(shù)學(xué)院

SSH框架，即Struts2+Spring+Hibernate是目前JavaWeb開發(fā)中業(yè)界流行的一種開源框架技術(shù)，能提高系統(tǒng)的可擴(kuò)展性和可維護(hù)性。但由于該結(jié)構(gòu)在工作運(yùn)行時會將Java代碼與HTML代碼混合在一起，因此給程序員造成了不便和困擾。本文即試從結(jié)合工作過程中所得到的實(shí)際經(jīng)驗(yàn)與理論知識，基于SSH框架提出HTML+CSS+jQuery的表現(xiàn)層技術(shù)，使網(wǎng)頁的內(nèi)容與功能形成分類，“各司其職”，以便系統(tǒng)結(jié)構(gòu)部分之間順利地完成協(xié)同工作，更好得實(shí)現(xiàn)Ajax效果。

SSH框架 jQuery技術(shù) JavaWeb開發(fā)應(yīng)用

隨著網(wǎng)絡(luò)通信以及計(jì)算機(jī)技術(shù)的不斷發(fā)展，基于SSH框架（即Struts2+Spring+Hibernate）的開源框架技術(shù)成為JavaWeb開發(fā)中的主流技術(shù)之一，極大的在簡化網(wǎng)絡(luò)通信系統(tǒng)的開發(fā)過程的同時提高了系統(tǒng)的可擴(kuò)展性和可維護(hù)性。本文即對基于SSH框架與jQuery技術(shù)的JavaWeb開發(fā)展開了研究。

1 系統(tǒng)使用技術(shù)概述

1.1 SSH框架概述

所謂SSH框架，指的是Struts2+Spring+Hibernate，它是基于輕量級框架技術(shù)而產(chǎn)生的Web主流應(yīng)用程序中的一個集成框架，主要分為表示層、邏輯層、數(shù)據(jù)層以及模塊層。運(yùn)行流程為：表示層主要完成數(shù)據(jù)的接受請求以及傳送響應(yīng)工作，最后送至Action處進(jìn)行處理；業(yè)務(wù)層將處理好的數(shù)據(jù)或者代碼進(jìn)行邏輯處理，是系統(tǒng)對數(shù)據(jù)識別變得更加清晰和準(zhǔn)確，并保證數(shù)據(jù)的完整性；持久層則依賴于Hibernate的對象化映射和數(shù)據(jù)庫交互，處理DAO組件請求的數(shù)據(jù)，并返回處理結(jié)果；模塊層則在以上三者中協(xié)助運(yùn)行，保證系統(tǒng)運(yùn)行的流暢。

1.2 jQuery技術(shù)特點(diǎn)及概述

jQuery技術(shù)，由John Resig所創(chuàng)建，該技術(shù)增強(qiáng)了JavaScript設(shè)計(jì)模式的靈活性和功能性。它除了具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口的特點(diǎn)外，還可以對CSS選擇其進(jìn)行擴(kuò)展，并可兼容各種主流瀏覽器，可以實(shí)現(xiàn)快速獲取文檔元素、提供HTML頁面動態(tài)效果、創(chuàng)建AJAX無刷新網(wǎng)頁、增強(qiáng)事件處理等多種功能。

1.3 JavaWeb中的Ajax技術(shù)

Ajax并不是新研發(fā)的一種通信技術(shù)，是基于一種全新的視角將傳統(tǒng)的JavaScript工具進(jìn)行替換，提出一種基于JavaScript的Web技術(shù)處理方案，通過為用戶提供無刷新的動態(tài)數(shù)據(jù)交換等功能成功改善JavaScript復(fù)雜的文檔對象模型、不同的網(wǎng)頁瀏覽器以及冗雜的調(diào)試工具的缺點(diǎn)，并加大程度的提升了用戶界面的更新速度，改善了用戶的使用體驗(yàn)。

2 jQuery技術(shù)在JavaWeb應(yīng)用中的研究分析

2.1 HTML頁面代碼的設(shè)計(jì)及實(shí)現(xiàn)代碼

案例分析：假設(shè)在實(shí)際的開發(fā)過程中，前臺都由三部分構(gòu)成，即HTML頁面、CSS頁面以及jQuery頁面。以系統(tǒng)其中的注冊模塊為例，該模塊由一個三級級聯(lián)的模塊完成（即先選擇角色信息，再選擇地域信息，最后選擇詳細(xì)地域信息），這里用jQuery來實(shí)現(xiàn)Ajax效果，樣式文件如下：

2.2 jQuery代碼的設(shè)計(jì)及實(shí)現(xiàn)代碼

以下add.js的代碼。

$(function(){

disabledByRole()；//當(dāng)頁面完成DOM加載后觸發(fā)disabledByRole()函數(shù)。

//獲取二級地域信息，該函數(shù)完成從后臺數(shù)據(jù)庫取出地域數(shù)據(jù)。

function getCityList(){

var url=“getCityList．a(chǎn)ction”：

//，獲取三級詳細(xì)地域信息，該函數(shù)根據(jù)二級地域信息的名稱來從數(shù)據(jù)庫獲取相應(yīng)的詳細(xì)數(shù)據(jù)信息。

function getCounly LislByCity(){

//根據(jù)一級信息的選擇來選擇相應(yīng)二級以及三級信息的數(shù)據(jù)，除此之外，還可以進(jìn)一步在角色選擇頁面加入權(quán)限設(shè)置。

3 結(jié)束語

隨著科學(xué)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)通信技術(shù)也將日臻完善和成熟，更多更好的開源框架技術(shù)將會被逐漸的創(chuàng)建與開發(fā)出來，本文是基于SSH框架來對jQuery技術(shù)進(jìn)行研究，并將其在框架內(nèi)的具體作用和功能進(jìn)行闡述和分析，從視圖層的角度上進(jìn)行闡述和分析，并未在邏輯層及業(yè)務(wù)層進(jìn)行深入的挖掘和探索，因而仍需要更多計(jì)算機(jī)領(lǐng)域的專家學(xué)者進(jìn)行調(diào)研論證，本文僅做拋磚引玉之用。

[1]李剛.truts2權(quán)威指南——基于WebWork核心的MVC開發(fā)[M].北京：電子工業(yè)出版社,2007：47—86

[2]孫衛(wèi)琴.精通Hibernate：Java對象持久化技術(shù)詳解[M]北京：電子工業(yè)出版社,2005：38-69

[3]單東林,張曉菲,魏然.鋒利的jQuery[M].北京：人民郵電出版社,2009：35-42

楊利榮，1979—，陜西華陰人，西安航空職業(yè)技術(shù)學(xué)院軟件技術(shù)專業(yè)教師。研究方向：JavaWeb開發(fā)、Android應(yīng)用開發(fā)。