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


    转自:https://blog.csdn.net/eson_15/article/details/51332758  

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

    1. json环境的搭建
            json环境搭建很简单,导入json的jar包即可,如下:
    ---------------------
    作者:eson_15
    来源:CSDN
    原文:https://blog.csdn.net/eson_15/article/details/51332758?utm_source=copy
    版权声明:本文为博主原创文章,转载请附上博文链接!

    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:

     1 @Controller("baseAction")
     2 @Scope("prototype")
     3 public class BaseAction<T> extends ActionSupport implements RequestAware,SessionAware,ApplicationAware,ModelDriven<T> {
     4  
     5     //page和rows和分页有关,pageMap存放查询的数据,然后打包成json格式用的
     6     //page和rows实现get和set方法,pageMap只需要实现get方法即可,因为pageMap不是接收前台参数的,是让struts获取的
     7     protected Integer page;
     8     protected Integer rows;
     9     protected Map<String, Object> pageMap = null;//让不同的Action自己去实现
    10         //省略get和set方法……
    11     
    12     /******************* 下面还是原来BaseAction部分 *************************/
    13     //service对象
    14     @Resource
    15     protected CategoryService categoryService;
    16     @Resource
    17     protected AccountService accountService;
    18  
    19     //域对象
    20     protected Map<String, Object> request;
    21     protected Map<String, Object> session;
    22     protected Map<String, Object> application;
    23         
    24     @Override
    25     public void setApplication(Map<String, Object> application) {
    26         this.application = application;
    27     }
    28     @Override
    29     public void setSession(Map<String, Object> session) {
    30         this.session = session;
    31     }
    32     @Override
    33     public void setRequest(Map<String, Object> request) {
    34         this.request = request;
    35     }
    36     
    37     //ModelDriven
    38     protected T model;
    39     @Override
    40     public T getModel() {
    41         ParameterizedType type = (ParameterizedType)this.getClass().getGenericSuperclass();
    42         Class clazz = (Class)type.getActualTypeArguments()[0];
    43         try {
    44             model = (T)clazz.newInstance();
    45         } catch (Exception e) {
    46             throw new RuntimeException(e);
    47         }    
    48         return model;
    49     }
    50 }

      好,完善了BaseCategory后,我们可以写categoryAction中的queryJoinAccount方法了,我们将categoryAction中原来的方法全删掉,因为那些都是之前搭建环境时候测试用的,都不用了,现在真正开始项目代码了:

     1 @Controller("categoryAction")
     2 @Scope("prototype")
     3 public class CategoryAction extends BaseAction<Category> {
     4     
     5     public String queryJoinAccount() {
     6  
     7         //用来存储分页的数据
     8         pageMap = new HashMap<String, Object>();
     9         
    10         //根据关键字和分页的参数查询相应的数据。这个方法我们在Service中写过了,当时完成级联查询
    11         List<Category> categoryList = categoryService.queryJoinAccount(model.getType(), page, rows);
    12         pageMap.put("rows", categoryList); //存储为JSON格式,从上一节的json文件可以看出,一个key是total,一个key是rows,这里先把rows存放好
    13         //根据关键字查询总记录数
    14         Long total = categoryService.getCount(model.getType()); //这个方法没写,我们等会儿去Service层完善一下
    15 //        System.out.println(total);
    16         pageMap.put("total", total); //存储为JSON格式,再把total存放好
    17  
    18         return "jsonMap";
    19     }
    20 }

    这样Action我们就写好了,现在Action拿到前台传来的参数,然后根据参数查询了指定type的总记录数,以及指定type的所有商品,并且按照json中指定的key(即total和rows)进行存放,放在HashMap中了,之后只要将这个HashMap中的数据打包成json格式发送到前台就可以被DataGrid显示了。我们先把这个HashMap放这,先去完善了Service层的代码后,再来打包这个HashMap中的数据。

    3. 完善categoryService
            从上面的categoryAction中可知,需要在categoryService中增加一个getCount方法,并且要在具体实现类中实现好,实现如下:

     1 //CategoryService接口
     2 public interface CategoryService extends BaseService<Category> {
     3     //查询类别信息,级联管理员
     4     public List<Category> queryJoinAccount(String type, int page, int size); //使用类别的名称查询
     5     //根据关键字查询总记录数
     6     public Long getCount(String type);
     7 }
     8  
     9 //CategoryServiceImpl实现类
    10 @SuppressWarnings("unchecked")
    11 @Service("categoryService")
    12 public class CategoryServiceImpl extends BaseServiceImpl<Category> implements CategoryService {
    13  
    14     @Override
    15     public List<Category> queryJoinAccount(String type, int page, int size) {
    16         String hql = "from Category c left join fetch c.account where c.type like :type";
    17         return getSession().createQuery(hql)
    18                 .setString("type", "%" + type + "%")
    19                 .setFirstResult((page-1) * size) //从第几个开始显示
    20                 .setMaxResults(size) //显示几个
    21                 .list();
    22     }
    23  
    24     @Override
    25     public Long getCount(String type) {
    26         String hql = "select count(c) from Category c where c.type like :type";
    27         return (Long) getSession().createQuery(hql)
    28             .setString("type", "%" + type + "%")
    29             .uniqueResult(); //返回一条记录:总记录数
    30     }
    31 }

    到现在为止,这个数据库中数据的获取这条路就打通了,前面两步完成了从前台-->数据库-->取数据,接下来就开始打包HashMap中存放的数据,然后发给前台了。

    4. 配置struts.xml
            在struts.xml中通过配置就可以完成对指定数据的打包,我们先看一下struts.xml中的配置:

     1 <struts>
     2     
     3     <constant name="struts.devMode" value="true" />
     4     
     5     <package name="shop" extends="json-default"><!-- jason-default继承了struts-default -->
     6     
     7         <global-results>
     8             <result name="aindex">/WEB-INF/main/aindex.jsp</result>
     9         </global-results>
    10  
    11         <!-- class对应的是Spring中配置该Action的id值,因为要交给Spring管理 -->
    12         <action name="category_*" class="categoryAction" method="{1}">
    13             <!-- 必须要先添加json包,然后上面继承json-default -->
    14             <result name="jsonMap" type="json">
    15                 <!-- 要转换成json对象的数据 -->
    16                 <param name="root">pageMap</param>
    17                 <!-- 配置黑名单,过滤不需要的选项 ,支持正则表达式
    18                 json格式:{total:3,rows:[{account:{id:2,login:"user",name:"客服A",pass:"user"},hot:true,id:3,…}]}
    19                 -->
    20                 <param name="excludeProperties">
    21                     <!-- rows[0].account.pass-->
    22                                         <!-- 这里显示不了正则表达式, CSDN的一个bug,我接个图放下面 -->
    23                  </param>
    24              </result>
    25         </action>
    26         
    27         <action name="account_*" class="accountAction" method="{1}">
    28             <result name="index">/index.jsp</result>
    29         </action>
    30         
    31         <!-- 用来完成系统 请求转发的action,所有的请求都交给execute-->
    32         <action name="send_*_*" class="sendAction">
    33             <result name="send">/WEB-INF/{1}/{2}.jsp</result>
    34         </action>
    35     </package>
    36  
    37 </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正确显示了:

     1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
     2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     3 <html>
     4   <head>
     5     <%@ include file="/public/head.jspf" %>
     6     <script type="text/javascript">
     7         $(function(){
     8             $('#dg').datagrid({   
     9                 //url地址改为请求categoryAction
    10                 url:'category_queryJoinAccount.action',
    11                 loadMsg:'Loading......',
    12                 queryParams:{type:''},//type参数,这里不需要传具体的type,因为我们要显示所有的
    13                 //300,
    14                 fitColumns:true,
    15                 striped:true,
    16                 nowrap:true,
    17                 singleSelect:true,
    18                 pagination:true,
    19                 rowStyler: function(index,row){
    20                     console.info("index" + index + "," + row)
    21                     if(index % 2 == 0) {
    22                         return 'background-color:#fff;';
    23                     } else {
    24                         return 'background-color:#ff0;';
    25                     }
    26                     
    27                 },        
    28                 frozenColumns:[[
    29                     {field:'checkbox',checkbox:true},
    30                     {field:'id',title:'编号',200}    //这里的field字段要和json数据中的一样             
    31                 ]],
    32                 columns:[[                       
    33                     {field:'type',title:'类别名称',100, //字段type
    34                         formatter: function(value,row,index){
    35                             return "<span title=" + value + ">" + value + "</span>";
    36                         }
    37                     },    
    38                     {field:'hot',title:'热卖',100,  //字段hot
    39                         formatter: function(value,row,index){
    40                             if(value) { //如果是hot,该值为true,value是boolean型变量
    41                                 return "<input type='checkbox' checked='checked' disabled='true'"; //勾选
    42                             } else {
    43                                 return "<input type='checkbox' disable='true'"; //不勾选
    44                             }
    45                         }
    46                     },
    47                     {field:'account.login',title:'所属管理员',200, //account.login管理员登录名
    48                         formatter: function(value,row,index){
    49                             if(row.account != null && row.account.login != null) {
    50                                 return row.account.login; //如果登录名不为空,显示登录名
    51                             } else {
    52                                 return "此类别没有管理员";
    53                             }
    54                     }    
    55                     }
    56                 ]]    
    57             }); 
    58         });
    59     </script>
    60   </head>
    61   
    62   <body>
    63       <table id="dg"></table>
    64   </body>
    65 </html>

    6.  测试显示结果

            最后我们测试一下DataGrid的显示结果,如下:

            到这里,我们成功整合了Struts2和json,现在可以和前台传输json格式的数据了。

  • 相关阅读:
    Java中equals与==异同
    CGI与WSGI
    Javazh中static的简单理解
    MySQL 4.1/5.0/5.1/5.5各版本的主要区别
    php生成随机密码的几种方法
    phpmyadmin里MySQL字符集:cp1252 West European (latin1) ,解决乱码问题
    GoogleMap API 离线版
    [转]为前端开发人员制作的 Chrome 扩展 jsbeautifier
    Google Map Tile 下载脚本
    Google 地图 API 参考
  • 原文地址:https://www.cnblogs.com/sharpest/p/9798076.html
Copyright © 2020-2023  润新知