SpringBoot Vue實現批量刪除

2021-10-02 21:48:59 字數 1318 閱讀 2329

實現批量刪除的辦法其實有很多,我這裡是把批量傳入的id放進陣列裡,然後後端用foreach標籤迴圈遍歷刪除。

前端獲取引數id,根據官方提供的方法,首先在data裡定義乙個空陣列,我這裡叫multipleselection[ ],

然後官方又提供了乙個事件叫@selection-change,根據官網說明: 當選擇項發生變化時會觸發該事件 ,所以通過呼叫這個方法來判斷你選擇了哪些。

handleselectionchange

(val)

,

然後id獲取到了開始想著怎麼把這些資料當初引數傳進請求裡;

先遍歷multipleselection獲取裡面的id,然後把它拼接成 ?ids=***?ids=***?ids=…,怎麼實現呢?

let ids =

'?';

this

.multipleselection.

foreach

(item =>

)

控制層**

("/"

)public respbean deletepositionsbyids

(integer[

] ids)

return respbean.

error

("刪除失敗!");

}

"deletepositionbyall"

>

delete from position where id in

collection

="ids"

item

="id"

open

="("

close

=")"

separator

=","

>

#foreach

>

delete

>

他拼接出來的效果應該是 delete from position where id in (1,2,3…)這樣的

引數說明:

foreach迴圈標籤

collection集合物件,也就是陣列引數

item 迭代集合時,元素的別名

open:包裹被迭代集合元素的開始符號,一般為"("

close:包裹被迭代集合元素的結束符號,一般為")"

separator:被迭代元素之間的分隔符,一般為","

這次二刷微人事,主要目的在於記錄springboot和vue對接時出現的一些問題,和常用的技術點,我認為這很有用。另外每天的**我都會提交到碼雲上

springboot vue (跨域問題)

在後端使用spring boot。spring boot跨域非常簡單,只需書寫以下 即可。configuration public class customcorsconfiguration bean public corsfilter corsfilter spring boot應用用nginx反...

springboot vue (跨域問題)

if request method get 其中 add header access control expose headers 務必加上你請求時所帶的header。例如本例中的 token 其實是前端傳給後端過來的。如果記不得也沒有關係,瀏覽器的偵錯程式會有詳細說明。chrome firefox...

springboot vue 許可權管理系統

注意因為給了超級管理員的許可權給大家玩,所有資訊都可以操作,建議還是新建一些資訊自己隨便操作,隨意修改的話有可能改不回來 系統原始碼,可能存在一些小問題,如果需要幫助,可以加qq群 850482997 新建立的使用者密碼是 czh123,密碼重置之後也是這個 demo 前端後端 簡介該許可權管理專案...