参考的 Spring 入门 CURD 代码和 Ruoyi Vue Read 代码的补充,用于完善后端单表 User 的 CURD 功能

文章介绍了如何在Spring框架下实现用户CRUD操作,包括添加分页功能,以及在RuoyiVue中调用API获取和删除用户的方法,涉及前端确认对话框的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、Spring 入门 CURD 代码:
首先,按照上述步骤创建 User 实体类、UserRepository 接口和 UserController 类。接下来,可以继续完善 UserController 类中的其他 CRUD 方法。

@RestController
@RequestMapping("/users")
public class UserController {

    @Autowired
    private UserRepository userRepository;

    // 省略已有的 GET、POST 和 PUT 方法

    @GetMapping("/")
    public List<User> getAllUsers() {
        return userRepository.findAll();
    }

    // 添加分页功能
    @GetMapping("/page")
    public Page<User> getUsersByPage(@PageableDefault(size = 10, sort = {"id"}, direction = Sort.Direction.DESC) Pageable pageable) {
        return userRepository.findAll(pageable);
    }

    @DeleteMapping("/{id}")
    public ResponseEntity<?> deleteUser(@PathVariable(value = "id") Long userId) {
        User user = userRepository.findById(userId)
                .orElseThrow(() -> new ResourceNotFoundException("User not found with id: " + userId));

        userRepository.delete(user);
        return ResponseEntity.ok().build();
    }
}

这里添加了 getUsersByPage() 方法,用于按照分页获取用户信息。在删除用户时,返回 ResponseEntity 对象,可以在响应中添加一些附加信息。

2、Ruoyi Vue Read 代码:

首先,在 api/user.js 中添加与用户相关的 API 请求方法:

import request from '@/utils/request'

// 获取用户列表(分页)
export function getUsers(page, size) {
  return request({
    url: '/users/page',
    method: 'get',
    params: { page, size }
  })
}

// 删除用户
export function deleteUser(id) {
  return request({
    url: '/users/' + id,
    method: 'delete'
  })
}

接下来,在 views/user/index.vue 中的代码继续完善用户列表的展示和删除功能:

<template>
  <!-- 省略其他代码 -->
  
  <el-row>
    <el-button type="danger" size="small" @click="deleteUser(row.id)">删除</el-button>
  </el-row>
  
  <!-- 省略其他代码 -->
</template>

<script>
import { getUsers, deleteUser } from '@/api/user'

export default {
  // 省略其他代码
  methods: {
    // 省略其他方法

    // 删除用户
    deleteUser(id) {
      this.$confirm('确认删除该用户吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        deleteUser(id).then(() => {
          this.$message.success('删除成功')
          // 刷新用户列表
          this.getUsers()
        })
      }).catch(() => {
        this.$message.info('已取消删除')
      })
    }
  }
}
</script>

这样,当用户点击删除按钮时会弹出确认对话框,点击确定后发起删除用户的请求,并刷新用户列表。

上述代码示例只是一个简单的参考,逻辑与具体需求和代码结构可能有所不同。你可以根据实际情况进行调整和补充相关代码。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值