【导入】Java实现把Excel表格数据导入到指定JSP页面并展示

先看下效果图

第一步，点击下载，进行下载模板

第二步，打开模板删除测试数据后，根据格式填入相应的数据并保存

第三步，回到操作页面点击下一步，点击 文件上传按钮 ，选择刚刚编辑的文件，确定，下一步按钮就会变成 提交 按钮

第四步，点击提交按钮后，出现如下图，则导入成功

第五步，点击确认 后 ，最终效果如下

具体实现代码如下

JavaScript代码

        var import_step = 1;
        var import_start = 1;
        var import_end = 3;
			// 导入信息
			function ImportExcel() {
				$('#import_modal').modal("show");
				$('#previous').click(function() {
					if (import_step > import_start) {
						var preID = "step" + (import_step - 1)
						var nowID = "step" + import_step;

						$('#' + nowID).addClass("hide");
						$('#' + preID).removeClass("hide");
						import_step--;
					}
				})

				$('#next').click(function() {
					if (import_step < import_end) {
						var nowID = "step" + import_step;
						var nextID = "step" + (import_step + 1);

						$('#' + nowID).addClass("hide");
						$('#' + nextID).removeClass("hide");
						import_step++;
					}
				})

				$('#file').on("change", function() {
					$('#previous').addClass("hide");
					$('#next').addClass("hide");
					$('#submit').removeClass("hide");
				})
				
				$('#submit').unbind('click').click(function () {
					var nowID = "step" + import_end;
					$('#' + nowID).addClass("hide");
					$('#uploading').removeClass("hide");

					// next
					$('#confirm').removeClass("hide");
					$('#submit').addClass("hide");
					// ajax
					$.ajaxFileUpload({
						url : "FixedassetsController/FixedExpenditureController_importFile",
						secureuri: false,
						dataType: 'json',
						fileElementId:"file",
						success : function(data, status){
							
							var msg1 = "成功导入固定支出信息"+data.msg+"条";
							var msg2 = "固定支出信息导入失败，请你检查数据后再试!";
							var info;
							$('#import_progress_bar').addClass("hide");
							if(data.result == true){
								//total = data.success;
								//available = data.available;
								info = msg1;
								$('#import_success').removeClass('hide');
							}else{
								info = data.msg;
								$('#import_error').removeClass('hide');
							}
							//info = info + ",总条数：" + total + ",有效条数:" + available;