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

Django学习2-用户管理系统（简单部门管理、用户管理）_django用户管理系统

作者：繁依Fanyi0 | 2024-07-22 12:47:02

赞

踩

django用户管理系统

目录

1、创建项目和app

1.创建项目

2.创建app

2种创建方式

注册app

2、表结构的创建

Django中的模型字段有很多种，包括但不限于：

设计表结构（Django）

在models.py文件中创建表：部门表和员工表

 加入性别列：在Django中做约束

 代码实现：

3、生成数据库

在MySQL中生成表

通过工具连接MySQL生成数据库

修改配置文件，连接MySQL

表 Django命令生成数据库中的表（前提：已选解释器位置安装了mysqlclient）

4、部门列表展示

静态文件管理

部门管理

部门列表：

5、数据库和部门界面的交互

部门-数据库数据

部门-添加页面（静态）

部门-添加（动态）

部门-删除

部门-编辑

6、数据库与用户界面的交互

模板的继承

用户-列表

用户-添加（原始方法）

Form和ModelForm

原始方法：

Form

ModelForm

用户-添加（ModelForm）

用户-添加和错误提示

编辑用户：

 删除用户

整体代码： 

主题：员工管理系统

1、创建项目和app

1.创建项目

后续 Django命令生成数据库中的表时，发现没有安装mysqlclient，因此更换了解释器的地址为：

D:\software\study software\pycharm\python\python\python.exe

2.创建app

2种创建方式

方式一： 进入文件所在目录的终端，执行python manage.py startapp app01 命令创建 app

方式二：打开这个命令窗口相当于帮助我们执行了python manage.py ，只需输入startapp app01命令即可

注册app

在setting.py文件中注册

2、表结构的创建

Django中的模型字段有很多种，包括但不限于：

  • AutoField：自动增长的整数字段。
  • BigAutoField：64位自动增长的整数字段。
  • BigIntegerField：64位整数字段。
  • BinaryField：二进制数据字段。
  • BooleanField：布尔值字段。
  • CharField：字符字段。
  • DateField：日期字段。
  • DateTimeField：日期时间字段。
  • DecimalField：十进制小数字段。
  • DurationField：时间段字段。
  • EmailField：电子邮件地址字段。
  • FileField：文件上传字段。
  • FloatField：浮点数字段。
  • ForeignKey：外键字段。
  • ImageField：图片上传字段。
  • IntegerField：整数字段。
  • JSONField：JSON数据字段。
  • NullBooleanField：可空布尔值字段。
  • PositiveIntegerField：正整数字段。
  • PositiveSmallIntegerField：正小整数字段。
  • SlugField：短标签字段。
  • SmallIntegerField：小整数字段。
  • TextField：文本字段。

设计表结构（Django）

在models.py文件中创建表：部门表和员工表

 加入性别列：在Django中做约束

 

 代码实现：

  1. from django.db import models
  2.  
  3.  
  4. # Create your models here.
  5. class Department(models.Model):
  6.     """ 部门表 """
  7.     # Django会自动帮我们生成id，并且是自增的，当然也可以自己创建
  8.     # id = models.BigAutoField(verbose_name='ID', primary_key=True)
  9.     # verbose_name注解，可以知道某列代表什么意思
  10.     title = models.CharField(verbose_name='标题', max_length=32)
  11.  
  12.  
  13. class UserInfo(models.Model):
  14.     """  员工表  """
  15.     name = models.CharField(verbose_name='姓名', max_length=16)
  16.     password = models.CharField(verbose_name='密码', max_length=64)
  17.     age = models.IntegerField(verbose_name='年龄')
  18.     # 最大10位数，小数位占两位，新员工不充值默认是0
  19.     account = models.DecimalField(verbose_name='账户余额', max_digits=10, decimal_places=2, default=0)
  20.     create_time = models.DateTimeField(verbose_name='入职时间')
  21.  
  22.     # 无约束：
  23.     # depart_id = models.BigIntegerField(verbose_name='部门ID')
  24.  
  25.     # 1.有约束
  26.     #   ——to：与哪张表关联， to_field:与表中哪一列关联
  27.     # 2.写的depart，Django内部会自动帮我们 生成depart_id
  28.     # 3.部门表被删除
  29.     #   ——on_delete=models.CASCADE()级联删除，
  30.     depart = models.ForeignKey(to='Department', to_field='id', on_delete=models.CASCADE)
  31.     #   ——置空
  32.     # depart = models.ForeignKey(to='Department', to_field='id', null=True, blank=True, on_delete=models.SET_NULL)
  33.  
  34.     # 在Django中做约束
  35.     gender_choices = (
  36.         (1, "男"),
  37.         (2, "女")
  38.     )
  39.     gender = models.SmallIntegerField(verbose_name="性别",choices=gender_choices)

3、生成数据库

在MySQL中生成表

ORM只能生成类，不能生成数据库：

通过工具连接MySQL生成数据库

create database gx_day16 DEFAULT CHARSET utf8 COLLATE utf8_general_ci;

修改配置文件，连接MySQL

  1. DATABASES = {
  2.     'default': {
  3.         'ENGINE': 'django.db.backends.mysql',
  4.         'NAME': 'gx_day16',  # 数据库名字
  5.         'USER': 'root',
  6.         'PASSWORD': 'Sjf5211314',
  7.         'HOST': '127.0.0.1',  # 哪台机器安装了MySQL（本机）
  8.         'PORT': 3306,
  9.     }
  10. }

表 Django命令生成数据库中的表（前提：已选解释器位置安装了mysqlclient）

  1. python manage.py makemigrations
  2. python manage.py migrate
  3. #另一种直接输入：打开工具——>运行manage.py任务
  4. makemigrations
  5. migrate

表结构创建成功 ：

4、部门列表展示

静态文件管理

应该是templates

部门管理

 体验：先用最原始方法来做

 后续：Django中提供Form和ModelForm组件（方便）

部门列表：

大概要实现的界面图

 组件 · Bootstrap v3 中文文档 | Bootstrap 中文网 (bootcss.com)h

depart_list.html的导航参考
depart_list.html的内容部分参考

urls.py:新建一个路径path('depart/add', views.depart_add),

views.py:新建一个视图函数

depart_list.html:静态页面代码实现（借助Bootstrap框架）

  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.             {#去掉圆角样式#}
  11.             border-radius: 0;
  12.         }
  13.     </style>
  14. </head>
  15. <body>
  16. <nav class="navbar navbar-default">
  17. {#  container-fluid：导航平铺 container：让导航居中 #}
  18.   <div class="container">
  19.     <div class="navbar-header">
  20.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 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.  
  30.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  31.       <ul class="nav navbar-nav">
  32.         <li><a href="/depart/list">部门管理</a></li>
  33.           <li><a href="#">部门管理</a></li>
  34.       </ul>
  35.       <ul class="nav navbar-nav navbar-right">
  36.         <li><a href="#">登录</a></li>
  37.         <li class="dropdown">
  38.           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" 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="#">注销Separated link</a></li>
  44.           </ul>
  45.         </li>
  46.       </ul>
  47.     </div>
  48.   </div>
  49. </nav>
  50.  
  51. {#内容部分#}
  52. <div>
  53.     <div class="container">
  54.         {#按钮#}
  55.         <div style="margin-bottom: 10px">
  56.             <a class="btn btn-success " href="#">
  57.                 <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
  58.                 新建部门
  59.             </a>
  60.         </div>
  61.         <div class="panel panel-default">
  62.           <!-- Default panel contents -->
  63.           <div class="panel-heading">
  64.               <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
  65.               部门列表
  66.           </div>
  67.  
  68.           <!-- Table -->
  69.           <table class="table table-bordered" >
  70.             <thead>
  71.               <tr>
  72.                 <th>ID</th>
  73.                 <th>名称</th>
  74.                 <th>操作</th>
  75.               </tr>
  76.             </thead>
  77.             <tbody>
  78.               <tr>
  79.                 <th>1</th>
  80.                 <td>销售部</td>
  81.                 <td>
  82.                     <a class="btn btn-primary btn-xs">编辑</a>
  83.                     <a class="btn btn-danger btn-xs">删除</a>
  84.                 </td>
  85.               </tr>
  86.             </tbody>
  87.           </table>
  88.         </div>
  89.  
  90.     </div>
  91. </div>
  92.  
  93.  
  94. <script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
  95. <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
  96. </body>
  97. </html>

当前效果图：

html的静态页面，一个导航栏，一个内容的表格，表格中的内容是写死的

5、数据库和部门界面的交互

部门-数据库数据

在终端运行命令：insert into app01_depqrtment(title) values("IT部门")，("销售部");在部门表中添加两个部门

views.py:通过queryset = models.Department.objects.all()获取数据库gx_day16的app01_department中的数据，得到的是QuerySet类型，是一个列表，列表中是一行一行的数据，每一行都是一个对象，对象中封装了id、title等。

depart_list:把部门表中的数据动态加载到前端界面的表格中。

表格中的数据是通过访问部门表得到的，是动态的，会随着部门表的更新而更新。

部门-添加页面（静态）

 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.             {#去掉圆角样式#}
  11.             border-radius: 0;
  12.         }
  13.     </style>
  14. </head>
  15. <body>
  16. {#导航部分#}
  17. <nav class="navbar navbar-default">
  18. {#  container-fluid：导航平铺 container：让导航居中 #}
  19.   <div class="container">
  20.     <div class="navbar-header">
  21.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  22.         <span class="sr-only">Toggle navigation</span>
  23.         <span class="icon-bar"></span>
  24.         <span class="icon-bar"></span>
  25.         <span class="icon-bar"></span>
  26.       </button>
  27.       <a class="navbar-brand" href="#">联通用户管理系统</a>
  28.     </div>
  29.  
  30.  
  31.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  32.       <ul class="nav navbar-nav">
  33.         <li><a href="/depart/list">部门管理</a></li>
  34.           <li><a href="#">部门管理</a></li>
  35.       </ul>
  36.       <ul class="nav navbar-nav navbar-right">
  37.         <li><a href="#">登录</a></li>
  38.         <li class="dropdown">
  39.           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">大炮<span class="caret"></span></a>
  40.           <ul class="dropdown-menu">
  41.             <li><a href="#">个人资料</a></li>
  42.             <li><a href="#">我的信息</a></li>
  43.             <li role="separator" class="divider"></li>
  44.             <li><a href="#">注销Separated link</a></li>
  45.           </ul>
  46.         </li>
  47.       </ul>
  48.     </div>
  49.   </div>
  50. </nav>
  51.  
  52. <div>
  53.     <div class="container">
  54.         <div class="panel panel-default">
  55.           <div class="panel-heading">
  56.             <h3 class="panel-title">新建部门</h3>
  57.           </div>
  58.           <div class="panel-body">
  59.             <form >
  60.                <div class="form-group">
  61.                    <label>标题</label>
  62.                    <input type="text" class="form-control" placeholder="标题" name="title">
  63.                </div>
  64.               <button type="submit" class="btn btn-primary" >提交</button>
  65.             </form>
  66.           </div>
  67.         </div>
  68.     </div>
  69. </div>
  70. <script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
  71. <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
  72. </body>
  73. </html>

实现了一个静态的添加界面

部门-添加（动态）

实现点击depart/list界面的新建部门按钮 可以跳转到depart/add界面，然后输入要新建的部门，点击提交，跳转到depart/list界面，并且表格中增加的新建的部门。

views.py:

如果是GET请求，就返回depart_add界面，如果是POST请求，就获取用户提交过来的数据，把数据保存到数据库，然后重定向返回部门列表depart/list.

部门-删除

部门-编辑

实现点击depart/list界面的编辑，可以将对应的id和title传递到终端

 实现在depart/list界面接收传递过来的title，并把其设置为input的默认值

 实现更改后，在原数据上进行更改

截至目前：实现了部门的增删改查

6、数据库与用户界面的交互

模板的继承

部门列表、添加部门、编辑部门中有一些相同的东西，例如导航栏，样式的引入......,如果需要更改相同部分的内容，每个文件里边都要进行修改，相当繁琐。

 模板：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <link rel="stylesheet" href="">
  7.     {% block css %}{% endblock %}
  8. </head>
  9. <body>
  10.     <h1>标题</h1>
  11.     <div>
  12.         {% block content %}{% endblock %}
  13.     </div>
  14.     <h1>底部</h1>
  15.  
  16.  
  17.     <script></script>
  18.     {% block js %}{% endblock %}
  19. </body>
  20. </html>

继承模板：

  1. {#继承模板#}
  2. {% extends 'layout.html' %}
  3. {#如果每个页面既有共有的样式也有独有的样式，可以继承共有的，单独写独有的#}
  4. {% block css %}
  5.     <link rel="stylesheet" href="">
  6.     <style>
  7.  
  8.     </style>
  9. {% endblock %}
  10.  
  11.  
  12. {% block content %}
  13.     <h1>首页</h1>
  14. {% endblock %}
  15.  
  16. {% block js %}
  17.     <script>
  18.  
  19.     </script>
  20. {% endblock %}

用户-列表

insert  into app01_userinfo(name,password,age,account,create_time,gender,depart_id)values("刘东","123",23,100.68,"2010-11-11",1,2)

  • 时间字段是datetime类型，使用obj.create_time.strftime("%Y-%m-%d")将其转换为字符串类型，并且只保存年月日。

  • 对于性别：数据库中存的是1、2，但是在django中做了如下约束

用obj.get_gender_display()来拿到性别 

  • 对于部门obj.depart_id获取数据库中存取的字段的名字，只是数字,obj.depart.title 根据id自动去干关联的表中去获取那一行数据的depart对象

最终实现：

用户-添加（原始方法）

类似与部门列表的添加

user_add.html:

  1. {% extends 'layout.html' %}
  2.  
  3. {% block content %}
  4.  
  5. <div class="container">
  6.     <div class="panel panel-default" >
  7.       <div class="panel-heading">
  8.         <h3 class="panel-title">新建用户</h3>
  9.       </div>
  10.       <div class="panel-body">
  11.         <form method="POST">
  12.             {% csrf_token %}
  13.            <div class="form-group">
  14.                <label>姓名</label>
  15.                <input type="text" class="form-control" placeholder="姓名" name="user">
  16.            </div>
  17.            <div class="form-group">
  18.                <label>密码</label>
  19.                <input type="text" class="form-control" placeholder="密码" name="pwd">
  20.            </div>
  21.            <div class="form-group">
  22.                <label>年龄</label>
  23.                <input type="text" class="form-control" placeholder="年龄" name="age">
  24.            </div>
  25.            <div class="form-group">
  26.                <label>余额</label>
  27.                <input type="text" class="form-control" placeholder="余额" name="ac">
  28.            </div>
  29.            <div class="form-group">
  30.                <label>入职时间</label>
  31.                <input type="text" class="form-control" placeholder="入职时间" name="ctime">
  32.            </div>
  33.            <div class="form-group">
  34.                <label>性别</label>
  35.                <select class="form-control" name="gd">
  36. {#                   <option value="2">女</option> 写死#}
  37.                    {% for item in gender_choices %}
  38.                        <option value="{{ item.0 }}">{{ item.1 }}</option>
  39.                    {% endfor %}
  40.                </select>
  41.            </div>
  42.            <div class="form-group">
  43.                <label>部门</label>
  44.                <select class="form-control" name="dp">
  45.                    {% for item in depart_list %}
  46.                    <option value="{{ item.id }}">{{ item.title }}</option>
  47.                    {% endfor %}
  48.                </select>
  49.            </div>
  50.           <button type="submit" class="btn btn-primary" >提交</button>
  51.         </form>
  52.  
  53.       </div>
  54.     </div>
  55. </div>
  56. {% endblock %}

Form和ModelForm

原始方法：

views.py

  1. def user_add(request):
  2.     """ 添加用户（原始方式）"""
  3.     if request.method == "GET":
  4.         context = {
  5.             'gender_choices': models.UserInfo.gender_choices,
  6.             'depart_list': models.Department.objects.all()
  7.         }
  8.         return render(request, "user_add.html", context)
  9.     # 如果是POST请求，获取用户提交的数据
  10.     user = request.POST.get('user')
  11.     pwd = request.POST.get('pwd')
  12.     age = request.POST.get('age')
  13.     account = request.POST.get('ac')
  14.     ctime = request.POST.get('ctime')
  15.     gender = request.POST.get('gd')
  16.     depart_id = request.POST.get('dp')
  17.  
  18.     # 添加到数据库
  19.     models.UserInfo.objects.create(name=user, password=pwd,
  20.                                    age=age, account=account, create_time=ctime,
  21.                                    gender=gender, depart_id=depart_id)
  22.  
  23.     # 返回到用户列表页面
  24.     return redirect("/user/list/")

user_add.html:

  1. {% extends 'layout.html' %}
  2.  
  3. {% block content %}
  4.  
  5. <div class="container">
  6.     <div class="panel panel-default" >
  7.       <div class="panel-heading">
  8.         <h3 class="panel-title">新建用户</h3>
  9.       </div>
  10.       <div class="panel-body">
  11.         <form method="POST">
  12.             {% csrf_token %}
  13.            <div class="form-group">
  14.                <label>姓名</label>
  15.                <input type="text" class="form-control" placeholder="姓名" name="user">
  16.            </div>
  17.            <div class="form-group">
  18.                <label>密码</label>
  19.                <input type="text" class="form-control" placeholder="密码" name="pwd">
  20.            </div>
  21.            <div class="form-group">
  22.                <label>年龄</label>
  23.                <input type="text" class="form-control" placeholder="年龄" name="age">
  24.            </div>
  25.            <div class="form-group">
  26.                <label>余额</label>
  27.                <input type="text" class="form-control" placeholder="余额" name="ac">
  28.            </div>
  29.            <div class="form-group">
  30.                <label>入职时间</label>
  31.                <input type="text" class="form-control" placeholder="入职时间" name="ctime">
  32.            </div>
  33.            <div class="form-group">
  34.                <label>性别</label>
  35.                <select class="form-control" name="gd">
  36. {#                   <option value="2">女</option> 写死#}
  37.                    {% for item in gender_choices %}
  38.                        <option value="{{ item.0 }}">{{ item.1 }}</option>
  39.                    {% endfor %}
  40.                </select>
  41.            </div>
  42.            <div class="form-group">
  43.                <label>部门</label>
  44.                <select class="form-control" name="dp">
  45.                    {% for item in depart_list %}
  46.                    <option value="{{ item.id }}">{{ item.title }}</option>
  47.                    {% endfor %}
  48.                </select>
  49.            </div>
  50.           <button type="submit" class="btn btn-primary" >提交</button>
  51.         </form>
  52.  
  53.       </div>
  54.     </div>
  55. </div>
  56. {% endblock %}

Form

views.py

  1. # myForm类继承django的Form
  2. class MyForm(Form):
  3.     # widget=forms.Input是插件，可以直接在前端页面生成一个输入框
  4.     user = forms.CharField(widget=forms.Input)
  5.     pwd = form.CharFiled(widget=forms.Input)
  6.     email = form.CharFiled(widget=forms.Input)
  7.     account = form.CharFiled(widget=forms.Input)
  8.     create_time = form.CharFiled(widget=forms.Input)
  9.     depart = form.CharFiled(widget=forms.Input)
  10.     gender = form.CharFiled(widget=forms.Input)
  11.  
  12.  
  13. def user_add(request):
  14.     if request.method == "GET":
  15.         # 实例化一个对象
  16.         form = MyForm()
  17.         return render(request, 'user_add.html',{"form":form})

user_add.html

  1. ```html
  2. <form method="post">
  3.     {% for field in form%}
  4.     	{{ field }}
  5.     {% endfor %}
  6.     <!-- <input type="text"  placeholder="姓名" name="user" /> -->
  7. </form>
  8. ```
  9.  
  10. ```html
  11. <form method="post">
  12.     <!-- 会自动生成html标签 <input type="text" class="form-control" placeholder="姓名" name="user"> -->
  13.     {{ form.user }} 
  14.     {{ form.pwd }}
  15.     {{ form.email }}
  16.     <!-- <input type="text"  placeholder="姓名" name="user" /> -->
  17. </form>
  18. ```

ModelForm

models.py

  1. class UserInfo(models.Model):
  2.     """ 员工表 """
  3.     name = models.CharField(verbose_name="姓名", max_length=16)
  4.     password = models.CharField(verbose_name="密码", max_length=64)
  5.     age = models.IntegerField(verbose_name="年龄")
  6.     account = models.DecimalField(verbose_name="账户余额", max_digits=10, decimal_places=2, default=0)
  7.     create_time = models.DateTimeField(verbose_name="入职时间")
  8.     depart = models.ForeignKey(to="Department", to_field="id", on_delete=models.CASCADE)
  9.     gender_choices = (
  10.         (1, "男"),
  11.         (2, "女"),
  12.     )
  13.     gender = models.SmallIntegerField(verbose_name="性别", choices=gender_choices)

views.py

  1. class MyForm(ModelForm):
  2.     # xx = form.CharField*("...")
  3.     class Meta:
  4.         model = UserInfo
  5.         fields = ["name","password","age","xx"]
  6.  
  7.  
  8. def user_add(request):
  9.     if request.method == "GET":
  10.         form = MyForm()
  11.         return render(request, 'user_add.html',{"form":form})

user_add.html

  1.  
  2. ```html
  3. <form method="post">
  4.     {% for field in form%}
  5.     	{{ field }}
  6.     {% endfor %}
  7.     <!-- <input type="text"  placeholder="姓名" name="user" /> -->
  8. </form>
  9. ```
  10.  
  11. ```html
  12. <form method="post">
  13.     {{ form.user }}
  14.     {{ form.pwd }}
  15.     {{ form.email }}
  16.     <!-- <input type="text"  placeholder="姓名" name="user" /> -->
  17. </form>
  18. ```

用户-添加（ModelForm）

user_model_form_add.html:

  1. {% extends 'layout.html' %}
  2.  
  3. {% block content %}
  4.     <div class="container">
  5.         <div class="panel panel-default" >
  6.           <div class="panel-heading">
  7.             <h3 class="panel-title">新建用户</h3>
  8.           </div>
  9.           <div class="panel-body">
  10.             <form method="POST">
  11.                 {% csrf_token %}
  12.                 {% for field in form %}
  13.                    <div class="form-group">
  14.                    <label>{{ field.label }}</label>
  15.                        {{ field }}
  16.                </div>
  17.                 {% endfor %}
  18.               <button type="submit" class="btn btn-primary" >提交</button>
  19.             </form>
  20.           </div>
  21.         </div>
  22.     </div>
  23. {% endblock %}

用户-添加和错误提示

编辑用户：

  • - 点击编辑，跳转到编辑页面（将编辑行的ID携带过去）
  • - 编辑页面（默认数据，根据ID获取并设置到页面中）
  • - 提交： 错误提示、数据校验、在数据库更新 

 删除用户

整体代码： 

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

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

  

闽ICP备14008679号