action是用struts2写的;前端界面easyUI写的,
前端:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Basic DataGrid - jQuery EasyUI Demo</title> 6 <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css"> 7 <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css"> 8 <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script> 9 <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script> 10 <script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script> 11 <script> 12 //批量导入数据,打开dialog 13 function openUploadFileDialog(){ 14 $("#dlg2").dialog('open').dialog('setTitle','批量导入数据'); 15 } 16 17 //下载批量导入模板 18 //userExporTemplate.xls位于WebContent/template/下面 19 //一个纯的js来下载模板 20 function downloadTemplate(){ 21 window.open('template/userExporTemplate.xls'); 22 } 23 24 //上传Excel文件,交给后台解析 25 //其中uploadForm的action=user!upload 26 function uploadFile(){ 27 $("#uploadForm").form("submit",{ 28 success:function(result){ 29 var result=eval('('+result+')'); 30 if(result.errorMsg){ 31 $.messager.alert("系统提示",result.errorMsg); 32 }else{ 33 $.messager.alert("系统提示","上传成功"); 34 $("#dlg2").dialog("close"); 35 $("#dg").datagrid("reload"); 36 } 37 } 38 }); 39 } 40 </script> 41 </head> 42 <body> 43 <!-- 一排操作按钮 --> 44 <div id="toolbar"> 45 <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-import" plain="true" onclick="openUploadFileDialog()">用模版批量导入数据</a> 46 </div> 47 48 <!-- 批量导入数据模板Excel 的dialog --> 49 <div id="dlg2" class="easyui-dialog" style="width:400px;height:180px;padding:10px 20px" 50 closed="true" buttons="#dlg-buttons2"> 51 <form id="uploadForm" action="user!upload" method="post" enctype="multipart/form-data"> 52 <table> 53 <tr> 54 <td>下载模版:</td> 55 <td><a href="javascript:void(0)" class="easyui-linkbutton" onclick="downloadTemplate()">导入模版</a></td> 56 </tr> 57 <tr> 58 <td>上传文件:</td> 59 <td><input type="file" name="userUploadFile"></td> 60 </tr> 61 </table> 62 </form> 63 </div> 64 65 <div id="dlg-buttons2"> 66 <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="uploadFile()">上传</a> 67 <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg2').dialog('close')">关闭</a> 68 </div> 69 </body> 70 </html>