功能需求:
现有excel表student.xlsx
,表格内容为
需要在数据库创建一张表,表名为student
,列名为name
、age
、gender
,同时将excel中的数据导入这张表中去
功能实现
pom
如果项目使用maven构建,pom文件需要加入依赖
<!-- 支持execl xls文件操作 -->
<dependency>
<groupId>org.apache.poi</groupId>
<artifactId>poi</artifactId>
<version>3.9</version>
</dependency>
<!-- 支持execl xlsx文件操作 -->
<dependency>
<groupId>org.apache.poi</groupId>
<artifactId>poi-ooxml</artifactId>
<version>3.9</version>
</dependency>
<dependency>
<groupId>org.apache.poi</groupId>
<artifactId>poi-ooxml-schemas</artifactId>
<version>3.9</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>4.0.0.RELEASE</version>
</dependency>
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.2</version>
</dependency>
html页面
此处需要修改jquery引用路径和导入请求的url
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>excel导入</title>
<!--修改jquery的引用路径-->
<script src="/assets/js/jquery-1.10.2.min.js"></script>
</head>
<script>
//导入方法
function checkExcel() {
var fileDir = $("#excel_file").val();
var suffix = fileDir.substring(fileDir.lastIndexOf("."));
if ("" == fileDir) {
alert("选择需要导入的Excel文件!");
return false;
}
if (".xls" != suffix && ".xlsx" != suffix) {
alert("选择Excel格式的文件导入!");
return false;
}
var formData = new FormData($( "#form_import_excel" )[0]);
jQuery.ajax({
//修改url
url: "/hello/excelImportCommon",
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false,
succe