十三、Django之添加用户(原始方法实现)

修改urls.py

复制代码
    path("user/add/", views.user_add),

添加user_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 method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <label>姓名</label>
                        <input type="text" class="form-control" placeholder="姓名" name="name"/>
                    </div>
                    <div class="form-group">
                        <label>密码</label>
                        <input type="text" class="form-control" placeholder="密码" name="pwd"/>
                    </div>
                    <div class="form-group">
                        <label>年龄</label>
                        <input type="text" class="form-control" placeholder="年龄" name="age"/>
                    </div>
                    <div class="form-group">
                        <label>余额</label>
                        <input type="text" class="form-control" placeholder="余额" name="money"/>
                    </div>
                    <div class="form-group">
                        <label>入职时间</label>
                        <input type="text" class="form-control" placeholder="入职时间" name="time"/>
                    </div>
                    <div class="form-group">
                        <label>性别</label>
{#                        可以这么写,但是如果下拉选项过多的时候很费劲#}
{#                        <select class="form-control">#}
{#                            <option value="1">男</option>#}
{#                            <option value="2">女</option>#}
{#                        </select>#}
                        <select class="form-control" name="gender">
                            {% for item in gender_choices %}
                            <option value="{{ item.0 }}">{{ item.1 }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="form-group">
                        <label>部门</label>
                        <select class="form-control" name="dept">
                            {% for item in depart_list %}
                                <option value="{{ item.id }}">{{ item.title }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    <button type="submit" class="btn btn-primary">提 交</button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}

修改view.py

复制代码
def user_add(request):
    if request.method=="GET":
        context = {
            "gender_choices": models.UserInfo.gender_choices,
            "depart_list": models.Department.objects.all()
        }
        return render(request, "user_add.html", context)

    # 获取用户提交的数据
    name = request.POST.get("name")
    pwd = request.POST.get("pwd")
    age = request.POST.get("age")
    money = request.POST.get("money")
    time = request.POST.get("time")
    gender = request.POST.get("gender")
    dept = request.POST.get("dept")

#     添加数据到数据库中
    models.UserInfo.objects.create(name=name, password=pwd, age=age, account=money, 
                                   create_time=time, gender=gender, depart_id=dept)
    return redirect("/user/list/")

修改user_list.html

注意将user_list的路由替换

复制代码
            <a class="btn btn-success" href="/user/add">
                <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                新建用户
            </a>

页面测试

缺点

  • 用户提交数据没有校验
  • 用户输错信息页面上没有错误提示
  • html文件中每个字段都需要重写
  • 关联的数据是手动获取并循环展示在页面
相关推荐
sheji34162 分钟前
【开题答辩全过程】以 基于Asp.Net网上图书店的设计与实现为例,包含答辩的问题和答案
后端·asp.net
非凡ghost11 分钟前
ToDoList(开源待办事项列表) 中文绿色版
前端·javascript·后端
用户61204149221315 分钟前
html+layui+node+js做的个人财务管理系统
javascript·后端
j七七17 分钟前
5分钟搭微信自动回复机器人5分钟搭微信自动回复机器人
运维·服务器·开发语言·前端·python·微信
快起来别睡了18 分钟前
TypeScript装饰器详解:像搭积木一样给代码加功能
前端·typescript
lgbisha30 分钟前
Dify异步接口调用优化实践:解决长时任务处理与网络超时问题
人工智能·python·ai·语言模型
OpenTiny社区37 分钟前
如何使用 TinyEditor 快速部署一个协同编辑器?
前端·vue.js
ttyyttemo37 分钟前
加载图片,不同数据源,Compose实现
前端
Hs_QY_FX40 分钟前
幸福指数数据分析与预测:从数据预处理到模型构建完整案例
开发语言·python·机器学习
Data_Adventure41 分钟前
从 TypeScript 视角读懂 Java 的 Object 类:万物的 “根” 与通用行为
后端