Excel文件导入导出实战(3)-xml模板文件的上传下载

模板文件放在了E:\poi\web_excel_demo\web\template\student.xml；

代码：

<?xml version="1.0" encoding="UTF-8"?>
<excel id="student" code="student" name="学生信息导入">
<colgroup>
<col index="A" width='17em'></col>
<col index="B" width='17em'></col>
<col index="C" width='17em'></col>
<col index="D" width='17em'></col>
<col index="E" width='17em'></col>
<col index="F" width='17em'></col>
</colgroup>
<title>
<tr height="16px">
<td rowspan="1" colspan="6" value="学生信息导入" />
</tr>
</title>
<thead>
<tr height="16px">
<th value="编号" />
<th value="姓名" />
<th value="年龄" />
<th value="性别" />
<th value="出生日期" />
<th value=" 爱好" />
</tr>
</thead>
<tbody>
<tr height="16px" firstrow="2" firstcol="0" repeat="5">
<td type="string" isnullable="false" maxlength="3" /><!--用户编号 -->
<td type="string" isnullable="false" maxlength="50" /><!--姓名 -->
<td type="numeric" format="##0" isnullable="false" /><!--年龄 -->
<td type="enum" format="男,女" isnullable="true" /><!--性别 -->
<td type="date" isnullable="false" maxlength="30" /><!--出生日期 -->
<td type="enum" format="足球,篮球,乒乓球" isnullable="true" /><!--爱好 -->
</tr>
</tbody>
</excel>

我们要做的就是实现解析这个XML文件，并将其作为Excel模板，实现模板的上传下载功能。

我们先从数据导入开始，这个就叫importData-{method},我们完成其struts2.xml的配置：

<!--数据导入-->
<action name="importdata-*" class="com.huangteng.demo.action.importDataAction" method="{1}">
<result>/jsp/importList.jsp</result>
</action>

我这次会非常详细的将过程记录下拉，总结一下。

首先我们从数据库开始，建立相关的表。



我们建立两张新表，t_importdata,t_importdatadetail.
在model中建立实体类，属性关联对应表的字段并提供get/set方法：

importdata:



importdatadetail:



首先我们要实现上传一个模板Excel到数据库之后我们能在主页面看到相关的信息，我们现在表t_importdata里面随便插入一条测试数据。

然后开始写页面的jsp.

html代码：



js代码:

/**
*	初始化数据表格
*/
$('#t_importdata').datagrid({
idField:'id' ,
title:'数据列表' ,
fit:true ,
height:450 ,
url:'importdata-list' ,
fitColumns:true ,
striped: true ,					//隔行变色特性
loadMsg: '数据正在加载,请耐心的等待...' ,
rownumbers:true ,
frozenColumns:[[				//冻结列特性 ,不要与fitColumns 特性一起使用
{
field:'ck' ,
width:50 ,
checkbox: true
}
]],
columns:[[
{
field:'importid' ,
title:'主表id' ,
width:100 ,
hidden:true
},{
field:'importDataType' ,
title:'数据类型' ,
width:100 ,
sortable : true
},{
field:'importDate' ,
title:'导入时间' ,
width:100 ,
sortable : true
},{
field:'importStatus' ,
title:'导入标志' ,
width:100 ,
formatter:function(value , record , index){
if(value == 1){
return '导入成功' ;
} else if( value == 0){
return '导入失败' ;
}
}
},{
field:'handleDate' ,
title:'处理时间' ,
width:100
},{
field:'handleStatus' ,
title:'处理标志' ,
width:100 ,
formatter:function(value , record , index){
if(value == 1){
return '已处理' ;
} else if( value == 0){
return '未处理' ;
}
}
}
]] ,
pagination: true ,
pageSize: 10 ,
pageList:[5,10,15,20,50],

跟前一章节的功能结构相似，不过多说了，不熟悉的可以看看Jquery-easyUI的demo.我就是直接引用，然后改改参数的。

因为url:import-list;

所以我们只需要在importAction中添加一个list方法。为了实现分页，action中同样要声明4个属性并提供get/set方法



list方法代码：

//获取数据导入的数据列表
public void list(){
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
importDataList = importDataService.list(page,rows,sort,order);
String json="{"+"\"total\":"+importDataList.size()+","+"\"rows\":"+ JSON.toJSONString(importDataList)+"}";
//System.out.println(json);
try {
response.getWriter().write(json);
} catch (IOException e) {
e.printStackTrace();
}
}

对应service中的代码：

public class ImportDataService {
//从数据库查询导入项目信息
public List<ImportData> list(int currentPage, int pageSize,String sort,String order){
Connection conn = DB.creatConn();
String sql = "select * from  t_importdata where 1=1";
if(StringUtils.isNotBlank(sort)){
sql+="order by"+sort;
}
if(StringUtils.isNotBlank(order)){
sql+=" "+order;
}
sql+=" limit "+(currentPage-1)*pageSize+","+pageSize; //这里的limit前边一定记得加空格哦
PreparedStatement ps = DB.prepare(conn,sql);
List<ImportData> importDatas = new ArrayList<ImportData>();
try {
ResultSet rs = ps.executeQuery();
ImportData i = null;
while(rs.next()){
i = new ImportData();
i.setImportid(rs.getString("importid"));
i.setImportDataType(rs.getString("importdatatype"));
i.setImportDate(rs.getString("importdate"));
i.setImportStatus(rs.getString("importstatus"));
i.setHandleDate(rs.getString("handledate"));
i.setHandleStatus(rs.getString("handlestatus"));
importDatas.add(i);
}
} catch (SQLException e) {
e.printStackTrace();
}finally{
DB.close(conn);
DB.close(ps);
}
return importDatas;
}

运行之后看看效果：



大概就这样了，页面刷新时会显示出我们插入的文件信息以及处理状态 。

相信大家看到了页面左上角的三个按钮，删除我就不说了，接着看看导入模块：

首先增加页面按钮toolbar



对应dialog代码:

<div id="templateDialog" title="选择模板" modal=true draggable=false
class="easyui-dialog" closed=true style="width: 350px;height:220px">
<form action="">
<table>
<tr>
<td>选择模板：</td>
<td>
<input id="templates" name="templates" class="easyui-combobox" panelHeight="auto"
url="importdata-templates" valueField="templateId" textField="templateName" value="" />
<a id="okBtn" class="easyui-linkbutton">确定</a>
</td>
</tr>

</table>
</form>
</div>

url:importdata-templates;

所以我们要在action中添加一个方法，叫templas,创建一个model,提供getset方法，包含两个属性templateId,templateName

//获取导入模板，并打印在导入模板选择的下拉选
public void templates(){
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
List<Template> list = new ArrayList<Template>();
Template t = new Template();
//模板文件在web/template/student.xml
t.setTemplateId("student");
t.setTemplateName("student");
list.add(t);
try {
response.getWriter().write(JSON.toJSONString(list));
} catch (IOException e) {
e.printStackTrace();
}
}

运行，看看效果：



........