宅急送项目第四天取派员和区域管理

最新推荐文章于 2018-04-26 20:25:34 发布

csdn_AF

最新推荐文章于 2018-04-26 20:25:34 发布

阅读量1.9k

点赞数

分类专栏：宅急送项目文章标签：项目杂记 poi

本文链接：https://blog.csdn.net/CSDN_AF/article/details/70504574

版权

宅急送项目专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在第三天课程中，重点 Easy UI的 datagrid ， UI框架自带数据表格插件 

Datagrid ： 主要功能显示，自带分页查询、 条件查询、 排序 

EasyUI 、ExtJs、Flex 通常基于json格式数据，强大表格控件，支持xml格式的数据 

PS : Jquery 插件 jqGrid  （自学一下，效果EasyUI datagrid完成类似 ）

1. 取派员管理

主要管理，取派货物快递人员信息

1.1. 取派员添加操作

为取派员选择使用标准（多表关联）
/WEB-INF/pages/base/staff.jsp 取派员管理页面

这里写图片描述

1.1.1. 添加取派员时，选择已经存在取派标准

Struts2 学习 <s:select> 生成下拉列表

通用解决方案： Ajax 获取收派标准列表，显示select下拉列表
步骤：
1、客户端发起Ajax请求

$.post("${pageContext.request.contextPath}/standard_ajaxlist.action",function(data){
});

2、服务器处理数据，获得结果

在StandardAction 添加 ajaxlist 方法
业务查询所有正常使用标准 deltag = 0 ，带有条件查询，使用NamedQuery

<query name="Standard.ajaxlist">
        <![CDATA[from Standard where deltag = '0']]>
</query>

3、服务器将处理结果转换jso// 将处理结果转换json返回

ActionContext.getContext().put(“standards”, standards);struts.xml

<!-- 收派标准 ajax列表  -->
<result name="ajaxlistSUCCESS" type="json">
    <param name="root">standards</param>
    <param name="includeProperties">
        \[\d+\]\.id,
        \[\d+\]\.name
    </param>
</result>

通过 FireBug 进行抓包调试

4、服务器返回数据后，执行Ajax 回调函数

// jquery
$(data).each(function(){
    var option = $("<option value='"+this.id+"'>"+this.name+"</option>");
    $("#standardList").append(option);
});

以上代码被EasyUI combobox控件简化

<input class="easyui-combobox"  data-options="url:'${pageContext.request.contextPath}/standard_ajaxlist.action'
,valueField:'id',textField:'name'" />

url ：获得json数据路径， valueField 就是返回json中哪个属性生成option的value属性，textField 返回json中哪个属性生成option的文本信息！

1.1.2. 添加收派标准功能

<!-- 目标model 是 Staff， 提供 setStandard 方法， 在Standard中提供 setId 的方法 -->
<input class="easyui-combobox"  name="standard.id"      data-options="url:'${pageContext.request.contextPath}/standard_ajaxlist.action',valueField:'id',textField:'name'" />

standard.id 属性意义，封装 model 中 standard属性的 id属性
model 提供 setStandard 方法
standard 类提供 setId 方法

// 为保存按钮添加 点击事件
$('#save').click(function(){
    // 进行form 校验
    if($('#staffForm').form('validate')){
        // 通过校验
        $('#staffForm').submit();
    }else{
        // 校验失败 
        $.messager.alert('警告','表单存在非法数据项，请重新输入','warning');
    }
});

服务器编写，对应每个数据表（相同model）编写一个单独Action ： StaffAction

public class StaffAction extends BaseAction implements ModelDriven<Staff> {
}
public interface StaffService {
}
public class StaffServiceImpl extends BaseService implements StaffService {
}

将StaffDAO 注入 BaseService
将StaffService 注入 BaseAction

@Override
public void saveOrUpdate(Staff staff) {
    staffDAO.saveOrUpdate(staff);
}

统一配置 struts.xml applicationContext-action –service –dao.xml

1.2. 取派员列表分页查询

使用通用分页组件 PageRequestBean 和 PageResponseBean
将datagrid的 url换掉，服务器返回特定格式json数据

{
    total : 总记录数,
    rows: [当前页数据] 
}

$('#grid').datagrid( {
            url : "${pageContext.request.contextPath}/staff_pageQuery.action",
});

在服务器StaffAction 提供pageQuery的方法 — 实现分页查询

这里写图片描述

<!-- 分页列表查询 -->
<result name="pageQuerySUCCESS" type="json">
    <param name="root">pageResponseBean</param>         
    <param name="includeProperties">
        total,
        rows\[\d+\]\.id,
        rows\[\d+\]\.name,
        rows\[\d+\]\.telephone,
        rows\[\d+\]\.station,
        rows\[\d+\]\.haspda,
        rows\[\d+\]\.deltag,
        rows\[\d+\]\.standard\.name
    </param>
</result>

1.3. 取派员分页查询代码重构优化

优化法则：将重复代码进行抽取，不同代码部分可以作为方法参数（获得回调函数传入方法的）

优化步骤：

第一步：将分页查询代码抽取
StandardServiceImpl 和 StaffServiceImpl的 pageQuery代码很相似，抽取将重复代码放入 BaseService

这里写图片描述

实现类代码简化


@Override
public PageResponseBean pageQuery(PageRequestBean pageRequestBean) {
    return pageQuery(pageRequestBean, staffDAO);
}

第二步：接口分离

这里写图片描述

public interface StaffService extends PageQuery {
}

第三步：Action将请求参数封装PageRequestBean
BaseAction 代码抽取

这里写图片描述

Action 子类

// 条件对象
DetachedCriteria detachedCriteria = 
    DetachedCriteria.forClass(Staff.class);
PageRequestBean pageRequestBean = 
    initPageRequestBean(detachedCriteria);

1.4. 取派员修改操作

双击修改，为表格数据行，添加双击事件

这里写图片描述

基于datagrid 修改，直接使用数据表格内部缓存数据，进行form 回显

为了select 下拉框回显
修改查询列表result

这里写图片描述

在页面回显form数据

这里写图片描述

修改操作，可以使用 saveOrUpdate 方法！！！

昨天：修改标准时，主键策略 uuid （自动生成策略），如果id 不为null，默认执行update操作
今天：修改取派员，主键策略 assigned (委派策略), 服务器会生成查询语句，先根据id 查询，如果存在 update，如果不存在 save

问题：使用生成策略，能否在update修改前执行

sele<class name="cn.itcast.bos.domain.bc.Staff" table="bc_staff" catalog="bos" select-before-update="true">

管理，作废功能
在checkbox 两端，添加form，提交form 所有勾选checkbox 自动提交

<form action="${pageContext.request.contextPath }/staff_delBatch.action" method="post">
    <div region="center" border="false">
        <table id="grid"></table>
    </div>
</form>

页面控制选中提交

// 作废操作 
function doDelete(){
    // 先判断 用户是否选择
    var array = $('#grid').datagrid('getSelections'); 
    if(array.length == 0){
        $.messager.alert('警告','删除前必须选择！','warning');
    }else{
        $('#delForm').submit();
    }
}

在服务器 StaffAction 添加 delBatch 方法

@Override
public void delBatch(String[] ids) {
    // 修改每个id 对应 取派员 deltag 为 1
    for (String id : ids) {
        Staff staff = staffDAO.findById(id);
        staff.setDeltag("1");
    }
}

2. 区域管理模块

区域管理，自然行政区域信息管理，不依赖任何数据，区域信息在分区管理模块使用！
分析区域信息 Region 类

这里写图片描述

区域管理增加、修改、删除 —- 留作作业！！

重点学习：区域信息批量导入
（文件上传、 Excel解析技术点）

2.1. Excel读写操作

2.1.1. 简介 Apache POI

使用Apache POI 完成Excel读写操作

Apache POI 是用Java编写的免费开源的跨平台的 Java API，Apache POI提供API给Java程式对Microsoft Office格式档案读和写的功能。

http://poi.apache.org/ 下载POI的jar包，包括以下内容

这里写图片描述

Excel 2003之前 xls 格式文件， Excel2007 文件格式 xlsx ，如果解析Excel，先分清Excel文件版本，如果2003之前，使用HSSF API进行解析、如果 2007 Excel 使用 XSSF 进行解析

今天重点学习： HSSF 的 Excel解析（针对Excel 2003 之前版本）
下载 POI 3.9 的jar 包，完成Excel 读写操作

这里写图片描述

docs POI使用文档（javadoc文档、规范文档）
学习API ：推荐 POI3.5_HSSF_和XSSF_Excel操作快速入门手册.pdf

lib ：相关jar包
ooxml-lib ：解析2007 Office版本文件jar 包

开发POI 最简单方式，导入 poi-3.9-20121203.jar 一个jar包就可以了

2.1.2. 将POI 导入项目

在pom.xml 导入坐标

<dependency>
    <groupId>org.apache.poi</groupId>
    <artifactId>poi</artifactId>
    <version>3.9</version>
</dependency>

2.1.3. 使用POI 读写Excel

参考： “POI整理.doc” 进行企业开发
编写代码，完成Excel解析和生成

解析步骤：

Excel文件 ---- HSSFWorkbook 工作薄对象 ---- Sheet --- Row 行--- Cell 单元格

解析时要注意，如果Excel单元格的数据，使用numeric 格式保存，不能使用 getStringCellValue 进行读取，使用 getNumericCellValue 进行读取

可以在Excel 设置单元格数据保存格式为文本类型，使用 getStringCellValue 进行读取

这里写图片描述

// 1、 获得 HSSFWorkbook (针对 xls格式文件 )
HSSFWorkbook hssfWorkbook = new HSSFWorkbook(new FileInputStream("info.xls"));

// 2、获得要解析sheet
HSSFSheet sheet = hssfWorkbook.getSheet("Sheet1"); // 通过名称获得Sheet
HSSFSheet sheet2 = hssfWorkbook.getSheetAt(0);// 获得第一个Sheet，通过下标获得

// 3、解析Sheet中每一行
for (Row row : sheet) {
    // 遍历 sheet中每一行
    // 4、 打印行 中单元格数据
    for (Cell cell : row) {
        // 判断单元格数据类型
        if (cell.getCellType() == Cell.CELL_TYPE_STRING) {
            System.out.println(cell.getStringCellValue());
        } else if (cell.getCellType() == Cell.CELL_TYPE_NUMERIC) {
            System.out.println(cell.getNumericCellValue());
        }
    }

    // 打印指定单元格的值
    System.out.println(row.getCell(1).getStringCellValue());// 打印每行第二个单元格的内容
}

生成一个Excel文件：

写Workbook 工作薄 — 写Sheet — 写Row 行 — 写Cell 单元格

// 1、 创建 一个空的工作薄
HSSFWorkbook hssfWorkbook = new HSSFWorkbook();

// 2、 在工作薄建立 Sheet
HSSFSheet sheet = hssfWorkbook.createSheet("数据信息");

// 3、 向sheet写入行数据
HSSFRow row = sheet.createRow(0);// 创建第一行数据

// 4、 向row中单元格进行数据输出
row.createCell(0).setCellValue("产品");
row.createCell(1).setCellValue("价格");

// 5、 将Excel 数据输出到硬盘上
hssfWorkbook.write(new FileOutputStream("c:/test.xls"));