一种基于JQuery框架的Web查询视图方法【
技术领域：
】[0001]一种基于JQuery框架的Web查询视图方法主要涉及计算机数据库方面领域。【
背景技术：
】[0002]随着信息化的发展和进步，计算机软件开发的需求和规模也在不断地扩大，而软件开发又是一个很复杂的过程，导致开发成本高，为了简化软件开发过程，提高程序开发效率，常常需要使用一些框架等中间件技术。现在已经有相当多的中间件技术，例如:EJB、Spring、Hibernate等,从中选择合适的技术来设计项目，对于优化软件、提高质量具有很重要作用。本发明结合JQuery框架技术,阐述该框架设计和实现查询组件的过程及JQuery框架在软件项目中的应用及其功能特性。大部分软件系统都需要数据查询这一功能，开发人员往往会将同一框架系统的查询功能抽象成一个公用模块,这样可以节省成本、提高工作效率、降低维护难度。Web查询视图的主要功能包括:数据显示、数据格式化、数据排序、翻页、数据选择、显示字段定制、每页纪录数指定、数据导出。[0003]查询视图是一个复用性很强的功能，相对于普通软件模块来说，除了要完成其基本功能，还要考虑它的通用性和灵活性，只有这样才能发挥其更大的使用价值。JavaWeb查询视图要应用到大部分的JavaWeb应用程序中，因此查询视图的主体设计思想是数据显示采用Struts2和JQuery来实现,它接受Collect1n集合数据；数据查询实现方式取决于实际系统技术框架，从而提高功能代码的复用性。[0004]【
发明内容】通过国家专利检索没有发现关于此系统方面的申请资料。[0005]为了增加查询试图的灵活性和复用性，JQuery框架提供了一个TableFacadelmpl接口类，通过该接口可以根据查询好的数据生成显示数据表格的HTML页面代码，同时该接口会自动记录下查询相关的状态信息。TableFacadeImpl接13提供了许多接口制定查询所需的基本属性，比如表头设置、记录数设置、排序等。[0006]JQuery的具体方法是:1.设置表头字段属性的实现代码:publicclassQueryTableFaeadelmplextendsTableFaeadelmpl{//继承JQuery接口?Override//实现TableFaeadelmpl接口的setColumnPropenies方法设置表头字段publicvoidsetColumnProperties(StringeolumnProperties){//接收动态参数//对表头按需要做相应处理super.setColumnProperties(properties)；//调用父类继续处理}}。[0007]2.数据记录主体设置的实现代码:?Override//实现TableFaeadelmpl接口的render方法制定和生成数据表格显示的代码pubicStringrender(){//方法返回的是数据表格显示的代码字符串Tabletable=this.getTable();//获得表格实体Il下面可以设置表格实体的各个属性，如表头字段、记录数、页数、数据等HtmlBowhtmlRow=(HtmlRow)table.getBow()；htmlRow.setOnmouseout(newQueryMouseRowEvent())；htmlRow.setOnmouseover(newQueryMouseRowEvent())；returnsuper,render()；//调用父类方法获取数据表格显示代码1[0008]JQuery具体操作方法是:在Struts2Web框架下整合JQuery,将数据显示到页面上的实现过程和方法。Struts2框架要调用QueryTableFacadelmpl中的render方法将查询显示的HTML代码显示到页面上，主要有以下3个核心过程:(1)功能封装；Struts2页面框架提供了一套机制，可以将常用功能封装成标签，便于在页面上使用。考虑到查询视图模块在工程中的频繁使用，将其封装成查询标签，使得查询在页面上更容易使用。下面列出部分关键代码:〈tag〉//查询表头标签制定；<name>query-head</name>//指定标签引用名称；〈tag—class>org.jiet.alqe.query.stmts2.view.jsp.u1.HeadTag</tag—class〉//执行类；〈/tag〉；〈tag〉//查询表格标签制定；<name>query—table〈/name>；〈tag—class>org.jict.alqe.query.stmts2.dew.jsp.u1.TableTag</tag—class>；〈/tag〉；(2)页面查询定制；为了在页面上实现查询数据的显示，可以通过Struts2框架把查询标签引入到相应页面。因为查询的过程制成了标签，所以总的来说制定页面查询要简单许多。下面是页面查询实现的关键代码:<%Otaglibpretlx=”alqc”uri="/alqc-tags"%>//引入组件；〈alqe:query-head/〉//查询表头；〈alqe:query_tableurl=”%{requestURL}，，id=，，%{queryld},,/>//查询表格数据显示。[0009](3)JQueryAJAX查询调用；这是JQuery查询的一个关键点，页面触发服务器查询就是通过其提供的AJAX接口去实现，通过它去请求服务器进行数据查询获取查询数据的HTML代码并将其映射到页面进行显示。下面是JQuery框架AJAX查询调用模型代码:〈scriptlanguage=“Javascript，，>；$.get(url+parameterString,funct1n(dam)；{//调用JQuery的get方法$(’渺+id),html(dam);//映射返回的数据到页面上});</script>。【主权项】1.一种基于JQuery框架的Web查询视图方法其主要特征是设置表头字段属性和数据记录主体设置。2.根据权利要求1中设置表头字段属性其代码是:publicclassQueryTableFaeadelmplextendsTableFaeadelmpl{//继承JQuery接口；◎Override//实现TableFaeadelmpl接口的setColumnPropenies方法设置表头字段；publicvoidsetColumnProperties(String…eolumnProperties){//接收动态参数//对表头按需要做相应处理；super.setColumnProperties(properties);//调用父类继续处理}}。3.根据权利要求1中数据记录主体设置其代码是:◎Override//实现TableFaeadelmpl接口的render方法制定和生成数据表格显示的代码；pubicStringrenderO{//方法返回的是数据表格显示的代码字符串；Tabletable=this.getTable();//获得表格实体Il下面可以设置表格实体的各个属性，如表头字段、记录数、页数、数据等HtmlBowhtmlRow=(HtmlRow)table.getBowO；htmlRow.setOnmouseout(newQueryMouseRowEvent())；htmlRow.setOnmouseover(newQueryMouseRowEvent())；returnsuper,render()；//调用父类方法获取数据表格显示代码14.根据权利要求2则其主要功能是功能封装，页面查询定制，JQueryAJAX查询调用。【专利摘要】一种基于JQuery框架的Web查询视图方法是通过JQuery强化HTML与JavaScript之问的操作，同时又支持AJAX规范，为网站提供MAX交互。【IPC分类】G06F9/44,G06F17/30【公开号】CN105630795【申请号】CN201410591521【发明人】杨际荣【申请人】镇江华扬信息科技有限公司【公开日】2016年6月1日【申请日】2014年10月30日