1. Toy模板网首页
  2. > Toy博客

Django web 开发(四) - Django项目实践(四)-用户管理

10月前 作者：ShangCode 分类：Toy博客 阅读(46) 违法举报

这篇具有很好参考价值的文章主要介绍了Django web 开发(四) - Django项目实践(四)-用户管理。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

用户管理

mysql> desc employee_management_userinfo;
+-------------+---------------+------+-----+---------+----------------+
| Field       | Type          | Null | Key | Default | Extra          |
+-------------+---------------+------+-----+---------+----------------+
| id          | bigint(20)    | NO   | PRI | NULL    | auto_increment |
| name        | varchar(16)   | NO   |     | NULL    |                |
| password    | varchar(64)   | NO   |     | NULL    |                |
| age         | int(11)       | NO   |     | NULL    |                |
| account     | decimal(10,2) | NO   |     | NULL    |                |
| create_time | datetime(6)   | NO   |     | NULL    |                |
| gender      | smallint(6)   | NO   |     | NULL    |                |
| depart_id   | bigint(20)    | NO   | MUL | NULL    |                |
+-------------+---------------+------+-----+---------+----------------+

向用户数据表中插入几行数据方便后面进行测试

insert into employee_management_userinfo(name,password,age,account,create_time,gender,depart_id) values("李云龙","123456",45,50000,"2020-03-24",1,2);
insert into employee_management_userinfo(name,password,age,account,create_time,gender,depart_id) values("张三丰","123456",45,60000,"2021-03-24",1,3);
insert into employee_management_userinfo(name,password,age,account,create_time,gender,depart_id) values("周杰伦","123456",45,70000,"2022-03-24",1,4);

用户列表

修改myproject/myproject/urls.py

from django.contrib import admin
from django.urls import path
from employee_management import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('depart/list/', views.depart_list),
    path('depart/add/', views.depart_add),
    path('depart/delete/', views.depart_delete),
    path('depart/<int:nid>/edit/', views.depart_edit),
    path('user/list/', views.user_list),
]

修改myproject/employee_management/views.py

def user_list(request):

    # 获取所有用户列表
    user_data = UserInfo.objects.all()

    # 用 python 的语法获取数据
    """
    for obj in user_data:
        # obj.get_gender_display() 表示匹配 男/女,原始字段名为gender,obj.get_字段名称_display()
        # obj.create_time.strftime("%Y-%m-%d") 表示将时间格式转换成固定格式的字符串
        # obj.depart.title 表示获取depart_id对应的部门名称,因为我们在models中定义表时与另外一张表设置了级联关系,有外键
        print(obj.id, obj.name, obj.password, obj.age, obj.account, obj.get_gender_display(), obj.depart.title, obj.create_time.strftime("%Y-%m-%d"))
    """
    
    return render(request, "user_list.html", {"user_data": user_data})

新建myproject/employee_management/templates/user_list.html

注意: HTML 中获取数据的方式与 Python 中有些不同
例如:
1.HTML中引入函数不能带括号, obj.get_gender_display()
2.日期类型转字符串有Django自己的格式, obj.create_time|date:“Y-m-d”

{% extends 'layout.html' %}

{% block content %}
<div class="container">
    <div style="margin-bottom: 10px">
        <a class="btn btn-primary" href="/depart/add/" target="_blank">新建用户</a>
    </div>
    <div>
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">
                <span class="glyphicon glyphicon-th-list" aria-hidden="true" style="margin-right: 5px;"></span>
                <span>用户列表</span>
            </div>

            <!-- Table -->
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>姓名</th>
                        <th>密码</th>
                        <th>年龄</th>
                        <th>性别</th>
                        <th>账户余额</th>
                        <th>入职时间</th>
                        <th>部门</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    {% for obj in user_data %}
                    <tr>
                        <th>{{ obj.id }}</th>
                        <td>{{ obj.name }}</td>
                        <td>{{ obj.password }}</td>
                        <td>{{ obj.age }}</td>
                        <td>{{ obj.get_gender_display }}</td>
                        <td>{{ obj.account }}</td>
                        <td>{{ obj.create_time|date:"Y-m-d" }}</td>
                        <td>{{ obj.depart.title }}</td>
                        <td>
                            <a class="btn btn-primary btn-xs" href="/user/{{ obj.id }}/edit/">编辑</a>
                            <a class="btn btn-danger btn-xs" href="/user/delete/?nid={{ obj.id }}">删除</a>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

{% endblock %}

浏览器进行访问测试
Django web 开发(四) - Django项目实践(四)-用户管理

用户添加

这里不演示最无脑原始的方式,漏洞百出,因为:

  • 数据校验较麻烦
  • 页面没有错误提示
  • 页面上每一个字段都需要重新写一遍
  • 关联的数据,需要手动获取并循环展示在页面

Django组件:

  • Form组件(简便)
  • ModelForm组件(最简便)

初识Form

  • views.py
class MyForm(Form):
	user = forms.CharField(widget=forms.Input)
	pwd = forms.CharField(widget=forms.Input)
	email = forms.CharField(widget=forms.Input)

def user_add(request):
	if request.method == "GET":
	form = MyForm()
		return render(request, "user_add.html", {"form": form})
  • user_add.html

{{ form.xxx }} 可以自动生成前端代码

<form method="post">
	{{ form.user }}
	{{ form.pwd }}
	{{ form.email }}
</form>

也可以不指定,自动生成全部

<form method="post">
	{% for field in form %}
		{{ field }}
	{% endfor %}
</form>

ModelForm

  • models.py
from django.db import models

# Create your models here.
class Department(models.Model):
    """部门表"""
    title = models.CharField(max_length=32, verbose_name='标题')


class UserInfo(models.Model):
    """员工表"""
    name = models.CharField(max_length=16, verbose_name="姓名")
    password = models.CharField(max_length=64, verbose_name="密码")
    age = models.IntegerField(verbose_name="年龄")
    account = models.DecimalField(verbose_name="账户余额", max_digits=10, decimal_places=2, default=0)
    create_time = models.DateTimeField(verbose_name="入职时间")
    depart = models.ForeignKey(to="Department", to_field="id", on_delete=models.CASCADE, verbose_name="部门")
    
    gender_choices = (
        (1, "男"),
        (2, "女"),
    )
    gender = models.SmallIntegerField(choices=gender_choices,verbose_name="性别")
  • views.py
class MyForm(ModelForm):
	class Meta:
		field = ["name", "password", "age"]
 
def user_add(request):
	if request.method == "GET":
	form = MyForm()
		return render(request, "user_add.html", {"form": form})
  • user_add.html

{{ form.xxx }} 可以自动生成前端代码

<form method="post">
	{{ form.user }}
	{{ form.pwd }}
	{{ form.email }}
</form>

也可以不指定,自动生成全部

<form method="post">
	{% for field in form %}
		{{ field }}
	{% endfor %}
</form>

用户添加(ModelForm)

修改myproject/employee_management/views.py

########################## ModelForm 演示 #############################

from django import forms

class UserModelForm(forms.ModelForm):

    ### 自定义数据校验
    # 例如: 用户名最小三个字符
    #name = forms.CharField(min_length=3, label="用户名")

    class Meta:
        model = UserInfo
        fields = ["name", "password", "age", "account", "create_time", "gender", "depart"]
        # 逐一控制标签的样式
        # widgets = {
        #     "name": forms.TextInput(attrs={"class": "form-control"}),
        #     "password": forms.PasswordInput(attrs={"class": "form-control"}),
        # }
        
        # 这里让日期可以手动点击鼠标选择,所以单独拎出来,加上日期插件
        widgets = {
            "create_time": forms.DateTimeInput(attrs={'class': 'form-control', 'id': 'myDate'}),
        }

    # 循环找到所有的插件,添加 "class": "form-control"
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        for name, field in self.fields.items():
            # 可以排除指定的字段
            if name == "create_time":
                continue
            print(name, field)
            field.widget.attrs = {"class": "form-control"}


def user_model_form_add(request):
    """添加用户(ModelForm版本)"""
    if request.method == "GET": 
        form = UserModelForm()
        return render(request, "user_model_form_add.html", {"form": form})
    
    # 用户POST请求提交数据,需要进行数据校验
    form = UserModelForm(data=request.POST)
    if form.is_valid():
        print(form.cleaned_data)
        # 直接保存至数据库
        form.save()
        return redirect("/user/list/")
    
    # 校验失败(在页面上显示错误信息)
    return render(request, "user_model_form_add.html", {"form": form})

修改myproject/myproject/urls.py

from django.contrib import admin
from django.urls import path
from employee_management import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('depart/list/', views.depart_list),
    path('depart/add/', views.depart_add),
    path('depart/delete/', views.depart_delete),
    path('depart/<int:nid>/edit/', views.depart_edit),
    path('user/list/', views.user_list),
    path('user/model/form/add/', views.user_model_form_add),
]

新建myproject/employee_management/templates/user_model_form_add.html

{% extends 'layout.html' %}

{% block content %}
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">添加用户</h3>
        </div>
        <div class="panel-body">
            <form action="/user/model/form/add/" method="post" novalidate>
                {% csrf_token %}
                
                {% for field in form %}
                    <div class="form-group">
                        <label>{{ field.label }}: </label>
                        {{ field }}
                        <!-- 数据校验,显示错误信息 -->
                        <span style="color: red;">{{ field.errors.0 }}</span>
                    </div>
                {% endfor %}

                <button type="submit" class="btn btn-primary">保存</button>
            </form>
        </div>
    </div>
</div>

{% endblock %}
</body>
</html>

修改myproject/employee_management/models.py

目的是让自动生成的部门字段不显示"对象"本身,显示对象对应的"title"

class Department(models.Model):
    """部门表"""
    title = models.CharField(max_length=32, verbose_name='标题')

    def __str__(self):
        return self.title

Django web 开发(四) - Django项目实践(四)-用户管理
修改后再次刷新
Django web 开发(四) - Django项目实践(四)-用户管理

日期设置

目前日期只能手动输入,如果想要鼠标点击选择,需要调用datetimepicker插件

插件下载地址：
链接：https://pan.baidu.com/s/1yN-L7bhwdSXwfYfh2MUj2A
提取码：yyds

下载完成后,我将插件放在了/root/python/myproject/static/下

Django web 开发(四) - Django项目实践(四)-用户管理
修改myproject/employee_management/templates/layout.html引入datetimepicker插件

调用方法: 在对应的标签中加入"id=myDate"

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1/css/bootstrap.css">
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css">


    <!--JQUERY-->
    <script type="text/javascript" src="/static/jquery/jquery-1.11.1-min.js"></script>
    <!--BOOTSTRAP框架-->
    <link rel="stylesheet" type="text/css" href="/static/jquery/bootstrap_3.3.0/css/bootstrap.min.css">
    <script type="text/javascript" src="/static/jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
    <!--BOOTSTRAP_DATETIMEPICKER插件-->
    <link rel="stylesheet" type="text/css" href="/static/jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
</head>
<body>

	<!-- 此处省略一部分代码 -->

    <script type="text/javascript">
        $(function () {
            //当容器加载完成，对容器调用工具函数
            $("#myDate").datetimepicker({
                language: 'zh-CN', //语言
                format: 'yyyy-mm-dd',//日期的格式
                minView: 'month', //可以选择的最小视图
                initialDate: new Date(),//初始化显示的日期
                autoclose: true,//设置选择完日期或者时间之后，日否自动关闭日历
                todayBtn: true,//设置自动显示为今天
                clearBtn: false//设置是否清空按钮，默认为false
            });
        });
    </script>
</body>
</html>

如何使用呢
其实在上面的代码中我已经提前写上了
下图是Django中ModelForm修改标签属性的方式,在widgets字典中定义
attrs={'class': 'form-control', 'id': 'myDate'}
Django web 开发(四) - Django项目实践(四)-用户管理
最终效果
Django web 开发(四) - Django项目实践(四)-用户管理

数据校验错误提示

修改myproject/myproject/settings.py

改为中文,目的是为了让页面提示错误信息时显示中文,否则会显示英文

#LANGUAGE_CODE = 'en-us'
LANGUAGE_CODE = 'zh-hans'

如果我们没有写入任何内容直接点击"保存",那么页面会提示错误
Django web 开发(四) - Django项目实践(四)-用户管理
因为我们在/root/python/myproject/employee_management/templates/user_model_form_add.html中加入了{{ field.errors.0 }}字段
Django web 开发(四) - Django项目实践(四)-用户管理

编辑用户

修改myproject/employee_management/views.py

def user_edit(request, nid):
    """编辑用户"""
    
    row_obj = UserInfo.objects.filter(id=nid).first()
    
    # GET请求
    if request.method == "GET":
        form = UserModelForm(instance=row_obj)
        return render(request, "user_edit.html", {"form": form})
    
    # POST请求
    form = UserModelForm(data=request.POST, instance=row_obj)
    if form.is_valid():
        form.save()
        return redirect("/user/list/")

    return render(request, "user_edit.html", {"form": form})

修改/root/python/myproject/myproject/urls.py

path('user/<int:nid>/edit/', views.user_edit),

增加/root/python/myproject/employee_management/templates/user_edit.html

{% extends 'layout.html' %}

{% block content %}

<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">编辑用户</h3>
        </div>
        <div class="panel-body">
            <form method="post" novalidate>
                {% csrf_token %}
                
                {% for field in form %}
                    <div class="form-group">
                        <label>{{ field.label }}: </label>
                        {{ field }}
                        <!-- 数据校验,显示错误信息 -->
                        <span style="color: red;">{{ field.errors.0 }}</span>
                    </div>
                {% endfor %}

                <button type="submit" class="btn btn-primary">保存</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}
</body>
</html>

浏览器访问测试,点击"编辑"
Django web 开发(四) - Django项目实践(四)-用户管理
但是发现上面的时间有些问题,应该只显示年月日就可以了,不应该显示时分秒
需要修改数据库models
Django web 开发(四) - Django项目实践(四)-用户管理
更新数据库表结构

python3 manage.py makemigrations
python3 manage.py migrate

Django web 开发(四) - Django项目实践(四)-用户管理
此时还需要更改一个地方
Django web 开发(四) - Django项目实践(四)-用户管理
浏览器刷新
Django web 开发(四) - Django项目实践(四)-用户管理

删除用户

修改myproject/employee_management/views.py

def user_delete(request, nid):
    """用户删除"""
    UserInfo.objects.filter(id=nid).delete()
    return redirect("/user/list/")

修改myproject/myproject/urls.py

path('user/<int:nid>/delete/', views.user_delete),

修改myproject/employee_management/templates/user_list.html

<td>
    <a class="btn btn-primary btn-xs" href="/user/{{ obj.id }}/edit/">编辑</a>
    <a class="btn btn-danger btn-xs" href="/user/{{ obj.id }}/delete/">删除</a>
</td>

浏览器测试文章来源地址https://www.toymoban.com/news/detail-421237.html

到了这里，关于Django web 开发(四) - Django项目实践(四)-用户管理的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • Web 开发 Django 管理工具

    Web 开发 Django 管理工具

    上次为大家介绍了 Django 的模型，通过模型就可以操作数据库，从而就可以改变页面的展示内容，那问题来了，我们只能通过手动编辑模型文件来配置模型吗？当然不是，Django 为我们提供了强大的工具，可以全自动地根据模型创建后台管理界面。管理界面不是为网站的访问者

    2024年02月11日
    浏览(40)
  • 利用敏捷开发工具实现敏捷项目管理的实践经验分享

    利用敏捷开发工具实现敏捷项目管理的实践经验分享

    Scrum中非常强调公开、透明、直接有效的沟通，这也是“可视化的管理工具”在敏捷开发中如此重要的原因之一 。通过“可视化的管理工具”让所有人直观的看到需求，故事，任务之间的流转状态，可以使团队成员更加快速适应敏捷开发流程。 所以，有敏捷工具的支撑是非常

    2024年02月11日
    浏览(46)

  • Servlet+JDBC实战开发书店项目讲解第11讲：管理员用户权限功能

    在这一讲中，我们将详细讲解如何实现书店项目中的管理员用户权限功能。下面是每个步骤的详细说明： 首先，我们需要在数据库中创建一个管理员用户表，用于存储管理员用户的信息。表的结构可以包括以下字段： 用户ID（user_id）：唯一标识管理员用户的ID 用户名（user

    2024年02月12日
    浏览(35)
  • Python web实战之Django用户认证详解

    Python web实战之Django用户认证详解

    Python Web 开发、Django、用户认证、实战案例   今天来探讨一下 Django 的用户认证吧！在这篇文章中，我将为大家带来一些有关 Django 用户认证的最佳实践。   在开发 Web 应用程序时，用户认证是一个最常用的功能。它能够确保用户的安全性和隐私，并且为应用程序提供了个性化

    2024年02月14日
    浏览(52)
  • python Web开发 flask轻量级Web框架实战项目--学生管理系统

    python Web开发 flask轻量级Web框架实战项目--学生管理系统

     上次发的一篇文章，有很多朋友私信我要后面的部分，那咱们就今天来一起学习一下吧，因为我的数据库这门课选中的课题是学生管理系统，所以今天就以这个课题为例子，从0到1去实现一个管理系统。数据库设计部分我会专门出一个博客的，敬请期待吧~~~ 介如很多朋友问

    2024年02月16日
    浏览(62)
  • Django 管理平台用户界面编写

    Django 管理平台用户界面编写

    前言：目前还在学习中，这是第一个尝试的项目，多有不足，感谢大家的观看与批评。 这次没找到前辈的模板，自行编写base.html和base.css 注意： 1.  矢量图下载与使用：iconfont-阿里巴巴矢量图标库，按照官网流程操作。 2.  注意margin的使用—— 相邻块元素合并 与 嵌套块元素

    2024年04月10日
    浏览(38)

  • Python web实战之Django性能优化最佳实践详解

    大家好！今天分享如何优化使用Django应用的性能，使其在高并发、大数据量的情况下能够保持良好的性能。 数据库查询是Web应用中常见的性能瓶颈之一。 1.1 使用select_related和prefetch_related 在Django中，可以使用 select_related 和 prefetch_related 方法来优化数据库查询。这两个方法可

    2024年02月11日
    浏览(59)
  • Web实战丨基于Django与HTML的用户登录验证系统

    Web实战丨基于Django与HTML的用户登录验证系统

    本期内容：基于Django与HTML的简单登录验证系统。 项目需求：Python+Django 项目下载地址：https://download.csdn.net/download/m0_68111267/88727183 登录系统在我们的日常生活中随处可见，比如当我们使用QQ、微信等社交软件时，都需要先输入自己的账号密码进行登录，本文博主将带着大家用

    2024年01月25日
    浏览(56)
  • Django 框架添加管理员，完成对普通用户信息管理

    Django 框架添加管理员，完成对普通用户信息管理

    前情回顾：Django框架 完成用户登录注册 一般管理员都是直接指定，不开放页面注册，可以直接手动在数据库添加，Django框架提供了方法，让我们直接创建管理员，步骤如下： 打开pycharm下面的命令行终端 输入命令 按照提示进行输入信息 打开数据库，可以看出，已经帮我们插

    2024年01月16日
    浏览(45)
  • 【论坛java项目】第二章 Spring Boot实践，开发社区登录模块：发送邮件、开发注册功能、会话管理、生成验证码、开发登录、退出功能、

    【论坛java项目】第二章 Spring Boot实践，开发社区登录模块：发送邮件、开发注册功能、会话管理、生成验证码、开发登录、退出功能、

    😀如果对你有帮助的话😊 🌺为博主点个赞吧 👍 👍点赞是对博主最大的鼓励😋 💓爱心发射~💓 bofryuzursekbiab——密码 访问邮箱域名 邮箱端口 账号 密码 协议 详细配置 JavaMailSender 是 Spring Email 的核心组件，负责发送邮件 MimeMessage 用于封装邮件的相关信息 MimeMessageHelper 用

    2024年02月06日
    浏览(57)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包