django学习入门系列之第十点《A 案例：员工管理系统4》

news2024/9/20 22:28:32

文章目录

6 部门管理（原始方式）
- 6.6 添加界面的导入（数据库）
- 6.7 删除按键的应用
- 6.8 编辑按键的应用
- - 6.81 传值的另一种方式
- 6.9 提交按键的应用
往期回顾

6 部门管理（原始方式）

6.6 添加界面的导入（数据库）

<div class="form-group">
                        <label for="exampleInputName2">部门名称</label>
                        <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入你所在的部门" name="department" >
                    </div>

def add(request):
    if request.method == 'GET':
        return render(request, "add.html")
    department = request.POST.get('department')
    models.Department.objects.create(title=department)
    return redirect("/nima/")

6.7 删除按键的应用

def delete(request):
    nid = request.GET.get('nid')
    models.Department.objects.filter(id=nid).delete()
    return redirect("/nima/")

<a href="/delete/?nid={{ foo.id }}" class="btn btn-danger btn-xs">删除</a>

6.8 编辑按键的应用

6.81 传值的另一种方式

将值放在中间，嵌套到url中

path('<int:uid>edit/', views.edit),

这样写的话，以后传递地址的网址是这样的

添加上述写法之后
http://127.0.1:8000/depart/10/edit/
http://127.0.0.1:8000/depart/2/edit/
http://127.0.0.1:8000/depart/4/edit/

原本的样子
http://127.0.1:8000/depart/edit/
http://127.0.0.1:8000/depart/edit/
http://127.0.0.1:8000/depart/edit/

函数的变化

def edit(request, uid):
    return render(request, "edit.html")

def edit(request, uid):

    # 注意，不能直接取，直接取的话是一个列表
    row_object = models.Department.objects.filter(id=uid).first()
    return render(request, "edit.html", {'row_object': row_object})

将默认值改写

value="{{ row_object.title }}" >

<div class="form-group">
   <label for="exampleInputName2">部门名称</label>
   <input type="text" class="form-control" id="exampleInputName2"  name="department" value="{{ row_object.title }}" >
</div>

text.html界面的改写

<a href="/{{ foo.id }}/edit/" class="btn btn-primary btn-xs">修改</a>

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加用户</title>
    <link rel="stylesheet" href="{% static 'plugins/font-awesome-4.7.0/css/font-awesome.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css' %}">

</head>
<body>
<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><a href="/list">部门管理</a></li>
                <li><a href="/user">用户管理</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 class="panel panel-default">
            <div class="panel-heading">修改部门</div>
            <div class="panel-body">
                <form class="form-inline" method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <label for="exampleInputName2">部门名称</label>
                        <input type="text" class="form-control" id="exampleInputName2" name="department"
                               value="{{ row_object.title }}">
                    </div>
                    <button type="submit" class="btn btn-primary">提交</button>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="{% static 'js/js.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.js' %}"></script>
</body>
</html>

在这里插入图片描述

6.9 提交按键的应用

其他地方基本没啥变动

def edit(request, uid):
    if request.method =='GET':
        # 注意，不能直接取，直接取的话是一个列表
        row_object = models.Department.objects.filter(id=uid).first()
        return render(request, "edit.html", {'row_object': row_object})

    new_data = request.POST.get('department')
    models.Department.objects.filter(id=uid).update(title=new_data)
    return redirect("/nima/")

往期回顾

1.【快速开发网站】
2.【浏览器能识别的标签1】
3.【浏览器能识别的标签2】
4.【浏览器能识别的标签3】
5.【浏览器能识别的标签4】
6.【案例1：用户注册】
7.【案例2：用户注册改进】
8.【快速了解 CSS】
9.【常用选择器概念讲解】
10.【CSS基础样式介绍1】
11.【CSS基础样式介绍2】
12.【CSS基础样式介绍3】
13.【CSS基础样式介绍3】
14.【案例小米商城头标】
15.【案例小米商城头标总结】
16.【案例小米商城二级菜单】
17.【案例商品推荐部分】
18.【伪类简单了解】
19.【position】
20.【案例小米商城中app图标代码】
21.【边框及总结】
22.【BootSrap初了解】
23.【BootSrap的目录栏】
24.【BootSrap的栅格系统】
25.【案例博客案例】
26.【案例登录】
27.【案例后台管理样例】
28.【图标】
29.【BootStrap依赖】
30.【javascript初了解】
31.【jJavaScript的变量】
32.【JavaScript的字符串类型】
33.【JavaScript的数组介绍】
34.【案例动态数据】
35.【javascript 对象（字典）】
36.【案例动态表格】
37.【Javascript的条件语句和函数】
38.【DOM初了解】
39.【DOM的事件了解】
40.【jQuery初了解】
41.【jQuery寻找标签】
42.【jQuery寻找标签2】
43.【jQuery寻找标签(间接寻找)】
44.【案例菜单的切换】
45.【案例只能打开一个菜单】
46.【jQuery 简单操作】
47.【案例动态创建数据】
48.【案例点击获取文本】
49.【案例点击删除文本】
50.【案例表格操作】
51.【案例添加页面】
52.【初识MySQL】
53.【MySQL命令介绍一】
54.【MySQL命令介绍二】
55.【MySQL命令介绍三】
56.【案例：员工管理】
57.【案例 Flask+MySQL新增用户】
58.【案例 Flask+MySQL查询所有用户】
59.【初识 django】
60.【django的快速上手】
61.【django的模板语法】
62.【django的获取请求与响应】
63.【案例用户登录】
64.【django中数据库操作】
65.【django中数据库操作–创建与删除表】
66.【django中数据库操作–操作表中的数据】
67.【案例用户管理】
68.【A 案例：员工管理系统1】
69.【A 案例：员工管理系统2】
70.【A 案例：员工管理系统3】