当前位置：首页 > news >正文

部门管理｜“删除部门”功能实现（Django5零基础Web平台）

news 2025/10/10 10:05:15

ps：不好意思，Django5系列拖了这么久，以后会及时更新完成系列文章的，希望小伙伴们多多点赞支持哈～

今天我们来完成“部门管理”页面，「删除」功能的实现

需求：

做一个部门展示的页面，包含新增，删除，编辑三个功能

原型图：

640

开发方案：

1、urls.py

添加 depart/delete/页面

from django.urls import path
from app01 import viewsurlpatterns = [# path('admin/', admin.site.urls),path('login/', views.login),path('user/',views.user),path('depart/list/',views.depart_list),path('depart/add/',views.depart_add),path('depart/delete/',views.depart_delete)
]

2、views.py

新增 depart_delete函数：获取id，执行删除操作

from django.shortcuts import render, HttpResponse, redirect
from app01 import modelsdef depart_delete(request):"""删除部门"""# 获取 nidnid = request.GET.get("nid")# 执行删除数据操作models.Department.objects.filter(id=nid).delete()# 重定向回“部门列表”页return redirect("/depart/list/")

3、depart_list.html

添加“删除”按钮链接，完成删除操作

完整代码

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- 导入bootstrap文件 --><link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}"><!-- 去掉圆角 --><style>.navbar {border-radius: 0;}</style>
</head>
<body>
<!-- 直接导入bootstrap导航样式 -->
<nav class="navbar navbar-default"><div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse"data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">测试平台</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li class="active"><a href="/depart/list/">部门管理 <span class="sr-only">(current)</span></a></li><li><a href="#">Link</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#">登录</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"aria-expanded="false">大飞 <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">个人资料</a></li><li><a href="#">我的信息</a></li><li role="separator" class="divider"></li><li><a href="#">注销</a></li></ul></li></ul></div></div>
</nav>
<div><div class="container"><div style="margin-bottom: 10px"><a class="btn btn-success" href="/depart/add/"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>新建部门</a></div><div class="panel panel-default"><!-- Default panel contents --><div class="panel-heading"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>部门列表</div><!-- Table --><table class="table table-bordered"><thead><tr><th>ID</th><th>名称</th><th>操作</th></tr></thead><tbody>{% for obj in queryset %}<tr><th>{{ obj.id }}</th><td>{{ obj.title }}</td><td><a class="btn  btn-primary btn-xs">编辑</a><a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{ obj.id }}">删除</a></td></tr>{% endfor %}</tbody></table></div></div>
</div><script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script></body>
</html>