自学内容网 自学内容网

【Django】网上蛋糕商城后台-客户管理

1.客户列表

当点击后台管理页面的客户管理时

在urls文件中定义该请求地址

path('admin/user_list/',viewsAdmin.user_list),

在viewAdmin文件中创建处理该请求的函数

# 处理客户管理请求
def user_list(request):
    # 读取分页页码
    try:
        ym = request.GET["ym"]
    except:
        ym = 1
    # 查询所有用户信息
    users = User.objects.all().order_by("id")

    # 将该分类的商品信息进行分页处理,每页显示5条记录
    pag = paginator.Paginator(users, 5)
    # 根据当前页码获取当前分页信息
    pageInfo = pag.get_page(ym)
    # 获取当前页的商品列表信息
    orders = pageInfo.object_list
    # 获取总页码数
    yms = pag.page_range
    return render(request, "adminTemp/user_list.html",
                  {"users": users, "page": pageInfo, "yms": yms})
<!DOCTYPE html>
<html>
<head>
    <title>客户列表</title>
    {% load static %}
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}"/>
    <style>
        #nav{
            width: 100%;
            height: 40px;
            margin-top: 20px;
            clear: left;
        }
        #nav a{
            text-decoration: none;
            margin: 3px;
            background-color: cadetblue;
        }
        #nav a:hover{
            background-color: #FF1719;
        }

        #nav a.c_page{
            background-color: #FF1719;
        }
        #nav a.up_page,#nav a.do_page{
            width: 70px;
            height: 30px;
            padding: 5px 10px;
            border-radius: 5px;
            color: white;
            display: inline-block;
        }
        #nav a.p_page{
            width: 30px;
            height: 30px;
            padding: 5px;
            border-radius: 5px;
            color: white;
            display: inline-block;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    {% include "adminTemp/header.html" %}
    <div class="text-right"><a class="btn btn-warning" href="/admin/user_add/">添加客户</a></div>
    {% if msg %}
        <div class="alert alert-success">{{ msg }}</div>
    {% endif %}
    {% if failMsg %}
        <div class="alert alert-success">{{ failMsg }}</div>
    {% endif %}
    <br>
    <br>
    <table class="table table-bordered table-hover">
        <tr>
            <th width="5%">ID</th>
            <th width="10%">用户名</th>
            <th width="10%">邮箱</th>
            <th width="10%">收件人</th>
            <th width="10%">电话</th>
            <th width="10%">地址</th>
            <th width="12%">操作</th>
        </tr>
        {% for u in users %}
        <tr>
                <td><p>{{ u.id }}</p></td>
                <td><p>{{ u.username  }}</p></td>
                <td><p>{{ u.email  }}</p></td>
                <td><p>{{ u.name  }}</p></td>
                <td><p>{{ u.phone  }}</p></td>
                <td><p>{{ u.address  }}</p></td>
                <td>
                    <a class="btn btn-info"
                       href="/admin/user_reset/?id={{ u.id  }}&username={{ u.username  }}&email={{ u.email  }}">重置密码</a>
                    <a class="btn btn-primary" href="/admin/user_editshow/?id={{ u.id  }}">修改</a>
                    <a class="btn btn-danger" href="/admin/user_delete/?id={{ u.id  }}">删除</a>
                </td>
            </tr>
        {% endfor %}


    </table>

    <br>
    <!-- 显示页码导航栏 -->
    <div id="nav" align="center">
        <!-- 上一页 -->
        <!-- 判断当前页是否有上一页,如果有上一页则显示上一页的按钮,否则就不显示上一页 -->
        {% if page.has_previous %}
            <a href="/admin/user_list/?ym={{ page.previous_page_number }}" class="up_page">上一页</a>
        {% endif %}
        <!-- 页码 -->
        {% for ym in yms %}
            {% if page.number == ym %}
                <a href="/admin/user_list/?ym={{ ym }}" class="p_page c_page">{{ ym }}</a>
            {% else %}
                <a href="/admin/user_list/?ym={{ ym }}" class="p_page">{{ ym }}</a>
            {% endif %}
        {% endfor %}

        <!-- 下一页 -->
        {% if page.has_next %}
            <a href="/admin/user_list/?ym={{ page.next_page_number }}" class="do_page">下一页</a>
        {% endif %}
    </div>
    <br>
</div>
</body>
</html>

2.添加客户

点击上图中的添加客户按钮,触发事件给服务器发送请求

在urls文件中定义该请求地址

path('admin/user_add/',viewsAdmin.user_add),

在viewAdmin文件中创建处理函数

# 处理添加用户的页面跳转
def user_add(request):
    return render(request, "adminTemp/user_add.html")
<!DOCTYPE html>
<html>
<head>
    <title>客户添加</title>
    {% load static %}
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}"/>
</head>
<body>
<div class="container-fluid">
    {% include "adminTemp/header.html" %}
    {% if failMsg %}
        <div class="alert alert-danger">{{ failMsg }}</div>
    {% endif %}
    <br><br>
    <form class="form-horizontal" action="/admin/add/" method="post">
        {% csrf_token %}
        <div class="form-group">
            <label for="input_name" class="col-sm-1 control-label">用户名</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" id="input_name" name="username" required="required"
                       value="{{ u.username  }}"/>
            </div>
        </div>
        <div class="form-group">
            <label for="input_name" class="col-sm-1 control-label">邮箱</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" id="input_name" name="email" required="required"
                       value="{{ u.email  }}"/>
            </div>
        </div>
        <div class="form-group">
            <label for="input_name" class="col-sm-1 control-label">密码</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" id="input_name" name="password" required="required"
                       value="{{ u.password  }}"/>
            </div>
        </div>
        <div class="form-group">
            <label for="input_name" class="col-sm-1 control-label">收货人</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" id="input_name" name="name" value="{{ u.name  }}"/>
            </div>
        </div>
        <div class="form-group">
            <label for="input_name" class="col-sm-1 control-label">电话</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" id="input_name" name="phone" value="{{ u.phone  }}"/>
            </div>
        </div>
        <div class="form-group">
            <label for="input_name" class="col-sm-1 control-label">地址</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" id="input_name" name="address" value="{{ u.address  }}"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-1 col-sm-10">
                <button type="submit" class="btn btn-success">提交保存</button>
            </div>
        </div>
    </form>
    <span style="color:red;"></span>
</div>
</body>
</html>

当管理员填写新客户信息后哦,点击提交保存,提交表单信息至服务器

在urls文件中定义接收表单信息的请求地址

path('admin/add/',viewsAdmin.add),

在viewsAdmin文件中创建函数

# 处理添加用户的请求
def add(request):
    # 用户名
    username = request.POST["username"]
    # 邮箱
    email = request.POST["email"]
    # 密码
    password = request.POST["password"]
    # 收件人
    name = request.POST["name"]
    # 电话
    phone = request.POST["phone"]
    # 地址
    address = request.POST["address"]
    # 添加新用户
    user = User.objects.create(username=username, email=email, password=password, name=name, phone=phone, address=address)
    if user:
        return redirect(user_list)
    else:
        key = "failMsg"
        value = "用户名或邮箱重复,请重新填写!"
        return render(request, "adminTemp/user_add.html", {"u": user, key: value})

3.重置密码

在客户管理列表页面中,选择一个用户进行重置,点击重置密码按钮触发请求

path('admin/user_reset/',viewsAdmin.user_reset),
# 处理重置密码请求
def user_reset(request):
    id = request.GET["id"]
    username = request.GET["username"]
    email = request.GET["email"]
    return render(request, "adminTemp/user_reset.html", {"id": id, "username": username, "email": email})
<!DOCTYPE html>
<html>
<head>
<title>重置密码</title>
    {% load static %}
<meta charset="utf-8"/>
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}"/>
</head>
<body>
<div class="container-fluid">
{% include "adminTemp/header.html" %}
<br><br>
<form class="form-horizontal" action="/admin/reset/" method="post">
        {% csrf_token %}
<input type="hidden" name="id" value="{{ id  }}">
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">用户名</label>
<div class="col-sm-5">{{ username }}</div>
</div>
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">邮箱</label>
<div class="col-sm-5">{{ email }}</div>
</div>
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">密码</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="input_name" name="password" value="" required="required">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-1 col-sm-10">
<button type="submit" class="btn btn-success">提交修改</button>
</div>
</div>
</form>
<span style="color:red;"></span>
</div>
</body>
</html>

当管理员重置后,点击提交修改按钮发送请求

path('admin/reset/',viewsAdmin.reset),
# 处理密码重置
def reset(request):
    id = request.POST["id"]
    password = request.POST["password"]
    # 修改密码
    user = User.objects.filter(id=id)
    user.update(password=password)
    return redirect(user_list)

4.修改客户信息

管理员选择一个客户信息进行修改时,点击修改按钮

path('admin/user_editshow/',viewsAdmin.user_editshow),
# 处理修改页面的请求
def user_editshow(request):
    id = request.GET["id"]
    user = User.objects.get(id=id)
    return render(request, "adminTemp/user_edit.html", {"u": user})

 

<!DOCTYPE html>
<html>
<head>
<title>客户修改</title>
    {% load static %}
<meta charset="utf-8"/>
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}"/>
</head>
<body>
<div class="container-fluid">
    {% include "adminTemp/header.html" %}
<br><br>
<form class="form-horizontal" action="/admin/user_edit/" method="post">
        {% csrf_token %}
<input type="hidden" name="id" value="{{ u.id  }}">
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">用户名</label>
<div class="col-sm-5">{{ u.username  }}</div>
</div>
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">邮箱</label>
<div class="col-sm-5">{{ u.email  }}</div>
</div>
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">收货人</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="input_name" name="name" value="{{ u.name  }}">
</div>
</div>
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">电话</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="input_name" name="phone" value="{{ u.phone  }}">
</div>
</div>
<div class="form-group">
<label for="input_name" class="col-sm-1 control-label">地址</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="input_name" name="address" value="{{ u.address  }}">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-1 col-sm-10">
<button type="submit" class="btn btn-success">提交修改</button>
</div>
</div>
</form>
<span style="color:red;"></span>

</div>
</body>
</html>

当管理员修改客户信息后,点击提交修改按钮,提交修改后的数据

path('admin/user_edit/',viewsAdmin.user_edit),
# 处理修改请求
def user_edit(request):
    id = request.POST["id"]
    name = request.POST["name"]
    phone = request.POST["phone"]
    address = request.POST["address"]
    user = User.objects.filter(id=id)
    user.update(name=name, phone=phone, address=address)
    return redirect(user_list)

5.删除客户

当管理员选择某个客户进行删除时,点击删除按钮

path('admin/user_delete/',viewsAdmin.user_delete),
# 处理删除用户请求
def user_delete(request):
    id = request.GET["id"]
    user = User.objects.get(id=id)
    user.delete()
    return redirect(user_list)

原文地址:https://blog.csdn.net/u010321564/article/details/140497349

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!