快捷導(dǎo)航

vue+springboot用戶(hù)注銷(xiāo)功能實(shí)現(xiàn)代碼

更新時(shí)間：2024年05月21日 12:10:02 作者：檀玥

這篇文章主要介紹了vue+springboot用戶(hù)注銷(xiāo)功能,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

vue文件前端

 <el-button type="warning" plain @click="handleDeletion">注 銷(xiāo)</el-button>

// 注銷(xiāo)
const handleDeletion = (userName) => {
  ElMessageBox.confirm('注銷(xiāo)該用戶(hù)所有信息后無(wú)法恢復(fù)，您確認(rèn)注銷(xiāo)嗎?', '注銷(xiāo)確認(rèn)', { type: 'warning' }).then(() => {
    const userName = data.form.username;
    request.delete('http://localhost:9090/peoples/deletePeople/' + userName).then(res => {
      if (res.code === '200') {
        ElMessage.success("操作成功")
        router.push('/login')
      } else {
        ElMessage.error(res.msg)
      }
    })
  }).catch(res => {
    console.error('Delete request failed');
  })
}

springboot后臺(tái)

controller

   /**
     * 注銷(xiāo)
     * @param userName
     */
    @DeleteMapping("/deletePeople/{userName}")
    public Result deletePeople(@PathVariable String userName){
        peopleService.deletePeopleByUsername(userName);
        return Result.success();
    }

其中Result是寫(xiě)的一個(gè)公共方法

code是等于200（請(qǐng)求成功）還是500（請(qǐng)求失?。?/p>

mapper

   //批量刪除
    @Delete("delete from people where id in (#{id})")
    void deleteBatch(List<Integer> id);

service

  /**
     * 根據(jù)用戶(hù)名刪除用戶(hù)
     */
    public void deletePeopleByUsername(String username) {
        peoplesMapper.deleteByUsername(username);
    }

到此這篇關(guān)于vue+springboot用戶(hù)注銷(xiāo)功能的文章就介紹到這了,更多相關(guān)vue springboot用戶(hù)注銷(xiāo)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue調(diào)用PC攝像頭實(shí)現(xiàn)拍照功能
這篇文章主要為大家詳細(xì)介紹了Vue調(diào)用PC攝像頭實(shí)現(xiàn)拍照功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
vue和webpack打包項(xiàng)目相對(duì)路徑修改的方法
這篇文章主要介紹了vue和webpack打包項(xiàng)目相對(duì)路徑修改的方法,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
手把手教你Vue-cli項(xiàng)目的搭建
這篇文章主要為大家詳細(xì)介紹了Vue-cli項(xiàng)目的搭建方法，文中圖片介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-02-02
webpack+vue.js實(shí)現(xiàn)組件化詳解
vue的開(kāi)發(fā)體驗(yàn)還是比較愉悅的。首先文檔非常友好，所以上手會(huì)比較快。其次，配合webpack和vue-loader，每個(gè)頁(yè)面都是一個(gè).vue文件，寫(xiě)起來(lái)很方便。所以很適合做組件化開(kāi)發(fā)，這篇文章我們就來(lái)一起看看webpack+vue.js如何實(shí)現(xiàn)組件化。
2016-10-10
源碼分析Vue.js的監(jiān)聽(tīng)實(shí)現(xiàn)教程
這篇文章主要通過(guò)源碼分析介紹了Vue.js的監(jiān)聽(tīng)實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。
2017-04-04
Vue 項(xiàng)目中如何使用fullcalendar 時(shí)間段選擇插件(類(lèi)似課程表格)
最近完成一個(gè)項(xiàng)目,需要選擇一個(gè)會(huì)議室,但是最好能夠通過(guò)在圖上顯示出該會(huì)議室在某某時(shí)間段內(nèi)已經(jīng)被預(yù)定了,初看這個(gè)功能感覺(jué)很棘手,仔細(xì)分析下實(shí)現(xiàn)起來(lái)還是挺容易的,下面通過(guò)示例代碼講解Vue項(xiàng)目中使用fullcalendar時(shí)間段選擇插件,感興趣的朋友一起看看吧
2024-07-07
vue?頁(yè)面卡死,點(diǎn)擊無(wú)反應(yīng)的問(wèn)題及解決
這篇文章主要介紹了vue?頁(yè)面卡死,點(diǎn)擊無(wú)反應(yīng)的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
vue實(shí)現(xiàn)短信驗(yàn)證碼登錄功能（流程詳解）
無(wú)論是移動(dòng)端還是pc端登錄或者注冊(cè)界面都會(huì)見(jiàn)到手機(jī)驗(yàn)證碼登錄這個(gè)功能，輸入手機(jī)號(hào)，得到驗(yàn)證碼，這篇文章主要介紹了基于vue實(shí)現(xiàn)短信驗(yàn)證碼登錄功能,需要的朋友可以參考下
2019-12-12
詳解如何在vue+element-ui的項(xiàng)目中封裝dialog組件
這篇文章主要介紹了詳解如何在vue+element-ui的項(xiàng)目中封裝dialog組件，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
Vue?eventBus事件總線(xiàn)封裝后再用的方式
EventBus稱(chēng)為事件總線(xiàn),當(dāng)兩個(gè)組件屬于不同的兩個(gè)組件分支,或者兩個(gè)組件沒(méi)有任何聯(lián)系的時(shí)候,不想使用Vuex這樣的庫(kù)來(lái)進(jìn)行數(shù)據(jù)通信,就可以通過(guò)事件總線(xiàn)來(lái)進(jìn)行通信,這篇文章主要給大家介紹了關(guān)于Vue?eventBus事件總線(xiàn)封裝后再用的相關(guān)資料,需要的朋友可以參考下
2022-06-06