一種基于JQuery框架的Web查詢視圖方法【
技術領域：
】[0001]一種基于JQuery框架的Web查詢視圖方法主要涉及計算機數(shù)據(jù)庫方面領域。【
背景技術：
】[0002]隨著信息化的發(fā)展和進步，計算機軟件開發(fā)的需求和規(guī)模也在不斷地擴大，而軟件開發(fā)又是一個很復雜的過程，導致開發(fā)成本高，為了簡化軟件開發(fā)過程，提高程序開發(fā)效率，常常需要使用一些框架等中間件技術?，F(xiàn)在已經(jīng)有相當多的中間件技術，例如:EJB、Spring、Hibernate等,從中選擇合適的技術來設計項目，對于優(yōu)化軟件、提高質(zhì)量具有很重要作用。本發(fā)明結合JQuery框架技術,闡述該框架設計和實現(xiàn)查詢組件的過程及JQuery框架在軟件項目中的應用及其功能特性。大部分軟件系統(tǒng)都需要數(shù)據(jù)查詢這一功能，開發(fā)人員往往會將同一框架系統(tǒng)的查詢功能抽象成一個公用模塊,這樣可以節(jié)省成本、提高工作效率、降低維護難度。Web查詢視圖的主要功能包括:數(shù)據(jù)顯示、數(shù)據(jù)格式化、數(shù)據(jù)排序、翻頁、數(shù)據(jù)選擇、顯示字段定制、每頁紀錄數(shù)指定、數(shù)據(jù)導出。[0003]查詢視圖是一個復用性很強的功能，相對于普通軟件模塊來說，除了要完成其基本功能，還要考慮它的通用性和靈活性，只有這樣才能發(fā)揮其更大的使用價值。JavaWeb查詢視圖要應用到大部分的JavaWeb應用程序中，因此查詢視圖的主體設計思想是數(shù)據(jù)顯示采用Struts2和JQuery來實現(xiàn),它接受Collect1n集合數(shù)據(jù)；數(shù)據(jù)查詢實現(xiàn)方式取決于實際系統(tǒng)技術框架，從而提高功能代碼的復用性。[0004]【
發(fā)明內(nèi)容】通過國家專利檢索沒有發(fā)現(xiàn)關于此系統(tǒng)方面的申請資料。[0005]為了增加查詢試圖的靈活性和復用性，JQuery框架提供了一個TableFacadelmpl接口類，通過該接口可以根據(jù)查詢好的數(shù)據(jù)生成顯示數(shù)據(jù)表格的HTML頁面代碼，同時該接口會自動記錄下查詢相關的狀態(tài)信息。TableFacadeImpl接13提供了許多接口制定查詢所需的基本屬性，比如表頭設置、記錄數(shù)設置、排序等。[0006]JQuery的具體方法是:1.設置表頭字段屬性的實現(xiàn)代碼:publicclassQueryTableFaeadelmplextendsTableFaeadelmpl{//繼承JQuery接口?Override//實現(xiàn)TableFaeadelmpl接口的setColumnPropenies方法設置表頭字段publicvoidsetColumnProperties(StringeolumnProperties){//接收動態(tài)參數(shù)//對表頭按需要做相應處理super.setColumnProperties(properties)；//調(diào)用父類繼續(xù)處理}}。[0007]2.數(shù)據(jù)記錄主體設置的實現(xiàn)代碼:?Override//實現(xiàn)TableFaeadelmpl接口的render方法制定和生成數(shù)據(jù)表格顯示的代碼pubicStringrender(){//方法返回的是數(shù)據(jù)表格顯示的代碼字符串Tabletable=this.getTable();//獲得表格實體Il下面可以設置表格實體的各個屬性，如表頭字段、記錄數(shù)、頁數(shù)、數(shù)據(jù)等HtmlBowhtmlRow=(HtmlRow)table.getBow()；htmlRow.setOnmouseout(newQueryMouseRowEvent())；htmlRow.setOnmouseover(newQueryMouseRowEvent())；returnsuper,render()；//調(diào)用父類方法獲取數(shù)據(jù)表格顯示代碼1[0008]JQuery具體操作方法是:在Struts2Web框架下整合JQuery,將數(shù)據(jù)顯示到頁面上的實現(xiàn)過程和方法。Struts2框架要調(diào)用QueryTableFacadelmpl中的render方法將查詢顯示的HTML代碼顯示到頁面上，主要有以下3個核心過程:(1)功能封裝；Struts2頁面框架提供了一套機制，可以將常用功能封裝成標簽，便于在頁面上使用?？紤]到查詢視圖模塊在工程中的頻繁使用，將其封裝成查詢標簽，使得查詢在頁面上更容易使用。下面列出部分關鍵代碼:〈tag〉//查詢表頭標簽制定；<name>query-head</name>//指定標簽引用名稱；〈tag—class>org.jiet.alqe.query.stmts2.view.jsp.u1.HeadTag</tag—class〉//執(zhí)行類；〈/tag〉；〈tag〉//查詢表格標簽制定；<name>query—table〈/name>；〈tag—class>org.jict.alqe.query.stmts2.dew.jsp.u1.TableTag</tag—class>；〈/tag〉；(2)頁面查詢定制；為了在頁面上實現(xiàn)查詢數(shù)據(jù)的顯示，可以通過Struts2框架把查詢標簽引入到相應頁面。因為查詢的過程制成了標簽，所以總的來說制定頁面查詢要簡單許多。下面是頁面查詢實現(xiàn)的關鍵代碼:<%Otaglibpretlx=”alqc”uri="/alqc-tags"%>//引入組件；〈alqe:query-head/〉//查詢表頭；〈alqe:query_tableurl=”%{requestURL}，，id=，，%{queryld},,/>//查詢表格數(shù)據(jù)顯示。[0009](3)JQueryAJAX查詢調(diào)用；這是JQuery查詢的一個關鍵點，頁面觸發(fā)服務器查詢就是通過其提供的AJAX接口去實現(xiàn)，通過它去請求服務器進行數(shù)據(jù)查詢獲取查詢數(shù)據(jù)的HTML代碼并將其映射到頁面進行顯示。下面是JQuery框架AJAX查詢調(diào)用模型代碼:〈scriptlanguage=“Javascript，，>；$.get(url+parameterString,funct1n(dam)；{//調(diào)用JQuery的get方法$(’渺+id),html(dam);//映射返回的數(shù)據(jù)到頁面上});</script>?！局鳈囗棥?.一種基于JQuery框架的Web查詢視圖方法其主要特征是設置表頭字段屬性和數(shù)據(jù)記錄主體設置。2.根據(jù)權利要求1中設置表頭字段屬性其代碼是:publicclassQueryTableFaeadelmplextendsTableFaeadelmpl{//繼承JQuery接口；◎Override//實現(xiàn)TableFaeadelmpl接口的setColumnPropenies方法設置表頭字段；publicvoidsetColumnProperties(String…eolumnProperties){//接收動態(tài)參數(shù)//對表頭按需要做相應處理；super.setColumnProperties(properties);//調(diào)用父類繼續(xù)處理}}。3.根據(jù)權利要求1中數(shù)據(jù)記錄主體設置其代碼是:◎Override//實現(xiàn)TableFaeadelmpl接口的render方法制定和生成數(shù)據(jù)表格顯示的代碼；pubicStringrenderO{//方法返回的是數(shù)據(jù)表格顯示的代碼字符串；Tabletable=this.getTable();//獲得表格實體Il下面可以設置表格實體的各個屬性，如表頭字段、記錄數(shù)、頁數(shù)、數(shù)據(jù)等HtmlBowhtmlRow=(HtmlRow)table.getBowO；htmlRow.setOnmouseout(newQueryMouseRowEvent())；htmlRow.setOnmouseover(newQueryMouseRowEvent())；returnsuper,render()；//調(diào)用父類方法獲取數(shù)據(jù)表格顯示代碼14.根據(jù)權利要求2則其主要功能是功能封裝，頁面查詢定制，JQueryAJAX查詢調(diào)用。【專利摘要】一種基于JQuery框架的Web查詢視圖方法是通過JQuery強化HTML與JavaScript之問的操作，同時又支持AJAX規(guī)范，為網(wǎng)站提供MAX交互。【IPC分類】G06F9/44,G06F17/30【公開號】CN105630795【申請?zhí)枴緾N201410591521【發(fā)明人】楊際榮【申請人】鎮(zhèn)江華揚信息科技有限公司【公開日】2016年6月1日【申請日】2014年10月30日