项目是典型的SpringMvc + Easyui,需求是前台页面根据查询条件导出生成CSV文件。
基本流程是:前台页面通过表单提交的方式,请求后台,后台接受到查询参数,根据查询参数查询到数据集合,最后导出生成CSV文件。(用ajax请求后台时遇到一点问题,回调函数一直报错,有待研究)
1、前台页面效果图:
2、前台页面代码:
Java
<div class="easyui-layout" data-options="fit:true">
<div class="easyui-panel" data-options="region:'north'" style="height:40px;">
<form id="formQuery" method="post">
<input type="hidden" id = "serverId" />
<table cellpadding="4">
<tr>
<td><spring:message code="筛选时间" />:</td>
<td><input class="easyui-datebox" id="countTime" data-options="editable:false,width:140" /></td>
<td><a href="javascript:reloadCountData()" class="easyui-linkbutton" iconCls="icon-search"><spring:message code="筛选" /></a></td>
<td><a href="javascript:exportData()" class="easyui-linkbutton" iconCls="icon-save"><spring:message code="导出" /></a></td>
</tr>
</table>
</form>
</div>
<div data-options="region:'center'" style="width: 100%;height: 100%">
<table id="gridOnline" class="easyui-datagrid" data-options="fit:true,pagination:true,rownumbers:true,pageSize:20,loader:loadCountData" >