一、 將js文件複製到項目中javascript
二、 在頁面中引入一鍵上傳js文件java
<script type="text/javascript" src="../js/ocupload/jquery.ocupload-1.1.2.js"></script>jquery
必須引入jQueryajax
3、在頁面中提供任意一個元素apache
<input id="mybutton" type="button" value="upload">瀏覽器
4、調用一鍵上傳插件提供的upload方法,做用是動態修改頁面HTML代碼maven
$(function(){
$("#mybutton").upload({
name:'myFile',
action:'xx.action'
});
});
action指定訪問的後臺action的位置.服務端解析上傳的文件.post
1.poi的maven座標引入this
<dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>${poi.version}</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>${poi.version}</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml-schemas</artifactId> <version>${poi.version}</version> </dependency>
2.頁面方法調用(例)spa
$("#button-import").upload({
name:"areaFile",
action:"../../areaAction_importXls.action"
});
3.後臺處理
private File areaFile; public void setAreaFile(File areaFile) { this.areaFile = areaFile; } @Autowired private AreaService service; @Action(value="areaAction_importXls") public String importXls() throws Exception { //經過輸入流加載excle文件 HSSFWorkbook workbook= new HSSFWorkbook(new FileInputStream(areaFile)); //得到第一個sheet表單 HSSFSheet sheetAt = workbook.getSheetAt(0); //定義一個集合,遍歷全部行,得到數據後經過構造方法生成area對象,在把area對象添加到集合中 List<Area> list = new ArrayList<>(); for (Row row : sheetAt) { if(row.getRowNum() == 0){ continue; } String id = row.getCell(0).getStringCellValue(); String provice = row.getCell(1).getStringCellValue(); String city = row.getCell(2).getStringCellValue(); String district = row.getCell(3).getStringCellValue(); String postcode = row.getCell(4).getStringCellValue(); Area area = new Area(id,provice,city,district,postcode); list.add(area); } //調用service的保存方法 service.save(list); return NONE; }
1.修改頁面導出按鈕,綁定方法
function doExport(){
//發送ajax請求,經過action查詢全部分區,經過poi導出到Excel中,經過流進行下載
window.location.href="../../subAreaAction_exportXls.action";
}
2、經過POI將查詢到的分區數據寫到Excel文件中,經過輸出流將文件寫回客戶端進行文件下載
@Action(value="subareaAction_exportXls") public String exportXls() throws IOException{ //一、查詢全部分區數據 List<SubArea> list = service.findAll(); //二、基於POI在內存中建立一個Excel文件 HSSFWorkbook excel = new HSSFWorkbook(); //三、在Excel文件中建立一個sheet頁 HSSFSheet sheet = excel.createSheet("分區數據統計"); //四、在標籤頁中建立行 HSSFRow title = sheet.createRow(0); //五、在行中建立列 title.createCell(0).setCellValue("編號"); title.createCell(1).setCellValue("分區起始編號"); title.createCell(2).setCellValue("分區結束編號"); title.createCell(3).setCellValue("分區關鍵字"); title.createCell(4).setCellValue("輔助關鍵字"); title.createCell(5).setCellValue("區域信息"); for(SubArea subarea : list){ //每一個分區對象對應一行數據 HSSFRow data = sheet.createRow(sheet.getLastRowNum() + 1); //在行中建立列 data.createCell(0).setCellValue(subarea.getId()); data.createCell(1).setCellValue(subarea.getStartNum()); data.createCell(2).setCellValue(subarea.getEndNum()); data.createCell(3).setCellValue(subarea.getKeyWords()); data.createCell(4).setCellValue(subarea.getAssistKeyWords()); data.createCell(5).setCellValue(subarea.getArea().getName()); } //六、經過輸出流寫回Excel文件到瀏覽器,文件下載須要一個流(輸出流)、兩個頭(設置頭信息) ServletOutputStream out = ServletActionContext.getResponse().getOutputStream(); String filename = "分區數據統計結果.xls"; String agent = ServletActionContext.getRequest().getHeader("User-Agent");//客戶端使用的瀏覽器類型 //處理中文文件名 filename = FileUtils.encodeDownloadFilename(filename, agent); String mimeType = ServletActionContext.getServletContext().getMimeType(filename); ServletActionContext.getResponse().setContentType(mimeType); ServletActionContext.getResponse().setHeader("content-disposition", "attachment;filename=" + filename); excel.write(out); return NONE; }