跳到主要内容

删除一条学生信息

学生删除功能实现​

在前面的内容中，我们已经完成了学生信息的新增与编辑。 接下来，我们将补全学生管理中一个非常关键、也非常常见的功能：

删除学生信息

删除操作与新增、编辑不同，它通常需要额外注意两点：

  1. 避免误操作（必须二次确认）
  2. 保证请求方式的语义正确（使用 DELETE，而不是 POST）

这一节，我们将完整实现一个带确认弹窗的学生删除功能。

1.删除功能的整体思路​

在开始写代码之前，我们先明确一下实现流程：

flowchart TB
    Start[学生删除功能]

    Start --> A[学生列表页<br/>点击删除按钮]
    A --> B[弹出确认弹窗]

    B -->|取消| C[终止操作]
    B -->|确认| D[fetch 发送 DELETE 请求]

    D --> E[DeleteView.delete 接收请求]
    E --> F[获取学生对象<br/>self.get_object]
    F --> G[执行删除操作]

    G -->|成功| H[返回 JSON<br/>success]
    G -->|失败| I[返回 JSON<br/>error]

    H --> J[前端提示成功<br/>刷新页面]
    I --> K[前端提示失败]

2.配置删除路由（URL）​

删除操作必须明确删除的是哪一个学生，因此 URL 中需要包含学生的主键 pk。

# 代码位置
from django.urls import path
from .views import StudentListView,StudentCreateView,StudentUpdateView,StudentDeleteView

urlpatterns = [
    # 新增
		path('<int:pk>/delete/', StudentDeleteView.as_view(), name='student_delete'), 
]

这里我们引入一个新的视图类 StudentDeleteView，专门用于处理删除请求。

3.编写删除视图（DeleteView）​

🔒 试读结束

继续阅读完整内容

以上为免费预览。前往「Django + Vue 全栈课程」，查看后续完整讲解、案例演示和配套资料。

查看课程详情