devbox
代码探险家
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

【Django】开发日报_3.1_Day：员工管理系统-增删改查_基于django的审核功能实现

作者：代码探险家 | 2024-07-26 15:39:09

赞

踩

基于django的审核功能实现

目录

 0、先在数据库中写入测试数据：

 1、将部门列表从数据库加载到前端页面

 2、制作添加页面

 （1）常用快捷键：

 （2）基本制作流程：

 （3）添加页面

3、实现添加功能

4、实现删除功能 

5、实现编辑功能

***使用Django的URL特殊传参方法

0、先在数据库中写入测试数据：

 insert into app01_department(title) value("IT部门"),("销售部门");

结果发生报错：

原因：

建表时，没有设置中文字符（utf8）

修改：

alter table 表名 convert to character set utf8;

友情链接：

ERROR 1366 (HY000): Incorrect string value 解决方案_Acloasia的博客-CSDN博客

插入成功：

查看：

1、将部门列表从数据库加载到前端页面

views.py:

  1. from django.shortcuts import render
  2. from app01 import models
  3. # Create your views here.
  4. def  depart_list(request):
  5.     """部门列表"""
  6.     #1、从数据加载数据
  7.     #qureyset类型=>列表[对象，对象，对象……]
  8.     qureyset = models.Department.objects.all()
  9.  
  10.     return render(request,'depart_list.html',{'qureyset':qureyset})

 depart_list.html:

  1.  
  2.             {% for obj in qureyset %}
  3.               <tr>
  4.                 <th>{{ obj.id }}</th>
  5.                 <td>{{ obj.title }}</td>
  6.                 <td>
  7.                     <a class="btn btn-primary btn-xs">编辑</a>
  8.                     <a class="btn btn-danger btn-xs">删除</a>
  9.                 </td>
  10.               </tr>
  11.             {% endfor %}

访问首页

 2、制作添加页面

（1）常用快捷键：

快速注释 ：ctrl+/

快速对齐：ctrl+alt+L

（2）基本制作流程：

先写url，

再写视图函数，

然后构建模板，

最后实现逻辑功能。

 （3）添加页面

urls.py

  1. from django.contrib import admin
  2. from django.urls import path
  3. from app01 import views
  4.  
  5. urlpatterns = [
  6.     #部门列表
  7.     path('depart/list/', views.depart_list),
  8.     #部门添加
  9.     path('depart/add/', views.depart_add),
  10. ]

views.py

  1. from django.shortcuts import render
  2. from app01 import models
  3. # Create your views here.
  4. def  depart_list(request):
  5.     """部门列表"""
  6.     #1、从数据加载数据
  7.     #qureyset类型=>列表[对象，对象，对象……]
  8.     qureyset = models.Department.objects.all()
  9.  
  10.     return render(request,'depart_list.html',{'qureyset':qureyset})
  11.  
  12. def depart_add(request):
  13.     """添加部门"""
  14.  
  15.     return render(request,'depart_add.html')

depart_add.html

  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Title</title>
  7.     <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
  8.     <style>
  9.         .navbar {
  10.             border-radius: 0;
  11.         }
  12.     </style>
  13. </head>
  14. <body>
  15. <!--导航-->
  16. <nav class="navbar navbar-default">
  17.     <div class="container">
  18.         <div class="navbar-header">
  19.             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  20.                     data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  21.                 <span class="sr-only">Toggle navigation</span>
  22.                 <span class="icon-bar"></span>
  23.                 <span class="icon-bar"></span>
  24.                 <span class="icon-bar"></span>
  25.             </button>
  26.             <a class="navbar-brand" href="#">联通用户管理系统</a>
  27.         </div>
  28.  
  29.         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  30.             <ul class="nav navbar-nav">
  31.                 <li><a href="/depart/list">部门管理</a></li>
  32.                 <li><a href="/depart/list">Link</a></li>
  33.             </ul>
  34.             <ul class="nav navbar-nav navbar-right">
  35.                 <li><a href="#">登录</a></li>
  36.                 <li class="dropdown">
  37.                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
  38.                        aria-expanded="false">代码骑士 <span class="caret"></span></a>
  39.                     <ul class="dropdown-menu">
  40.                         <li><a href="#">个人资料</a></li>
  41.                         <li><a href="#">我的信息</a></li>
  42.                         <li role="separator" class="divider"></li>
  43.                         <li><a href="#">注销</a></li>
  44.                     </ul>
  45.                 </li>
  46.             </ul>
  47.         </div>
  48.     </div>
  49. </nav>
  50. <!--添加部门表单-->
  51. <div>
  52.     <div class="container">
  53.         <div class="panel panel-default">
  54.             <div class="panel-heading">
  55.                 <h3 class="panel-title"> 新建部门 </h3>
  56.             </div>
  57.             <div class="panel-body">
  58.                 <form>
  59.                     <div class="form-group">
  60.                         <label> 标题 </label>
  61.                         <input type="text" class="form-control" placeholder="标题" name="title"/>
  62.                     </div>
  63.  
  64.                     <button type="submit" class="btn btn-primary"> 提交 </button>
  65.                 </form>
  66.             </div>
  67.         </div>
  68.     </div>
  69. </div>
  70.  
  71. <script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
  72. <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
  73. </body>
  74. </html>

访问网页

3、实现添加功能

代码：

views.py

  1. def depart_add(request):
  2.     """添加部门"""
  3.     #1、处理请求
  4.     if request.method == "GET":
  5.         return render(request,'depart_add.html')
  6.  
  7.     #获取用户提交的POST请求（暂时不考虑title为空的情况，后面有简单方法处理）
  8.     title = request.POST.get("title")
  9.  
  10.     #2、保存到数据库
  11.     models.Department.objects.create(title=title)
  12.  
  13.     #3、从定向回到部门列表
  14.     return  redirect("/depart/list/")
'
运行

depart_add.html

  1.  <!--表单-->
  2.                 <form method="post"><!--action可以不写，因为不写的话提交的是当前地址-->
  3.                     {% csrf_token %}
  4.                     <div class="form-group">
  5.                         <label> 标题 </label>
  6.                         <input type="text" class="form-control" placeholder="标题" name="title"/>
  7.                     </div>
  8.  
  9.                     <button type="submit" class="btn btn-primary"> 提交 </button>
  10.                 </form>

 测试：

添加：

成功：

 数据库： 

4、实现删除功能 

urls.py

  1. from django.contrib import admin
  2. from django.urls import path
  3. from app01 import views
  4.  
  5. urlpatterns = [
  6.     #部门列表
  7.     path('depart/list/', views.depart_list),
  8.     #部门添加
  9.     path('depart/add/', views.depart_add),
  10.     #部门删除
  11.     path('depart/delete/', views.depart_delete),
  12. ]

views.py

  1. def depart_delete(request):
  2.     """删除部门"""
  3.     #1、获取id
  4.     #通过get请求得到url的参数实现删除http://127.0.0.1:8000/depart/delete/?nid=1
  5.     nid = request.GET.get("nid")
  6.     #2、删除
  7.     models.Department.objects.filter(id=nid).delete()
  8.     # 3、重定向回到部门列表
  9.     return redirect("/depart/list/")
'
运行

修改depart_list.html

  1.                 {% for obj in qureyset %}
  2.                     <tr>
  3.                         <th>{{ obj.id }}</th>
  4.                         <td>{{ obj.title }}</td>
  5.                         <td>
  6.                             <a class="btn btn-primary btn-xs">编辑</a>
  7.                             <a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{ obj.id }}">删除</a>
  8.                         </td>
  9.                     </tr>
  10.                 {% endfor %}

测试

删除

数据库

 successfully！

5、实现编辑功能

***使用Django的URL特殊传参方法

urls.py

  1.     #部门修改
  2. #http://127.0.0.1:8000/depart/1/edit/
  3. #http://127.0.0.1:8000/depart/2/edit/
  4. #http://127.0.0.1:8000/depart/3/edit/
  5. #……
  6.     path('depart/<int:nid>/edit/', views.depart_edit),
  7. ]

views.py

  1. def depart_edit(request,nid):
  2.     """部门修改"""
  3.     return render(request,'depart_edit.html')
'
运行

depart_list.html

<a class="btn btn-primary btn-xs" href="/depart/{{ obj.id }}/edit/">编辑</a>

实现代码：

urls.py

  1. from django.contrib import admin
  2. from django.urls import path
  3. from app01 import views
  4.  
  5. urlpatterns = [
  6.     #部门列表
  7.     path('depart/list/', views.depart_list),
  8.     #部门添加
  9.     path('depart/add/', views.depart_add),
  10.     #部门删除
  11.     path('depart/delete/', views.depart_delete),
  12.     #部门修改
  13. #http://127.0.0.1:8000/depart/1/edit/
  14. #http://127.0.0.1:8000/depart/2/edit/
  15. #http://127.0.0.1:8000/depart/3/edit/
  16. #……
  17.     path('depart/<int:nid>/edit/', views.depart_edit),
  18. ]

views.py

  1. def depart_edit(request,nid):
  2.     """部门修改"""
  3.     if request.method == "GET":
  4.         # 根据nid，获取想要编辑的一行对象
  5.         row_object = models.Department.objects.filter(id=nid).first()
  6.         # print(row_object.id,row_object.title)
  7.         return render(request, 'depart_edit.html', {"row_object": row_object})
  8.  
  9.     #如果用户传递过来一个post请求
  10.     #1、获取用户提交的title
  11.     title = request.POST.get("title")
  12.     #2、根据id到数据库中的数据进行更新
  13.     models.Department.objects.filter(id=nid).update(title=title)
  14.     #3、重定向用户列表
  15.     return redirect("/depart/list/")
'
运行

depart_list.html

  1. {% for obj in qureyset %}
  2.                     <tr>
  3.                         <th>{{ obj.id }}</th>
  4.                         <td>{{ obj.title }}</td>
  5.                         <td>
  6.                             <a class="btn btn-primary btn-xs" href="/depart/{{ obj.id }}/edit/">编辑</a>
  7.                             <a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{ obj.id }}">删除</a>
  8.                         </td>
  9.                     </tr>
  10.                 {% endfor %}

depart_edit.html

  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Title</title>
  7.     <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
  8.     <style>
  9.         .navbar {
  10.             border-radius: 0;
  11.         }
  12.     </style>
  13. </head>
  14. <body>
  15. <!--导航-->
  16. <nav class="navbar navbar-default">
  17.     <div class="container">
  18.         <div class="navbar-header">
  19.             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  20.                     data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  21.                 <span class="sr-only">Toggle navigation</span>
  22.                 <span class="icon-bar"></span>
  23.                 <span class="icon-bar"></span>
  24.                 <span class="icon-bar"></span>
  25.             </button>
  26.             <a class="navbar-brand" href="#">联通用户管理系统</a>
  27.         </div>
  28.  
  29.         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  30.             <ul class="nav navbar-nav">
  31.                 <li><a href="/depart/list">部门管理</a></li>
  32.                 <li><a href="/depart/list">Link</a></li>
  33.             </ul>
  34.             <ul class="nav navbar-nav navbar-right">
  35.                 <li><a href="#">登录</a></li>
  36.                 <li class="dropdown">
  37.                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
  38.                        aria-expanded="false">代码骑士 <span class="caret"></span></a>
  39.                     <ul class="dropdown-menu">
  40.                         <li><a href="#">个人资料</a></li>
  41.                         <li><a href="#">我的信息</a></li>
  42.                         <li role="separator" class="divider"></li>
  43.                         <li><a href="#">注销</a></li>
  44.                     </ul>
  45.                 </li>
  46.             </ul>
  47.         </div>
  48.     </div>
  49. </nav>
  50. <!--添加部门表单-->
  51. <div>
  52.     <div class="container">
  53.         <div class="panel panel-default">
  54.             <div class="panel-heading">
  55.                 <h3 class="panel-title"> 修改部门 </h3>
  56.             </div>
  57.             <div class="panel-body">
  58.                 <!--表单-->
  59.                 <form method="post"><!--action可以不写，因为不写的话提交的是当前地址-->
  60.                     {% csrf_token %}
  61.                     <div class="form-group">
  62.                         <label> 标题 </label>
  63.                         <input type="text" class="form-control" placeholder="标题" name="title" value="{{ row_object.title }}"/>
  64.                     </div>
  65.  
  66.                     <button type="submit" class="btn btn-primary"> 提交 </button>
  67.                 </form>
  68.             </div>
  69.         </div>
  70.     </div>
  71. </div>
  72.  
  73. <script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
  74. <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
  75. </body>
  76. </html>

测试：

修改

完成

数据库

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/代码探险家/article/detail/886022
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号