Java操作Jxl實現數據交互。三部曲——《第二篇》

来源:https://www.cnblogs.com/bgyb/archive/2020/01/14/12189312.html
-Advertisement-
Play Games

Java操作Jxl實現.xsl及.xsls兩種數據表格進行批量導入數據到SQL server資料庫。 本文實現背景Web項目:前臺用的框架是Easyui+Bootstrap結合使用,需要引入相應的Js、Css文件。頁面:Jsp、攔截請求:Servlet、邏輯處理:ClassBean、資料庫:SQLs ...


Java操作Jxl實現.xsl及.xsls兩種數據表格進行批量導入數據到SQL server資料庫。

本文實現背景Web項目:前臺用的框架是Easyui+Bootstrap結合使用需要引入相應的Js、Css文件頁面:Jsp、攔截請求:Servlet、邏輯處理:ClassBean、資料庫:SQLserver

:Bean中操作SQL語句進行處理是公司內部方法,可替換為其它方法自行擴展!主要看代碼邏輯業務處理!

首先我們看見Easyui中的datagrid數據網格列表中沒有任何數據:

其次創建一個xsl文件以下是需要導入的數據格式:

讓我們把註意力放到SQLserver資料庫:

點擊導入按鈕後彈出一個視窗選擇我們剛剛創建的Excel文件,最後點擊導入

 

 

 導入成功此時此刻Easyui中的datagrid數據網格中已有了7條我們之前創建的記錄!

 

 

 

 

 

我們回到資料庫進行查看數據,果然和預期效果一樣與Excel表格數據一致證明導入成功!

Jsp代碼: 

註:from中的enctype="multipart/form-data"屬性是必加的,要想進行上傳必須使用HTML中的文件控制項,且必須使用enctype進行分裝,表示將表單按照二進位的方式提交。即所有的操作表單此時不再是分別提交,否則將所有內容都按照二進位的方式提交。如果要上傳文件,表單則必須封裝。但是當一個表單使用了enctype="multipart/form-data"封裝後,其它的非表單控制項的內容就無法通過request內置對象獲取,此時在Servlet中必須調用SmartUpload類中提供的getRequest()方法獲取全部的請求參數

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.pantech.base.common.tools.MyTools"%>
<%@ page import="com.pantech.base.common.tools.PublicTools"%>
<%@ page import="com.pantech.src.develop.Logs.*"%>
<%@ page import="com.pantech.base.common.tools.*"%>
<%@ page import="com.pantech.src.develop.store.user.*"%>
<%@ page import="com.pantech.src.develop.manage.workremind.WorkRemind"%>
<%@ page import="java.util.Vector"%>
<%@ page import="java.util.*"%>
<%@ page import="java.text.*"%>
<%@ page import="com.pantech.base.common.db.DBSource"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>導入</title>

    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/themes/icon.css">
    <link charset="utf-8" rel="stylesheet" href="<%=request.getContextPath()%>/css/bootstrap.css"/>
    <link charset="utf-8" rel="stylesheet" href="<%=request.getContextPath()%>/css/naber.css"/>
    <link charset="utf-8" rel="stylesheet" href="<%=request.getContextPath()%>/css/font-awesome/css/font-awesome.css">
    <link charset="utf-8" rel="stylesheet" href="<%=request.getContextPath()%>/css/SMS-index.css"/>
    <link charset="utf-8" rel="stylesheet" href="<%=request.getContextPath()%>/css/listPage.css"/>
    
    <script type="text/javascript" src="<%=request.getContextPath()%>/script/JQueryUI/jquery.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/script/JQueryUI/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/script/JQueryUI/locale/easyui-lang-zh_CN.js"></script>
    <script charset="utf-8" src="<%=request.getContextPath()%>/script/bootstrap.min.js"></script>
    <script charset="utf-8" src="<%=request.getContextPath()%>/script/layer/layer.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/script/common/clientScript.js"></script> 
    <script type="text/javascript" src="<%=request.getContextPath()%>/script/common/publicScript.js"></script>


</head>
<body>

<%-- 遮罩層 --%>
<div id="divPageMask4" class="maskStyle">
    <div id="maskFont2"></div>
</div>

    <div class="bg-box indexBox" style="width: 1000px;">
        <div class="box">
            <div class="manage-list">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <span>個人信息列表</span>
                    </div>
                    <input type="button" onclick="doToolbar(this.id);" id="importTJXX"class="btn form-control btn-success" value="體檢信息批量導入"style="width: 135px; margin-top: 3px;" />
                    <input type="button" onclick="doToolbar(this.id);" id="deleteTJXX"class="btn form-control btn-danger" value="全部刪除"style="width: 135px; margin-top: 3px;" />
                </div>
            </div>
        </div>

        <div id="tableDIV" class="tablelist"style="width: 100%; height: 600px;">
            <table id="list" width="100%"></table>
        </div>
    </div>


<!-- 彈窗 -->
<div id="importInfoDialog">
        <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 content" style="width:100%;padding-top: 30px;">
            <div class="content-border">
                <div id="querybox2">
                    <form id="form3" name="form3" method="POST" action="<%=request.getContextPath()%>/ImportFileBean_Servlet" enctype="multipart/form-data">
                        <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="height:80px;">
                                  <input id="excel1" name="excel1" width="100%" type="text" style="width:90%;height: 34px;" >
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                                <input type="button" id="saveImport" class="btn form-control btn-success dialogButtom-btn" value="導入" onclick="doToolbar(this.id);"/> 
                            </div>
                        </div>
                        <input type="hidden" id="active2" name="active" />
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>

<script type="text/javascript">


$(document).ready(function(){
        initDialog();//初始化對話框
        initFilebox();
        loadGrid();
});




/**工具欄按鈕調用方法,傳入按鈕的id
@id 當前按鈕點擊事件
**/
function doToolbar(iToolbar){

    //點擊按鈕打開上傳附件彈窗
    if (iToolbar == 'importTJXX'){
        $('#importInfoDialog').dialog('setTitle', '導入');
        $('#importInfoDialog').dialog("open");
    }

    //點擊按鈕打開上傳附件彈窗
    if (iToolbar == 'deleteTJXX'){
         layer.confirm('刪除後無法恢復,您是否確認刪除?', {
                btn: ['確定','取消'] 
            }, function(){
                deleteTJXX();
            }, function(){
                
            });
    }
    
    //上傳體檢excel文件
    if (iToolbar == 'saveImport'){
        var excel1 = $('#excel1').filebox('getValue')
        var excelsuffix=excel1.substring(excel1.lastIndexOf("."),excel1.length);

        if($('#excel1').filebox('getValue') == ''){
            layer.alert('請選擇上傳文件');
            return;
        }
        if(excelsuffix!=".xls" && excelsuffix!=".xlsx"){  
            layer.alert('只能導入Excel類型的文件!');
               return;
        } 
        
        $("#active2").val("importExamInfo");
        showShade();//打開遮罩層
        $('#form3').submit(); 
        
    }
    
}






//刪除ajax
function deleteTJXX(){
    $.ajax({
        type:"post",
        url:'<%=request.getContextPath()%>/ImportFileBean_Svl',
        data:"active=deleteTJXX",
        dataType:"json",
        success: function(datas){
            if(datas[0].MSG == '刪除成功'){
                layer.msg(datas[0].MSG);
                loadGrid();
            }else{
                layer.alert(datas[0].MSG);
            }
        }
    });
}


//遮罩層
function showShade(){ 
    $('#maskFont2').html('導入中,請稍候...'); 
    $('#divPageMask4').show(); 
}



//上傳按鈕初始化
function initFilebox(){
    $('#excel1').filebox({
        buttonText: '選擇文件',
        buttonAlign: 'right'
    });
}



    /**載入 dialog控制項**/
function initDialog(){
        $('#importInfoDialog').dialog({  
            width: 360,//寬度設置   
            height: 200,//高度設置 
            modal:true,
            closed: true,   
            cache: false, 
            draggable:false,//是否可移動dialog框設置
            //打開事件
            onOpen:function(data){},
            //讀取事件
            onLoad:function(data){},
            //關閉事件
            onClose:function(data){
                $('#form3').form('clear');
            }
        });

    }
    
    
    

//載入datagrid主頁面信息
function loadGrid(){
    $('#list').datagrid({
        url: '<%=request.getContextPath()%>/ImportFileBean_Svl',
        queryParams: {"active":"queryList"},
        loadMsg : "信息載入中請稍後!",//載入時信息
        nowrap: false,//當數據長度超出列寬時將會自動截取
        showFooter:true,
        rownumbers: true,
        animate:true,
        striped : true,//隔行變色
        pageSize : 10,//每頁記錄數
        singleSelect : true,//單選模式
        pageNumber : 20,//當前頁碼
        pagination:true,
        fit:true,
        fitColumns: true,//設置邊距
        columns:[[
            {field:'編號',title:'序號',width:fillsize(0.2)},
            {field:'體檢者',title:'姓名',width:fillsize(0.2)},
            {field:'體檢日期',title:'體檢日期',width:fillsize(0.2)},
            {field:'體檢機構',title:'體檢機構',width:fillsize(0.2)},
            {field:'體檢結果',title:'體檢結果',width:fillsize(0.2)}
        ]],
        onClickRow:function(rowIndex, rowData){
            row=rowData;
        },
        onLoadSuccess: function(data){
            iKeyCode='';
        },
        onLoadError:function(none){
            
        }
    });
    

}




//表單提交方法
$('#form3').form({
    //定位到servlet位置的url
    url:'<%=request.getContextPath()%>/ImportFileBean_Servlet',
    //當點擊事件後觸發的事件
    onSubmit: function(data){ 
    }, 
    //當點擊事件併成功提交後觸發的事件
    success:function(data){
        var json = eval("("+data+")");
        if(json[0].MSG=="導入完成"){
            $('#divPageMask4').hide();
                $('#importInfoDialog').dialog("close");
                layer.msg(json[0].MSG);
                loadGrid();
        }else if(json[0].MSG=="未找到sheet1"){
            layer.alert("工作表名稱不符");
        }else{
            layer.alert(json[0].MSG);
        }
           
    }
});



</script>
</html>

 

Servlet代碼如下:

Servlet中攔截前臺的importExamInfo導入請求,在調用Bean層中的導入邏輯處理方法!

package or.og.jxldemo;

import java.io.IOException;
import java.sql.SQLException;
import java.util.Vector;

import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.jspsmart.upload.SmartUpload;
import com.jspsmart.upload.SmartUploadException;

              
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 有的時候需要測試下web項目中post、get請求是否正確,但是這個時候電腦上沒有安裝測試工具,怎麼辦呢?直接用瀏覽器控制台測試,打開網站,F12控制台,在控制臺下複製粘貼下麵的ajax請求,之後ajax請求。 第一步:控制台寫方法 第二步:控制台調用 url:請求的URL,method:post/ ...
  • 1.前言 我們經常使用 cron 表達式來定義定時任務的執行策略,今天我們就總結一下 cron 表達式的一些相關知識。 2. cron 表達式的定義 cron 表達式是一個字元串,該字元串由 個空格分為 個域,每一個域代表一個時間含義。 格式如下: 通常定義 “年” 的部分可以省略,實際常用的由 前 ...
  • 前段時間參加了IAS2019(互聯網架構峰會),本次峰會以中台為主題,所以又稱中台戰略大會,據說是全國首屆關於中台戰略的會議,會議上有許多優秀的企業架構師帶來了他們各自在實踐中台過程中的心得。本文就筆者對自己參與的會場的情況做一些分享,同時也寫寫自己參會以及查閱相關資料後關於中台這一概念的理解和體會 ...
  • 微服務可以幫我們成就更大的夢想,為什麼呢?請看老兵哥近些年推廣微服務架構過程中收穫的心得體會! ...
  • 一、資料庫中時間類型 1.三種時間類型:DateTimeField、DataField、TimeField三種類型;在使用之前需先導入import django.utils.timezone包 2.該三種類型分別對應這Datetime、Data、Time三種對象; 3.時間類型,三個屬性,auto_ ...
  • 一、定義 是`JDK ThreadLocal`意思就是本地線程的意思。 1.1 是什麼? 要想知道他是個啥,我們看看 的源碼(基於 )中對這個類的介紹: 大致能夠總結出: 1. 可以給我們提供一個線程內的局部變數,而且這個變數與一般的變數還不同,它是每個線程獨有的,與其他線程互不幹擾的; 1. 與普 ...
  • 寫在前面 考研在即,想多瞭解考研er的想法,就是去找學長學姐或者去網上搜索,貼吧就是一個好地方。而藉助強大的工具可以快速從網路魚龍混雜的信息中得到有價值的信息。雖然網上有很多爬取百度貼吧的教程和例子,但是貼吧規則更新快,目的不一樣,爬取的內容也不一樣,所以就有了這個工具。 目的 爬取1000條帖子→ ...
  • 前言: 事務處理的本質 在學習事務處理前,需要明確一點: 資料庫操作最終都要使用到JDBC,那麼無論上層如何封裝,底層都是調用Connection的commit,rollback來完成 煩人的事務處理: 在日常開發中,數據訪問層(DAO)必然需要進行事務的處理,但是我們會發現,事務處理的代碼通常是簡 ...
一周排行
    -Advertisement-
    Play Games
  • 基於.NET Framework 4.8 開發的深度學習模型部署測試平臺,提供了YOLO框架的主流系列模型,包括YOLOv8~v9,以及其系列下的Det、Seg、Pose、Obb、Cls等應用場景,同時支持圖像與視頻檢測。模型部署引擎使用的是OpenVINO™、TensorRT、ONNX runti... ...
  • 十年沉澱,重啟開發之路 十年前,我沉浸在開發的海洋中,每日與代碼為伍,與演算法共舞。那時的我,滿懷激情,對技術的追求近乎狂熱。然而,隨著歲月的流逝,生活的忙碌逐漸占據了我的大部分時間,讓我無暇顧及技術的沉澱與積累。 十年間,我經歷了職業生涯的起伏和變遷。從初出茅廬的菜鳥到逐漸嶄露頭角的開發者,我見證了 ...
  • C# 是一種簡單、現代、面向對象和類型安全的編程語言。.NET 是由 Microsoft 創建的開發平臺,平臺包含了語言規範、工具、運行,支持開發各種應用,如Web、移動、桌面等。.NET框架有多個實現,如.NET Framework、.NET Core(及後續的.NET 5+版本),以及社區版本M... ...
  • 前言 本文介紹瞭如何使用三菱提供的MX Component插件實現對三菱PLC軟元件數據的讀寫,記錄了使用電腦模擬,模擬PLC,直至完成測試的詳細流程,並重點介紹了在這個過程中的易錯點,供參考。 用到的軟體: 1. PLC開發編程環境GX Works2,GX Works2下載鏈接 https:// ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • 1、jQuery介紹 jQuery是什麼 jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝 ...
  • 前言 之前的文章把js引擎(aardio封裝庫) 微軟開源的js引擎(ChakraCore))寫好了,這篇文章整點js代碼來測一下bug。測試網站:https://fanyi.youdao.com/index.html#/ 逆向思路 逆向思路可以看有道翻譯js逆向(MD5加密,AES加密)附完整源碼 ...
  • 引言 現代的操作系統(Windows,Linux,Mac OS)等都可以同時打開多個軟體(任務),這些軟體在我們的感知上是同時運行的,例如我們可以一邊瀏覽網頁,一邊聽音樂。而CPU執行代碼同一時間只能執行一條,但即使我們的電腦是單核CPU也可以同時運行多個任務,如下圖所示,這是因為我們的 CPU 的 ...
  • 掌握使用Python進行文本英文統計的基本方法,並瞭解如何進一步優化和擴展這些方法,以應對更複雜的文本分析任務。 ...
  • 背景 Redis多數據源常見的場景: 分區數據處理:當數據量增長時,單個Redis實例可能無法處理所有的數據。通過使用多個Redis數據源,可以將數據分區存儲在不同的實例中,使得數據處理更加高效。 多租戶應用程式:對於多租戶應用程式,每個租戶可以擁有自己的Redis數據源,以確保數據隔離和安全性。 ...