SSH框架网上商城项目第7战之整合Struts2和Json
上篇我们完成了datagrid显示json数据,但是没有和后台联系在一起,只是单纯地显示了我们自己弄的json数据,这一节我们将json和struts2整合,打通easyui和struts2之间的交互。
1. json环境的搭建
json环境搭建很简单,导入json的jar包即可,如下:
(注:json-lib-2.4的jar包下载地址: )
2. 完善action
在datagrid控件中有个属性是url,可以指定请求数据的url地址,在上一节我们将这个地址直接设置成了一个具体的json文件,这里我们将这个url设置成一个action,如url:'category_queryjoinaccount.action',表示会去请求categoryaction的queryjoinaccount方法(文章最后会给出query.jsp的代码)。所以我们需要去完成categoryaction中的queryjoinaccount方法。
在struts2和json整合前,我们先看一下之前显示一次json数据都发了哪些请求:
因为type是category类的一个属性,我们在baseaction中已经实现了modeldriven<category>接口,所以这个type会被封装到model中,我们不需要管它,可以通过model来获取,但是easyui自动发过来的page和rows参数我们需要自己获取了,所以我们可以在basemodel中增加两个成员变量page和rows并实现get和set方法,最后还要考虑一点,这些参数都获得了后,我们根据这些参数去数据库中查询数据,那么我们查出来的数据放到哪呢?而且还要打包成json格式发到前台才能被datagrid显示。我们先不考虑将查询到的数据如何打包成json格式,我们先考虑把这些数据放到一个地方,很自然的想到了使用map,因为json格式的数据就是key-value形式的。想到这里,我们继续完善baseaction:
@controller("baseaction") @scope("prototype") public class baseaction<t> extends actionsupport implements requestaware,sessionaware,applicationaware,modeldriven<t> { //page和rows和分页有关,pagemap存放查询的数据,然后打包成json格式用的 //page和rows实现get和set方法,pagemap只需要实现get方法即可,因为pagemap不是接收前台参数的,是让struts获取的 protected integer page; protected integer rows; protected map<string, object> pagemap = null;//让不同的action自己去实现 //省略get和set方法…… /******************* 下面还是原来baseaction部分 *************************/ //service对象 @resource protected categoryservice categoryservice; @resource protected accountservice accountservice; //域对象 protected map<string, object> request; protected map<string, object> session; protected map<string, object> application; @override public void setapplication(map<string, object> application) { this.application = application; } @override public void setsession(map<string, object> session) { this.session = session; } @override public void setrequest(map<string, object> request) { this.request = request; } //modeldriven protected t model; @override public t getmodel() { parameterizedtype type = (parameterizedtype)this.getclass().getgenericsuperclass(); class clazz = (class)type.getactualtypearguments()[0]; try { model = (t)clazz.newinstance(); } catch (exception e) { throw new runtimeexception(e); } return model; } }
好,完善了basecategory后,我们可以写categoryaction中的queryjoinaccount方法了,我们将categoryaction中原来的方法全删掉,因为那些都是之前搭建环境时候测试用的,都不用了,现在真正开始项目代码了:
@controller("categoryaction") @scope("prototype") public class categoryaction extends baseaction<category> { public string queryjoinaccount() { //用来存储分页的数据 pagemap = new hashmap<string, object>(); //根据关键字和分页的参数查询相应的数据。这个方法我们在service中写过了,当时完成级联查询 list<category> categorylist = categoryservice.queryjoinaccount(model.gettype(), page, rows); pagemap.put("rows", categorylist); //存储为json格式,从上一节的json文件可以看出,一个key是total,一个key是rows,这里先把rows存放好 //根据关键字查询总记录数 long total = categoryservice.getcount(model.gettype()); //这个方法没写,我们等会儿去service层完善一下 // system.out.println(total); pagemap.put("total", total); //存储为json格式,再把total存放好 return "jsonmap"; } }
这样action我们就写好了,现在action拿到前台传来的参数,然后根据参数查询了指定type的总记录数,以及指定type的所有商品,并且按照json中指定的key(即total和rows)进行存放,放在hashmap中了,之后只要将这个hashmap中的数据打包成json格式发送到前台就可以被datagrid显示了。我们先把这个hashmap放这,先去完善了service层的代码后,再来打包这个hashmap中的数据。
3. 完善categoryservice
从上面的categoryaction中可知,需要在categoryservice中增加一个getcount方法,并且要在具体实现类中实现好,实现如下:
//categoryservice接口 public interface categoryservice extends baseservice<category> { //查询类别信息,级联管理员 public list<category> queryjoinaccount(string type, int page, int size); //使用类别的名称查询 //根据关键字查询总记录数 public long getcount(string type); } //categoryserviceimpl实现类 @suppresswarnings("unchecked") @service("categoryservice") public class categoryserviceimpl extends baseserviceimpl<category> implements categoryservice { @override public list<category> queryjoinaccount(string type, int page, int size) { string hql = "from category c left join fetch c.account where c.type like :type"; return getsession().createquery(hql) .setstring("type", "%" + type + "%") .setfirstresult((page-1) * size) //从第几个开始显示 .setmaxresults(size) //显示几个 .list(); } @override public long getcount(string type) { string hql = "select count(c) from category c where c.type like :type"; return (long) getsession().createquery(hql) .setstring("type", "%" + type + "%") .uniqueresult(); //返回一条记录:总记录数 } }
到现在为止,这个数据库中数据的获取这条路就打通了,前面两步完成了从前台-->数据库-->取数据,接下来就开始打包hashmap中存放的数据,然后发给前台了。
4. 配置struts.xml
在struts.xml中通过配置就可以完成对指定数据的打包,我们先看一下struts.xml中的配置:
<struts> <constant name="struts.devmode" value="true" /> <package name="shop" extends="json-default"><!-- jason-default继承了struts-default --> <global-results> <result name="aindex">/web-inf/main/aindex.jsp</result> </global-results> <!-- class对应的是spring中配置该action的id值,因为要交给spring管理 --> <action name="category_*" class="categoryaction" method="{1}"> <!-- 必须要先添加json包,然后上面继承json-default --> <result name="jsonmap" type="json"> <!-- 要转换成json对象的数据 --> <param name="root">pagemap</param> <!-- 配置黑名单,过滤不需要的选项 ,支持正则表达式 json格式:{total:3,rows:[{account:{id:2,login:"user",name:"客服a",pass:"user"},hot:true,id:3,…}]} --> <param name="excludeproperties"> <!-- rows[0].account.pass--> <!-- 这里显示不了正则表达式, csdn的一个bug,我接个图放下面 --> </param> </result> </action> <action name="account_*" class="accountaction" method="{1}"> <result name="index">/index.jsp</result> </action> <!-- 用来完成系统 请求转发的action,所有的请求都交给execute--> <action name="send_*_*" class="sendaction"> <result name="send">/web-inf/{1}/{2}.jsp</result> </action> </package> </struts>
从上面的配置可以看出,首先package要继承json-default,因为json-default继承了struts-default,因为在json的jar包里有个struts2-json-plugin-2.3.24.1.jar,打开即可看到里面有个struts-plugin.xml,打开即可看到json-default是继承了struts-default:
接下来我配置<result>,name是刚刚action返回的字符串,type一定要配成json。然后就是result中的参数了,首先必须要配的就是name为root的参数,这个参数要配成刚刚需要转换的hashmap对象,即我们定义的pagemap,有了这个参数的配置,struts才会将pagemap中的数据打包成json格式。然后就是配置黑名单,黑名单的意思就是告诉struts在打包的时候,哪些字段不需要打包,比如管理员密码之类的信息,由上面注释中的jason格式可以看出rows[0].account.pass表示密码字段,但是数据肯定不止一条,所以我们得用正则表达式来表示,这样所有密码都不会被打包到json中。
5. 修改query.jsp内容
到此,我们已经将数据打包成了json格式了,接下来我们完善一下前台query.jsp的内容就可以让datagrid正确显示了:
<%@ page language="java" import="java.util.*" pageencoding="utf-8"%> <!doctype html public "-//w3c//dtd html 4.01 transitional//en"> <html> <head> <%@ include file="/public/head.jspf" %> <script type="text/javascript"> $(function(){ $('#dg').datagrid({ //url地址改为请求categoryaction url:'category_queryjoinaccount.action', loadmsg:'loading......', queryparams:{type:''},//type参数,这里不需要传具体的type,因为我们要显示所有的 //width:300, fitcolumns:true, striped:true, nowrap:true, singleselect:true, pagination:true, rowstyler: function(index,row){ console.info("index" + index + "," + row) if(index % 2 == 0) { return 'background-color:#fff;'; } else { return 'background-color:#ff0;'; } }, frozencolumns:[[ {field:'checkbox',checkbox:true}, {field:'id',title:'编号',width:200} //这里的field字段要和数据库中的一样,也就是要跟json数据中的一样 ]], columns:[[ {field:'type',title:'类别名称',width:100, //字段type formatter: function(value,row,index){ return "<span title=" + value + ">" + value + "</span>"; } }, {field:'hot',title:'热卖',width:100, //字段hot formatter: function(value,row,index){ if(value) { //如果是hot,该值为true,value是boolean型变量 return "<input type='checkbox' checked='checked' disabled='true'"; //勾选 } else { return "<input type='checkbox' disable='true'"; //不勾选 } } }, {field:'account.login',title:'所属管理员',width:200, //account.login管理员登录名 formatter: function(value,row,index){ if(row.account != null && row.account.login != null) { return row.account.login; //如果登录名不为空,显示登录名 } else { return "此类别没有管理员"; } } } ]] }); }); </script> </head> <body> <table id="dg"></table> </body> </html>
6. 测试显示结果
最后我们测试一下datagrid的显示结果,如下:
到这里,我们成功整合了struts2和json,现在可以和前台传输json格式的数据了。
(注:到最后我会提供整个项目的源码下载!欢迎大家收藏或分享)
原文地址:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。