SSM批量添加數據

阿新 • • 發佈：2018-10-29

http com 移除接受 ati cti oca on() UNC

如何應對面臨批量數據時如何提交給後臺

技術分享圖片

方式1：

使用JSON格式

後臺功能接受實現使用@ResponseBody

前端當有多行數據的時候添加到一個數組再通過JSON格式到後臺List接收

@RequestMapping(value = "/emp01",method = RequestMethod.POST, produces = "application/json")
    @ResponseBody
    public String empAdd02(@RequestBody List<Employee> list){
        for (Employee e: list) {
            employeeMapper.insert(e);
        }
         
return  "{\"msg\":\"succeed\"}";
    }

該參數為一個員工對象集合

以下是前端：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>批量添加員工</title>
    <style type="text/css">
        .tab{
            text 
-align: center;
            height: 40px;
            line-height: 40px;
        }
        .tab{
            background-color: #F8F8F8;
        }
    </style>
</head>
<body>
mar
    <table >
        <thead>
        <tr>
            <th>編號</th><th>姓名</th><th>性別</th><th>學歷</th><th>月薪</th><th>添加</th><th>移除</th>
        </tr>
        </thead>
        <tbody id="tbody01">
        <tr>
            <td><input type="text" name="number"/></td>
            <td><input type="text" name="empName"/></td>
            <td>
                <select name="empSex">
                <option>請選擇</option>
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </td>
            <td>
                <select name="education">
                    <option>請選擇</option>
                    <option value="本科">本科</option>
                    <option value="專科">專科</option>
                    <option value="碩士">碩士</option>
                    <option value="博士">博士</option>
                </select>
            </td>
            <td><input type="number" name="monthly"/></td>
            <td><input type="button" value="+" class 
="empAdd"/></td>
            <td><input type="button" value="-" class="empRem"/></td>
        </tr>
        </tbody>
    </table>
    <input type="button" id="addAll" value="批量添加" style="display: block;width: 100px;height: 40px; margin: 0 auto" />

    <table class="tab" border="1" align="center" width="60%" bordercolor="#E2E2E2">
    <tr class="th">
        <th>編號</th><th>姓名</th><th>性別</th><th>學歷</th><th>月薪</th>
    </tr>
    <c:forEach var="emp" items="${emps}">
        <tr>
            <td>${emp.number}</td>
            <td>${emp.empName}</td>
            <td>${emp.empSex}</td>
            <td>${emp.education}</td>
            <td>${emp.monthly}</td>
        </tr>
    </c:forEach>
</table>
</body>
<script src="../../js/jquery.js"></script>
<script type="text/javascript">

    $(function () {
        var tbody = $("#tbody01");
        trNode = tbody.clone();
        tbody.on("click", " .empAdd", function () {
            $("#tbody01").append(trNode.clone());
        });

        tbody.on("click",".empRem",function () {
           var num = $("tr",tbody).length;
           if( num === 1){
               alert("最後一行不能刪除");
               return false;
           }
           $(this).parent().parent().remove();
        });
    });
    /*數組*/
   $("#addAll").click(function(){
        var list = [];
        $("#tbody01 tr").each(function (i,obj) {
            list.push(
                {
                    number:$("input[name=number]",obj).val(),
                    empName:$("input[name=empName]",obj).val(),
                    empSex:$("select[name=empSex]",obj).val(),
                    education:$("select[name=education]",obj).val(),
                    monthly:$("input[name=monthly]",obj).val()
                }
            );
        });
        console.log(list);
        $.post({
            url:"/emp01",
            contentType:"application/json;charset=utf-8",
            data:JSON.stringify(list)
        }).done(function (data) {
            if(data.msg === "succeed"){
                window.location.href = "/eee";
            }
        });
   });



</script>
</html>

方式2：

傳統的form表單

SSM批量添加數據

http com 移除接受 ati cti oca on() UNC 如何應對面臨批量數據時如何提交給後臺方式1：使用JSON格式後臺功能接受實現使用@ResponseBody 前端當有多行數據的時候添加到一個數組再通過JSON格式到後臺List接收 @R

YIi2 批量添加數據

easy student span 添加 insert ins eas spa creat 以二維數組為例，以student 表為例。 $params = [ 　　[‘id‘=>1,‘name‘=>‘張三‘], 　　[‘id‘=>2,‘name‘=&g

ADO.NET批量添加數據到SQL Server—BulkCopy使用指南

ring aps mod pro 模型 i++ 由於轉換成 property 　　BulkCopy位於System.Data.SqlClient命名空間，允許你使用其他源的數據有效地批量加載 SQL Server 表。　　屬性： BatchSize　：每個批處理中的行數

學習Angularjs向數據庫添加數據

sap nbsp 創建 goods success err div varchar dir 今天學習angularjs向數據庫添加數據。學習此篇，得從以往幾篇開始，因為那還有創建數據表等演示。現在來創建一個添加的存儲過程： 1 SET ANSI_NULLS ON 2

向後端請求數據以及像後端發送數據要求（刪除數據和添加數據）

doc content request 使用 style except 刪除數據庫 cal data 刪除數據和添加數據只能後端操作刪除數據和添加數據都要用到的html（一）部分 <!DOCTYPE html><html lang="en">&

20170517xlVBA添加數據透視表

ble source database log clas sport set add lds Sub AddPovitTable() ‘Constance Const DATA_SHEET As String = "Advanced Filter"

ADO.NET添加數據

sql database 添加引用 microsoft ring rom client subst name string ucode = ""; //開始生成編號 SqlConnection conn = new SqlCo

用ajax往數據庫裏添加數據

-s 分享 ont 添加數據庫 mage .cn blog http 後臺對數據庫的操作頁面用ajax往數據庫裏添加數據

批量附加數據庫

code 新窗口 nbsp logs default ins edi ase not 背景最近我們在替換生產環境的數據庫服務器的時候，因該實例下庫比較多，差不多有近200個庫，加上維護窗口的時間有限，所以我們有必要寫段腳本快速批量附加所有的庫，並確保所有的庫都附加成功。當

高級表格怎麽用虛表快速添加數據

ecp tro aac vmx srm rck jdb .html wlc %E7%BB%A7%E7%BB%AD%E6%8F%90%E9%97%AE%7E%E5%85%B3%E4%BA%8E%E7%BD%91%E7%BB%9C%E9%80%9A%E8%AE%AF%E7%BB

Laravel $request添加數據或數據修改

pos pan 添加成功 clas spa block 沒有 word laravel開發項目的時候，很多時候我們從$request裏獲取請求參數,今天在做項目的時候，遇到這樣一個需求，就是請求參數到後臺，後臺需要根據判斷重新給$request賦值，那如何去處理的測試路由

JDBC數據庫之添加數據

see -a == ktr let 簡單 values 參數 javabean 通過JDBC向數據庫中添加數據，可以使用INSERT語句實現插入數據SQL語句，對於SQL語句中的參數可以只用占位符“？”代替，然後通過PreparedStatement對其賦值以及執行SQL。

【表格建模系列】二、添加數據

geography custom img eof pan ipaddress customer fwe ebr 加載如下表並清空相應字段： DimCustomer清除字段: SpanishEducation, FrenchEducation, SpanishOccupati

MySql循環添加數據

但是語法 -1 creat 項目 num roc mysq 結束做項目優化時，數據量少的話，肯定檢驗不出來什麽效果。但是，數據多的話，添加數據就是一個問題。所以找了循環添加數據的一些方法，供大家參考 CREATE PROCEDURE proc_while_insert(

pb中share外添加數據的辦法

src 添加找到位置 nbsp image 字段添加數據 alt 需求:在前臺顯示上面有【出庫科室】但是在打印出來卻沒有，於是就想加上， ---------------------------------------- 解決思路：找到了出庫單，從sql

ListView移動和動態添加數據

oot pac arraylist return ati 技術 his vertica init 效果圖如下： viewholder_item.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <Line

Mysql（Navicat for Mysql）怎麽添加數據庫

顯示 logs http ima 執行 navicat efault 找到 mage 1、首先打開Navicat for Mysql； 2、打開後界面如下圖所示，雙擊連接localhost_3306； 3、連接後localhost_3306變成綠色，如下圖所示； 4、

Spring框架針對dao層的jdbcTemplate操作crud之add添加數據庫操作

classname charset xml配置 context 連接 void oot jdbc use 使用jdbcTemplate 原理是把加載驅動Class.forName("com.mysql.jdbc.Driver"); 和連接數據庫Connection conn

foreach循環時動態往數組裏添加數據

示例一點元素 ron 錯誤一個一起你在需要今天在用TP做項目的時候遇到一個問題，foreach的時候需要動態往數組裏添加數據，示例代碼如下： $arr = array( array(‘id‘=>‘字符串1‘,‘name‘=>‘字符

ORA-03206，當表空間不夠時，如何以添加數據文件的方式擴展表空間

style 創建表空間 mage all 註意 flow ada -- 導入準備導入一個數據庫，大約為33G，開始創建的空庫表空間為自增到20G，結果自然不夠，然後就開始自動擴展表空間大小使用的如下語句 --自動擴展表空間大小 ALTER DATABASE DA

SSM批量添加數據

相關推薦