easyUI快速入门第七讲——SSH+MySQL+easyUI实现CRM系统中客户管理模块的CRUD操作（一）

心已赠人 2023-05-29 03:18 119阅读 0赞

本讲的主旨：使用SSH框架+MySQL数据库+easyUI前端框架实现CRM系统中客户信息管理这一模块中的增删改查操作。

# 搭建开发环境 #

## 创建web项目，引入jar包 ##

创建一个web项目，例如easyui，并引入相关的jar包，那到底引入哪些jar包呢？相信你看过我的这篇文章——[《Spring入门第十讲——Hibernate-5.0.7+Struts-2.3.24+Spring-4.2.4三大框架整合开发》][Spring_Hibernate-5.0.7_Struts-2.3.24_Spring-4.2.4]的话，就知道应该要引入哪些jar包了。总体来讲，你可能需要导入如下43个jar包。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70]

## 创建数据库和表 ##

创建一个数据库，例如s2sh\_crm，并在该数据库下新建一张客户表，这里笔者使用的数据库是MySQL。

create database s2sh_crm;
    use s2sh_crm;
    
    CREATE TABLE `cst_customer` (
    	`cust_id` bigint(32) NOT NULL AUTO_INCREMENT COMMENT '客户编号(主键)',
    	`cust_name` varchar(32) NOT NULL COMMENT '客户名称(公司名称)',
    	`cust_source` varchar(32) DEFAULT NULL COMMENT '客户信息来源',
    	`cust_industry` varchar(32) DEFAULT NULL COMMENT '客户所属行业',
    	`cust_level` varchar(32) DEFAULT NULL COMMENT '客户级别',
    	`cust_phone` varchar(64) DEFAULT NULL COMMENT '固定电话',
    	`cust_mobile` varchar(16) DEFAULT NULL COMMENT '移动电话',
    	PRIMARY KEY (`cust_id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

## 引入相关的配置文件 ##

### Struts2框架所须的配置文件 ###

首先，创建Struts2的核心配置文件，该核心配置文件的位置是在src目录下面，名称是struts.xml，一开始该文件的内容肯定是空的。

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd">
    
    <struts>
    	
    	<constant name="struts.action.extension" value="action" />
    	
    </struts>

然后，配置Struts2的核心过滤器，即在web.xml配置文件中添加如下配置。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 1]

### Spring框架所须的配置文件 ###

在Spring整合Hibernate框架的时候，我们可以不用创建Hibernate的核心配置文件，至于其里面的数据库连接的配置信息（包括数据库驱动类的全名称、要连接的数据库、用户名以及密码等）可以抽取到一个属性文件（例如jdbc.properties）当中，而且该属性文件应位于项目的src目录下。

jdbc.driverClass=com.mysql.jdbc.Driver
    jdbc.url=jdbc:mysql:///s2sh_crm
    jdbc.username=root
    jdbc.password=liayun

然后，在Spring配置文件（例如applicationContext.xml）中引入外部的jdbc.properties属性文件。

在以上applicationContext.xml文件中，可以看到咱们的项目使用的是C3P0连接池，连接池对象中所使用到的配置信息都来自于src目录下的jdbc.properties属性文件当中。  
接着，就要使用Spring中的核心监听器（即ContextLoaderListener）来整合web项目了。咋整合呢？在web.xml文件中配置Spring中的核心监听器（即ContextLoaderListener），这样在服务器启动的时候，它就会加载Spring的配置文件了，并且还要手动配置让其加载类路径下的配置文件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 2]  
最后，还要记得在src目录下引入Log4j的配置文件（log4j.properties）哟！也就是日志记录文件，该文件内容如下：

### direct log messages to stdout ###
    log4j.appender.stdout=org.apache.log4j.ConsoleAppender
    log4j.appender.stdout.Target=System.err
    log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
    log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n
    
    ### direct messages to file mylog.log ###
    log4j.appender.file=org.apache.log4j.FileAppender
    log4j.appender.file.File=c\:mylog.log
    log4j.appender.file.layout=org.apache.log4j.PatternLayout
    log4j.appender.file.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n
    
    ### set log levels - for more verbose logging change 'info' to 'debug' ###
    # error warn info debug trace
    log4j.rootLogger= info, stdout

## 创建相关的包结构 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 3]

## 创建后台管理页面 ##

想一想，之前我们是不是使用`<frameset>`和`<frame>`这两个标签来布局一个页面的，但现在我们可以使用easyUI这个前端框架来布局页面了，当然了，前提是得在我们的项目中导入easyUI所需的样式和js。首先，在所在项目的WebContent目录下新建一个index.html页面，它就是CRM系统的后台管理页面。

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    
    <link rel="stylesheet" type="text/css" href="./themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./themes/icon.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
    <style type="text/css"> /* 自己定义的样式，去掉超链接的下划线 */ .menuA { text-decoration:none; } </style>
    <script type="text/javascript"> $(function() { $(".menuA").click(function() { //1. 在点击各分类面板里面的超链接时，要得到超链接里面的文本内容，例如客户管理、联系人管理等 var textContent = this.innerHTML;//this指的是JavaScript对象 //2. 获得到超链接请求的url路径，这个url路径很重要，因为待会要从这个url路径处获取响应数据 var url = this.href; //3. 创建一个选项卡。由于创建一个选项卡的代码比较多，所要这里可以抽取成一个函数，并将超链接里面的文本内容与url路径传递到该函数中 createTabs(textContent, url); //4. 点击超链接时，由于它总会跳转，但在这里我们要让其不能跳转 return false; }); }); //创建选项卡面板的函数 function createTabs(textContent, url) { //判断选项卡面板是否存在？ var flag = $("#tt").tabs("exists", textContent); if (flag) { //如果已经存在该选项卡面板了，那么就让其被选中 $('#tt').tabs("select", textContent); } else { //如果不存在该选项卡面板，那么创建一个新的选项卡面板 $('#tt').tabs('add',{ title:textContent, //content:'XXXXXX管理数据', //content:url, //这个地方不能写成这样，这个地方必须得是一个请求，因为选项卡面板里面的内容是要从超链接请求的url路径处响应回来的 content:createUrl(url), closable:true }); } } function createUrl(url) { /* * <iframe>标签的应用，可以在任何的一个地方都能用，它就是页面里面的一块区域。 * 经常有人用<iframe>标签隐式提交一些东西，他往<iframe>标签里面放个表单啥的，然后把<iframe>标签隐藏掉，你在页面上看不着， * 然后它也向后台提交数据了！ */ return "<iframe src='" + url + "' style='border:0px;width:100%;height:95%'></iframe>"; } </script>
    </head>
    <body>
    	
    	<div id="cc" class="easyui-layout" data-options="fit:true">   
    		
    	    <div data-options="region:'north',title:'CRM管理系统',split:true" style="height:100px;"></div>   
    	    <div data-options="region:'west',title:'系统菜单',split:true" style="width:200px;">
    	    	
    	    	<div id="aa" class="easyui-accordion" data-options="fit:true">   
    			    <div title="客户管理" data-options="iconCls:'icon-save',selected:true" style="overflow:auto;padding:10px;">   
    			    	<a href="customer.html" class="menuA">客户管理</a>
    			    </div>   
    			    <div title="联系人管理" data-options="iconCls:'icon-reload'" style="padding:10px;">   
    			    	<a href="linkman.html" class="menuA">联系人管理</a>
    			    </div>   
    			    <div title="拜访记录管理" data-options="iconCls:'icon-reload'">   
    			    	<a href="#" class="menuA">拜访记录管理</a>
    			    </div>
    			    <div title="统计分析" data-options="iconCls:'icon-reload'">   
    			    	<a href="#" class="menuA">统计分析</a>
    			    </div>
    			    <div title="系统管理" data-options="iconCls:'icon-reload'">   
    			    	<a href="#" class="menuA">系统管理</a>
    			    </div>
    			</div>
    	    </div>   
    	    <div data-options="region:'center',title:''" style="padding:5px;background:#eee;">
    	    	<div id="tt" class="easyui-tabs" data-options="fit:true">   
    			    <div title="数据区域" data-options="closable:true" style="padding:20px;display:none;">   
    			       	 欢迎来到CRM管理系统
    			    </div>
    			</div>
    	    </div>   
    	</div> 
    </body>
    </html>

然后，在所在项目的WebContent目录下再新建一个customer.html页面和一个linkman.html页面。

*  customer.html页面的内容如下：
    
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="UTF-8">
        <title>Insert title here</title>
        </head>
        <body>
            客户管理的数据。。。。。。（待会要用easyUI中的datagrid组件来显示客户信息列表的数据）
        </body>
        </html>
 *  linkman.html页面的内容如下：
    
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="UTF-8">
        <title>Insert title here</title>
        </head>
        <body>
            联系人管理的数据。。。。。。。
        </body>
        </html>

不要跟我说，你不会创建CRM系统的后台管理页面，那你不是白学了easyUI，如果你还真不会，那么请看我前几讲的博客。

# 实现客户管理模块中分页查询客户列表的功能 #

## 准备工作 ##

在正式编写代码实现客户管理模块中分页查询客户列表的功能之前，我们得做一些准备工作，因为这个功能实现起来不是一蹴而就的。

### 创建Customer实体类及其对应的映射配置文件 ###

首先，在com.meimeixia.crm.domain包下创建一个Customer实体类及其相对应的映射配置文件。

*  Customer实体类
    
        package com.meimeixia.crm.domain;
        
        public class Customer { 
        	
        	private Long cust_id;
        	private String cust_name;
        	private String cust_source;
        	private String cust_industry;
        	private String cust_level;
        	private String cust_phone;
        	private String cust_mobile;
        	
        	public Long getCust_id() { 
        		return cust_id;
        	}
        	public void setCust_id(Long cust_id) { 
        		this.cust_id = cust_id;
        	}
        	public String getCust_name() { 
        		return cust_name;
        	}
        	public void setCust_name(String cust_name) { 
        		this.cust_name = cust_name;
        	}
        	public String getCust_source() { 
        		return cust_source;
        	}
        	public void setCust_source(String cust_source) { 
        		this.cust_source = cust_source;
        	}
        	public String getCust_industry() { 
        		return cust_industry;
        	}
        	public void setCust_industry(String cust_industry) { 
        		this.cust_industry = cust_industry;
        	}
        	public String getCust_level() { 
        		return cust_level;
        	}
        	public void setCust_level(String cust_level) { 
        		this.cust_level = cust_level;
        	}
        	public String getCust_phone() { 
        		return cust_phone;
        	}
        	public void setCust_phone(String cust_phone) { 
        		this.cust_phone = cust_phone;
        	}
        	public String getCust_mobile() { 
        		return cust_mobile;
        	}
        	public void setCust_mobile(String cust_mobile) { 
        		this.cust_mobile = cust_mobile;
        	}
        	
        }
 *  Customer.hbm.xml
    
        <?xml version="1.0" encoding="UTF-8"?>
        <!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD 3.0//EN" "http://www.hibernate.org/dtd/hibernate-mapping-3.0.dtd">
        	
        <hibernate-mapping>
        	
        	<class name="com.meimeixia.crm.domain.Customer" table="cst_customer">
        		
        		<id name="cust_id" column="cust_id">
        			
        			<generator class="native" />
        		</id>
        		
        		
        		<property name="cust_name" column="cust_name" />
        		<property name="cust_source" column="cust_source" />
        		<property name="cust_industry" column="cust_industry" />
        		<property name="cust_level" column="cust_level" />
        		<property name="cust_phone" column="cust_phone" />
        		<property name="cust_mobile" column="cust_mobile" />
        	</class>
        </hibernate-mapping>

然后，我们就要把客户实体类相对应的映射配置文件交给Spring来管理了。咋一个管理法呢？这必然就涉及到Spring整合Hibernate框架了，在Spring整合Hibernate框架的时候，我们是可以不用创建Hibernate的核心配置文件的，但是要把Hibernate核心配置文件中的基本信息配置和映射文件的引入放到Spring配置文件中进行配置。

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd">
    	
    	
    	<context:property-placeholder location="classpath:jdbc.properties" />
    	
    	<bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
    		<property name="driverClass" value="${jdbc.driverClass}" />
    		<property name="jdbcUrl" value="${jdbc.url}" />
    		<property name="user" value="${jdbc.username}" />
    		<property name="password" value="${jdbc.password}" />
    	</bean>
    	
    	
    	
    	<bean id="sessionFactory" class="org.springframework.orm.hibernate5.LocalSessionFactoryBean">
    		
    		
    		
    		
    		<property name="dataSource" ref="dataSource" />
    		
    		<property name="hibernateProperties">
    		
    			
    			<props>
    				
    				<prop key="hibernate.dialect">org.hibernate.dialect.MySQLDialect</prop>
    				
    				<prop key="hibernate.show_sql">true</prop>
    				
    				<prop key="hibernate.format_sql">true</prop>
    				
    				<prop key="hibernate.hbm2ddl.auto">update</prop>
    			</props>
    		</property>
    		
    			
    		<property name="mappingResources">
    			
    			<list>
    				<value>com/meimeixia/crm/domain/Customer.hbm.xml</value>
    			</list>
    		</property>
    	</bean>
    	
    </beans>

### 创建相关的类（接口） ###

首先创建web层相关的类，即在com.meimeixia.crm.web.action包下创建一个CustomerAction类，但仅在其中注入service。

package com.meimeixia.crm.web.action;
    
    import com.meimeixia.crm.domain.Customer;
    import com.meimeixia.crm.service.CustomerService;
    import com.opensymphony.xwork2.ActionSupport;
    import com.opensymphony.xwork2.ModelDriven;
    
    public class CustomerAction extends ActionSupport implements ModelDriven<Customer> { 
    	
    	//模型驱动使用的对象
    	private Customer customer = new Customer();
    
    	@Override
    	public Customer getModel() { 
    		return customer;
    	}
    	
    	//注入service
    	private CustomerService customerService;
    
    	public void setCustomerService(CustomerService customerService) { 
    		this.customerService = customerService;
    	}
    	
    }

然后，创建service层相关的类或接口。

*  先在com.meimeixia.crm.service包下创建一个CustomerService接口，一开始该接口中并没有声明任何方法，如下：
    
        package com.meimeixia.crm.service;
        
        public interface CustomerService { 
        
        }
 *  再在com.meimeixia.crm.service.impl包下编写以上接口的一个实现类——CustomerSeviceImpl.java，但仅在其中注入dao。
    
        package com.meimeixia.crm.service.impl;
        
        import com.meimeixia.crm.dao.CustomerDao;
        import com.meimeixia.crm.service.CustomerService;
        
        public class CustomerServiceImpl implements CustomerService { 
        	
        	private CustomerDao customerDao;
        
        	public void setCustomerDao(CustomerDao customerDao) { 
        		this.customerDao = customerDao;
        	}
        	
        }

接着，创建dao层相关的类或接口。

*  先在com.meimeixia.crm.dao包下创建一个CustomerDao接口，一开始该接口中并没有声明任何方法，如下：
    
        package com.meimeixia.crm.dao;
        
        public interface CustomerDao { 
        
        }
 *  再在com.meimeixia.crm.dao.impl包下编写以上接口的一个实现类——CustomerDaoImpl.java。
    
        package com.meimeixia.crm.dao.impl;
        
        import org.springframework.orm.hibernate5.support.HibernateDaoSupport;
        import com.meimeixia.crm.dao.CustomerDao;
        
        public class CustomerDaoImpl extends HibernateDaoSupport implements CustomerDao { 
        
        }

最后，我们不要忘了在Spring配置文件中对以上类进行配置，即将这些相关的类交给Spring来管理。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 4]

## 编写web层 ##

首先，我们需要在customer.html页面中使用datagrid组件以表格的形式来展示客户信息列表数据，所以，customer.html页面得修改成下面这个样子。

从以上HTML页面的内容中可以看出，又使用到了datagrid组件的两个属性，如下列表所示。  
![在这里插入图片描述][20191102192010170.png]  
然后，通过datagrid组件自带的url属性来发送一个Ajax请求，以此来请求数据，相应地，我们就要在后台程序中处理这个请求了。一般而言，在实现分页查询XXX列表的功能时，都会创建一个封装分页数据的实体类。这里，我们也不例外，在com.meimeixia.crm.domain包下创建一个这样子的实体类。

package com.meimeixia.crm.domain;
    
    import java.util.List;
    
    public class PageBean<T> { 
    	
    	private Integer currentPage;	//当前页数
    	private Integer pageSize;		//每页显示的记录数
    	private Integer totalCount;		//总记录数
    	private Integer totalPage;		//总页数
    	
    	private List<T> list;			//每页查询到的数据的集合，要用到泛型，也即查客户，list里面装的是客户，查联系人，list里面装的是联系人
    
    	public Integer getCurrentPage() { 
    		return currentPage;
    	}
    
    	public void setCurrentPage(Integer currentPage) { 
    		this.currentPage = currentPage;
    	}
    
    	public Integer getPageSize() { 
    		return pageSize;
    	}
    
    	public void setPageSize(Integer pageSize) { 
    		this.pageSize = pageSize;
    	}
    
    	public Integer getTotalCount() { 
    		return totalCount;
    	}
    
    	public void setTotalCount(Integer totalCount) { 
    		this.totalCount = totalCount;
    	}
    
    	public Integer getTotalPage() { 
    		return totalPage;
    	}
    
    	public void setTotalPage(Integer totalPage) { 
    		this.totalPage = totalPage;
    	}
    
    	public List<T> getList() { 
    		return list;
    	}
    
    	public void setList(List<T> list) { 
    		this.list = list;
    	}
    	
    }

接着，我们就要在CustomerAction类中编写一个分页查询客户列表的方法了。在该方法中，需要接收分页查询的参数，这里最好使用离线条件查询对象（即DetachedCriteria对象），因为用了它之后，在我们底层Hibernate模板调用的时候，直接就可以进行分页查询了，而且后期咱们如果要进行条件查询（条件查询还能带分页），那么使用DetachedCriteria这个对象将会变得异常方便。在编写该方法的过程中，或许你还会遇到一个问题，调用业务层的服务查询出来的必然是一个封装了分页数据的PageBean对象，但是后台响应回前台的数据只需要包括数据的总记录数和数据列表信息就可以，其具体的响应数据的格式应该像下面这样。

{ 
    	//数据的总记录数
    	"total": 7,
    	//当前页需要显示的数据列表信息
    	"rows": [{ 
    		"cust_id": 1,
    		"cust_industry": "服务行业",
    		"cust_level": "演员",
    		"cust_mobile": "123",
    		"cust_name": "来福",
    		"cust_phone": "129",
    		"cust_source": "中国"
    	}, { 
    		"cust_id": 2,
    		"cust_industry": "军事行业",
    		"cust_level": "军人",
    		"cust_mobile": "321",
    		"cust_name": "李云龙",
    		"cust_phone": "123",
    		"cust_source": "李家庄"
    	}, { 
    		"cust_id": 3,
    		"cust_industry": "互联网行业",
    		"cust_level": "技术",
    		"cust_mobile": "123",
    		"cust_name": "阿昀",
    		"cust_phone": "13490900000",
    		"cust_source": "美美侠"
    	}]
    }

问题是如何把一个封装了分页数据的PageBean对象转成像上面这样的一个还算是复杂的JSON对象，并将其响应给前台，因为最终返回给前台的就是这样一个JSON对象格式的数据。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 5]  
我们可以在项目中使用json-lib或者fastjson来进行转换，但在这里我会使用json-lib，使用它时会有一个不好的地方，就是导包导的比较多，至于fastjson这个东东，在后续的项目实战中我会介绍到。所以，我们要在项目中导入JSON依赖的必要jar包，如下图所示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 6]  
使用json-lib，主要是使用json-lib中的三个常用类，它们分别是：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 7]  
仔细瞧瞧后台响应回前台的具体的数据格式，不难想到这是从一个Map集合转换而成的，所以，我们可以使用PageBean对象构建一个Map集合，然后再使用JSONObject类转成这样一个JSON对象格式的数据。

package com.meimeixia.crm.web.action;
    
    import java.io.IOException;
    import java.util.HashMap;
    import java.util.Map;
    
    import org.apache.struts2.ServletActionContext;
    import org.hibernate.criterion.DetachedCriteria;
    
    import com.meimeixia.crm.domain.Customer;
    import com.meimeixia.crm.domain.PageBean;
    import com.meimeixia.crm.service.CustomerService;
    import com.opensymphony.xwork2.ActionSupport;
    import com.opensymphony.xwork2.ModelDriven;
    
    import net.sf.json.JSONObject;
    
    public class CustomerAction extends ActionSupport implements ModelDriven<Customer> { 
    	
    	//模型驱动使用的对象
    	private Customer customer = new Customer();
    
    	@Override
    	public Customer getModel() { 
    		return customer;
    	}
    	
    	//注入service
    	private CustomerService customerService;
    
    	public void setCustomerService(CustomerService customerService) { 
    		this.customerService = customerService;
    	}
    	
    	//接收分页查询的两个请求参数
    	//其实我们接收的是当前的页数和每页显示的记录数，这两个值在easyUI中已经有了规定，page代表当前的页数，rows代表每页显示的记录数
    	private Integer page = 1;
    	private Integer rows = 3;
    	
    	public void setPage(Integer page) { 
    		this.page = page;
    	}
    	public void setRows(Integer rows) { 
    		this.rows = rows;
    	}
    
    	public String findAll() throws IOException { 
    		DetachedCriteria detachedCriteria = DetachedCriteria.forClass(Customer.class);
    		//在这里还可以在web层来设置条件
    		//...
    		
    		//调用业务层去查询
    		PageBean<Customer> pageBean = customerService.findByPage(detachedCriteria, page, rows);
    		//现在得把PageBean对象转成一个还算是复杂的JSON对象，并将其响应给前台了，因为最终返回给前台的就是这样一个JSON对象格式的数据
    		//这儿，得使用json-lib或者fastjson来进行转换
    		Map<String, Object> map = new HashMap<String, Object>();
    		map.put("total", pageBean.getTotalCount());
    		map.put("rows", pageBean.getList());
    		//只需要把上面这个Map集合转成一个JSON对象格式的数据就可以了，怎么转呢？可以使用JSONObject类来转
    		JSONObject jsonObject = JSONObject.fromObject(map);
    		ServletActionContext.getResponse().setContentType("text/html;charset=UTF-8");
    		ServletActionContext.getResponse().getWriter().println(jsonObject.toString());
    		return NONE;
    	}
    	
    }

在CustomerAction类中编写完分页查询客户列表的方法之后，我们还要记得在Struts2配置文件中（即struts.xml）对该Action类进行配置，就像下面这样：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 8]

## 编写service层 ##

首先，在CustomerService接口中添加一个分页查询客户列表的方法声明，如下：

package com.meimeixia.crm.service;
    
    import org.hibernate.criterion.DetachedCriteria;
    
    import com.meimeixia.crm.domain.Customer;
    import com.meimeixia.crm.domain.PageBean;
    
    public interface CustomerService { 
    
    	PageBean<Customer> findByPage(DetachedCriteria detachedCriteria, Integer page, Integer rows);
    
    }

然后，在以上接口的一个实现类（CustomerServiceImpl.java）中去实现分页查询客户列表的方法。

package com.meimeixia.crm.service.impl;
    
    import java.util.List;
    
    import org.hibernate.criterion.DetachedCriteria;
    
    import com.meimeixia.crm.dao.CustomerDao;
    import com.meimeixia.crm.domain.Customer;
    import com.meimeixia.crm.domain.PageBean;
    import com.meimeixia.crm.service.CustomerService;
    
    public class CustomerServiceImpl implements CustomerService { 
    	
    	private CustomerDao customerDao;
    
    	public void setCustomerDao(CustomerDao customerDao) { 
    		this.customerDao = customerDao;
    	}
    
    	@Override
    	public PageBean<Customer> findByPage(DetachedCriteria detachedCriteria, Integer page, Integer rows) { 
    		PageBean<Customer> pageBean = new PageBean<Customer>();
    		pageBean.setCurrentPage(page);
    		pageBean.setPageSize(rows);
    		Integer totalCount = customerDao.findCount(detachedCriteria);
    		pageBean.setTotalCount(totalCount);
    		double tc = totalCount;
    		Double num = Math.ceil(tc / rows);
    		pageBean.setTotalPage(num.intValue());
    		Integer begin = (page - 1) * rows;
    		List<Customer> list = customerDao.findByPage(detachedCriteria, begin, rows);
    		pageBean.setList(list);
    		return pageBean;
    	}
    	
    }

## 编写dao层 ##

首先，在CustomerDao接口中添加一个统计客户记录数的方法声明和一个分页查询客户列表的方法声明，如下：

package com.meimeixia.crm.dao;
    
    import java.util.List;
    
    import org.hibernate.criterion.DetachedCriteria;
    
    import com.meimeixia.crm.domain.Customer;
    
    public interface CustomerDao { 
    
    	Integer findCount(DetachedCriteria detachedCriteria);
    
    	List<Customer> findByPage(DetachedCriteria detachedCriteria, Integer begin, Integer rows);
    
    }

然后，在以上接口的一个实现类（CustomerDaoImpl.java）中去实现上面的两个方法。

package com.meimeixia.crm.dao.impl;
    
    import java.util.List;
    
    import org.hibernate.criterion.DetachedCriteria;
    import org.hibernate.criterion.Projections;
    import org.springframework.orm.hibernate5.support.HibernateDaoSupport;
    
    import com.meimeixia.crm.dao.CustomerDao;
    import com.meimeixia.crm.domain.Customer;
    
    public class CustomerDaoImpl extends HibernateDaoSupport implements CustomerDao { 
    
    	@Override
    	public Integer findCount(DetachedCriteria detachedCriteria) { 
    		detachedCriteria.setProjection(Projections.rowCount());
    		List<Long> list = (List<Long>) this.getHibernateTemplate().findByCriteria(detachedCriteria);
    		if (list.size() > 0) { 
    			return list.get(0).intValue();
    		}
    		return null;
    	}
    
    	@Override
    	public List<Customer> findByPage(DetachedCriteria detachedCriteria, Integer begin, Integer rows) { 
    		detachedCriteria.setProjection(null);
    		return (List<Customer>) this.getHibernateTemplate().findByCriteria(detachedCriteria, begin, rows);
    	}
    
    }

至此，分页查询客户列表的功能，我们就已经算是实现了，至于测试的话，我就不再这里测试了（偷懒了），反正是好使的！

[Spring_Hibernate-5.0.7_Struts-2.3.24_Spring-4.2.4]: https://blog.csdn.net/yerenyuan_pku/article/details/100577375
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191102172329269.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191102172338637.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191102172347955.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191102175059569.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191102191958872.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[20191102192010170.png]: https://img-blog.csdnimg.cn/20191102192010170.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20191103165403397.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20191103165413701.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20191103165423390.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20191103165431597.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U=,size_16,color_FFFFFF,t_70