Java入门23：用户删除接口对接

该文章是Java入门系列的第二十一章：用户删除接口对接

用户删除接口对接

上一章我们写好了删除接口，这章我们开始对接接口，先打开src\api\SystemSet\UserManage.ts文件，将获取用户列表的接口代码改成如下：

/**
 * 获取用户列表
 * @method getUser
 */
export const getUser = (params: any) => Axios.get(`list`, {
    params: params
});

我们再打开src\views\SystemSet\UserManage\index.vue文件，代码改成如下，将用户id作为参数传给后端：

const handleDel = (row: any) => {
    ElMessageBox.confirm(
        `确定删除用户：${row.realName}（${row.userName}）?`,
        '提示',
        {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
        }
    )
        .then(() => {
            deleteUser({ id: row.id }).then((res: any) => {
                getTableData()
                ElMessage({
                    type: 'success',
                    message: '删除成功',
                })
            })
        })
}

最后我们点击页面上的删除按钮测试一下，没有问题

写在最后

以上就是用户删除接口对接的全部说明