【SSH网上商城项目实战07】Struts2和Json的整合

上一节我们完成了DataGrid显示jason数据，但是没有和后台联系在一起，只是单纯地显示了我们自己弄的json数据，这一节我们将json和Struts2整合，打通EasyUI和Struts2之间的交互。

1. json环境的搭建

json环境搭建很简单，导入json的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格式的数据了。

（注：到最后我会针对此项目申请博客专栏，并提供整个项目的源码下载！欢迎大家收藏或关注）

_____________________________________________________________________________________________________________________________________________________

-----乐于分享，共同进步！

-----更多文章请看：http://blog.csdn.net/eson_15

时间： 2024-08-07 04:31:25

【SSH网上商城项目实战07】Struts2和Json的整合的相关文章

【SSH网上商城项目实战27】域名空间的申请和项目的部署及发布

前面陆陆续续的完成了网上商城的一些基本功能,虽然还有很多地方有待完善,但是不影响项目的部署和发布,我们可以先来玩一把,这一节主要介绍下域名空间的申请以及项目的部署和发布流程. 1. 域名空间的申请 作为一个伟大的屌丝,肯定没钱买域名空间,很自然的想到去申请个免费的,现在免费的域名空间也很多,我在福佳jsp技术网上申请了一个试用期是15天的,大家也可以去申请个玩玩,反正作为学习,这已经足够了,当然,如果要长期的肯定要付费的.注册过程我截几个图,如下: 然后下一步,最后开通如下: 建议把上面这些信息

【SSH网上商城项目实战16】Hibernate的二级缓存处理首页的热门显示

网上商城首页都有热门商品,那么这些商品的点击率是很高的,当用户点击某个热门商品后需要进入商品的详细信息页面,就像淘宝里面那样.那么每次点击都要去后台查询一下该商品的详细信息,就会发送相应的sql语句,每次刷新一下详细页面也会发sql语句,这样的话,性能肯定会受到很大的影响.那么使用Hibernate的二级缓存就可以解决这个问题. 有些人可能会想,我们可以使用重定向,这样的话,在用户第一次访问的时候把信息查出来放到session中,以后每次用户刷新就可以去session中拿了,这样就不用去数据库中

【SSH网上商城项目实战21】从Demo中看易宝支付的流程

这一节我们先写一个简单点的Demo来测试易宝支付的流程,熟悉这个流程后,再做实际的开发,因为是一个Demo,所以我没有考虑一些设计模式的东西,就是直接实现支付功能.实现支付功能需要易宝给我们提供的API.那么问题来了,使用第三方支付平台最主要的一件事就是获取该平台的API,我们首先得获取他们的API以及开发文档,然后才可以做进一步的开发. 1. 获取易宝的API 获取API的第一步,要在易宝上注册一个账号,这个账号是商家的账号,后面买家付款后,会将钱款存入该账号中,然后商家自己提取到银行卡,易宝

【SSH网上商城项目实战25】使用java email给用户发送邮件

当用户购买完商品后,我们应该向用户发送一封邮件,告诉他订单已生成之类的信息,邮箱地址是从用户的基本信息中获取,好了,首先我们来看一下Java中发送邮件的方法. 1. java中发送email的方法     在完善这个项目之前,先来回顾一下java中是如何发送邮件的,首先肯定需要发送邮件的jar包:mail.jar,导入到lib目录下,好了,下面我们先写一个普通的java程序来回顾一下java email的知识点: public class SendEmailDemo { public stati

【SSH网上商城项目实战20】在线支付平台的介绍

之前已经完成了首页的显示,用户添加购物车,确认订单等功能,下面就是支付功能的开发了.用户确认了订单后会直接跳转到支付页面进行在线支付,在线支付需要第三方的接口,这一节主要介绍一些关于第三方支付的内容,从下一节开始,我们真正开发在线支付模块. 1. 在线支付介绍 在线支付是指卖方与买方通过因特网上的电子商务网站进行交易时,银行为其提供网上资金结算服务的一种业务.它为企业和个人提供了一个安全.快捷.方便的电子商务应用环境和网上资金结算工具.在线支付不仅帮助企业实现了销售款项的快速归集,缩短收款周期,

【SSH网上商城项目实战13】Struts2实现文件上传功能

上一节我们做完了添加和更新商品的功能,这两个部分里有涉及到商品图片的上传,并没有详细解说.为此,这篇文章详细介绍一下Struts2实现文件上传的功能. 1. 封装文件信息 我们首先得有一个Model来封装文件的信息,这个Model里需要有三个属性:文件.文件类型和文件名.针对我们要传的图片,我们新建一个Model如下: public class FileImage { private File file; private String contentType; private String fi

【SSH网上商城项目实战24】Struts2中如何处理多个Model请求

1. 问题的提出 Struts2中如果实现了ModelDriven<model>接口就可以将传来的参数注入到model中了,就可以在Action中使用该model,但是如果现在有两个model都需要在同一个Action中使用该咋整呢?比如上一节我们完成了在线支付功能,但是支付完成了还没结束,我们需要接收从第三方那边反馈回来的信息,比如成功支付后,我们需要给付款方发送邮件和短信等.所以我们还需要在payAction中获取从第三方传过来的参数,由于从第三方传过来的参数与我们传过去的参数是不同的,所

【SSH网上商城项目实战29】使用JsChart技术在后台显示商品销售报表

这个项目终于接近尾声了,注册功能我就不做了,关于注册功能我的另一篇博客详细的介绍了一下注册的表单验证,可以直接把功能加到本项目中,修改一下相关的跳转即可,就不再做了.另外,目前这个项目只有action层和service层,dao层我还没抽取,做完这个报表,我把dao层抽取一下,再对整个项目做个总结,差不多就可以上传源码了,到时候欢迎大家下载~ 这一节主要做一下最后一个功能:使用JsChart这个工具来显示商品的销售报表,JsChart是很好用的一款制作报表的工具,之所以好用,是因为它的官方实例做

【SSH网上商城项目实战18】过滤器实现购物登录功能的判断

上一节我们做完了购物车的基本操作,但是有个问题是:当用户点击结算时,我们应该做一个登录的判断,判断用户有没有登录,没有登录的话,得首先让用户登录.这就用到了过滤器的技术了,过滤器是专门拦截页面请求的,它与拦截器的原理差不多,拦截器是专门拦截Action请求的,所以各有所用,如果直接是页面的跳转,不经过Action的话,我们只要写一个拦截器即可,如果需要跳转到一个Action处理,那么我们就得写一个拦截器. 1. 登录跳转的原理 先说一下实现原理:写一个过滤器,在web.xml中配置一下需要拦截的