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

1.商品管理功能

当管理员点击商品管理时,发送服务器请求

python 复制代码
path('admin/goods_list/', viewsAdmin.goods_list),
python 复制代码
# 处理商品列表请求
def goods_list(request):
    try:
        type = request.GET["type"]
    except:
        type = 0
    try:
        ym = request.GET["ym"]
    except:
        ym = 1
    if int(type) == 0:
        goodsList = Goods.objects.all().order_by("-id").values()
        for goods in goodsList:
            typeName = Type.objects.get(id=goods["type_id"]).name
            types = Recommend.objects.filter(goods_id=goods["id"]).values_list("type")
            if (1,) in types:
                goods["isScroll"] = True
            if (2,) in types:
                goods["isHot"] = True
            if (3,) in types:
                goods["isNew"] = True
            goods["typeName"] = typeName

    else:
        recommends = Recommend.objects.filter(type=type).order_by("-goods_id")
        goodsList = []
        for r in recommends:
            # 根据推荐栏类型查询商品信息,将查询的对象转换成字典
            goods = Goods.objects.get(id=r.goods_id).__dict__
            # 根据商品id查询该商品添加在哪些推荐栏中
            types = Recommend.objects.filter(goods_id=r.goods_id).values_list("type")
            if (1,) in types:
                goods["isScroll"] = True
            if (2,) in types:
                goods["isHot"] = True
            if (3,) in types:
                goods["isNew"] = True
            # 根据商品中的分类id查询分类名称
            typeName = Type.objects.get(id=goods["type_id"])
            goods["typeName"] = typeName.name
            goodsList.append(goods)
    # 将该分类的商品信息进行分页处理,每页显示6条记录
    pag = paginator.Paginator(goodsList, 6)
    # 根据当前页码获取当前分页信息
    pageInfo = pag.get_page(ym)
    # 获取当前页的商品列表信息
    goodsList = pageInfo.object_list
    # 获取总页码数
    yms = pag.page_range
    return render(request, "adminTemp/goods_list.html",
                  {"goodsList": goodsList, "page": pageInfo, "yms": yms, "type": type})
html 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>商品列表</title>
    {% load static %}
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}"/>
    <link rel="stylesheet" href="{% static 'css/page.css' %}"/>
</head>
<body>
<div class="container-fluid">
    {% include "adminTemp/header.html" %}
    <div class="text-right"><a class="btn btn-warning" href="/admin/goods_add/">添加商品</a></div>
    <br>
    <ul role="tablist" class="nav nav-tabs">

        <li {% if type == 0 %}
            class="active"
        {% endif %} role="presentation"><a href="/admin/goods_list/">全部商品</a></li>
        <li {% if type == 1 %}
            class="active"
        {% endif %} role="presentation"><a href="/admin/goods_list/?type=1">条幅推荐</a></li>
        <li {% if type == 2 %}
            class="active"
        {% endif %} role="presentation"><a href="/admin/goods_list/?type=2">热销推荐</a></li>
        <li {% if type == 3 %}
            class="active"
        {% endif %} role="presentation"><a href="/admin/goods_list/?type=3">新品推荐</a></li>
    </ul>
    <br>
    <table class="table table-bordered table-hover">
        <tr>
            <th width="5%">ID</th>
            <th width="10%">图片</th>
            <th width="10%">名称</th>
            <th width="20%">介绍</th>
            <th width="10%">价格</th>
            <th width="10%">类目</th>
            <th width="25%">操作</th>
        </tr>
        {% for g in goodsList %}
            <tr>
                <td><p>{{ g.id }}</p></td>
                <td><p><a href="/goods_detail/?id={{ g.id }}" target="_blank"><img src="{% static g.cover %}"
                                                                                   width="100px"
                                                                                   height="100px"></a></p></td>
                <td><p><a href="/goods_detail/?id={{ g.id }}" target="_blank">{{ g.name }}</a></p></td>
                <td><p>{{ g.intro }}</p></td>
                <td><p>{{ g.price }}</p></td>
                <td><p>{{ g.typeName }}</p></td>
                <td>
                    <p>
                        {% if g.isScroll %}
                            <a class="btn btn-info"
                               href="/admin/goods_recommend/?id={{ g.id }}&method=remove&typeTarget=1">移出条幅</a>
                        {% endif %}
                        {% if not g.isScroll %}
                            <a class="btn btn-primary"
                               href="/admin/goods_recommend/?id={{ g.id }}&method=add&typeTarget=1">加入条幅</a>
                        {% endif %}
                        {% if g.isHot %}
                            <a class="btn btn-info"
                               href="/admin/goods_recommend/?id={{ g.id }}&method=remove&typeTarget=2">移出热销</a>
                        {% endif %}
                        {% if not g.isHot %}
                            <a class="btn btn-primary"
                               href="/admin/goods_recommend/?id={{ g.id }}&method=add&typeTarget=2">加入热销</a>
                        {% endif %}
                        {% if g.isNew %}
                            <a class="btn btn-info"
                               href="/admin/goods_recommend/?id={{ g.id }}&method=remove&typeTarget=3">移出新品</a>
                        {% endif %}
                        {% if not g.isNew %}
                            <a class="btn btn-primary"
                               href="/admin/goods_recommend/?id={{ g.id }}&method=add&typeTarget=3">加入新品</a>
                        {% endif %}
                    </p>
                    <a class="btn btn-success"
                       href="/admin/goods_editshow/?id={{ g.id  }}&ym={{ page.number  }}">修改</a>
                    <a class="btn btn-danger"
                       href="/admin/goods_delete/?id={{ g.id  }}&ym={{ page.number  }}">删除</a>
                </td>
            </tr>
        {% endfor %}
    </table>
    <br>
    <!-- 显示页码导航栏 -->
    <div id="nav" align="center">
        <!-- 上一页 -->
        <!-- 判断当前页是否有上一页,如果有上一页则显示上一页的按钮,否则就不显示上一页 -->
        {% if page.has_previous %}
            <a href="/admin/goods_list/?ym={{ page.previous_page_number }}&type={{ type }}" class="up_page">上一页</a>
        {% endif %}
        <!-- 页码 -->
        {% for ym in yms %}
            {% if page.number == ym %}
                <a href="/admin/goods_list/?ym={{ ym }}&type={{ type }}" class="p_page c_page">{{ ym }}</a>
            {% else %}
                <a href="/admin/goods_list/?ym={{ ym }}&type={{ type }}" class="p_page">{{ ym }}</a>
            {% endif %}
        {% endfor %}

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

2.加入或移除推荐栏功能

选择某个商品,点击加入条幅,移除条幅,加入热销,移除热销,加入新品,移除新品按钮时,触发请求事件,传递不同参数信息给服务器

python 复制代码
path('admin/goods_recommend/',viewsAdmin.goods_recommend),
python 复制代码
# 处理商品的推荐栏请求
def goods_recommend(request):
    id = request.GET["id"]
    method = request.GET["method"]
    typeTarget = request.GET["typeTarget"]
    if "add" == method:
        # 添加至推荐栏
        Recommend.objects.create(goods_id=id, type=typeTarget)
    elif "remove" == method:
        # 从推荐栏中移除
        r = Recommend.objects.get(goods_id=id, type=typeTarget)
        r.delete()
    # 刷新商品管理列表页面
    return redirect(goods_list)

3.添加商品功能

当管理员点击添加商品按钮,触发请求事件

python 复制代码
path('admin/goods_add/', viewsAdmin.goods_add),
python 复制代码
# 处理添加商品页面的跳转请求
def goods_add(request):
    types = Type.objects.all()
    return render(request, "adminTemp/goods_add.html", {"typeList": types})
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" %}
    <br><br>
    <form class="form-horizontal" action="/admin/addGoods/" method="post" enctype="multipart/form-data">
        {% 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="name" required="required">
            </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="price">
            </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="intro">
            </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="stock">
            </div>
        </div>
        <div class="form-group">
            <label for="input_file" class="col-sm-1 control-label">封面图片</label>
            <div class="col-sm-6">
                <input type="file" name="cover" id="input_file" required="required">推荐尺寸: 500 * 500
            </div>
        </div>
        <div class="form-group">
            <label for="input_file" class="col-sm-1 control-label">详情图片1</label>
            <div class="col-sm-6">
                <input type="file" name="image1" id="input_file" required="required">推荐尺寸: 500 * 500
            </div>
        </div>
        <div class="form-group">
            <label for="input_file" class="col-sm-1 control-label">详情图片2</label>
            <div class="col-sm-6">
                <input type="file" name="image2" id="input_file" required="required">推荐尺寸: 500 * 500
            </div>
        </div>
        <div class="form-group">
            <label for="select_topic" class="col-sm-1 control-label">类目</label>
            <div class="col-sm-6">
                <select class="form-control" id="select_topic" name="typeid">
                    {% for t in typeList %}
                        <option value="{{ t.id }}">{{ t.name }}</option>
                    {% endfor %}
                </select>
            </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>
</div>
</body>
</html>

当管理员填写完商品信息以及选择好上传的图片后,点击提交保存按钮,将表单提交给服务器

python 复制代码
path('admin/addGoods/',viewsAdmin.addGoods),
python 复制代码
# 获取商品添加请求
def addGoods(request):
    name = request.POST["name"]
    price = request.POST["price"]
    intro = request.POST["intro"]
    stock = request.POST["stock"]
    pic = request.FILES.getlist('cover')
    cover = upload(pic[0])
    pic = request.FILES.getlist('image1')
    image1 = upload(pic[0])
    pic = request.FILES.getlist('image2')
    image2 = upload(pic[0])
    typeid = request.POST["typeid"]
    Goods.objects.create(name=name, price=price, intro=intro, stock=stock, cover=cover, image1=image1, image2=image2,
                         type_id=typeid)
    # 添加成功刷新商品管理列表页面
    return redirect(goods_list)

对于处理图片上传的函数如下

python 复制代码
def upload(pic, image=None):
    # 指定文件上传路径
    path = "CookieShopClient/static/picture/"
    if image:
       file_path = path + str(image)[8:]
       # 检查文件是否存在
       if os.path.isfile(file_path):
           # 删除文件
           os.remove(file_path)
    imageName = ""
    # 检查文件夹是否存在
    if not os.path.exists(path):
        # 如果文件夹不存在,则创建它
        os.makedirs(path)
    imageName = pic.name
    # 获取当前时间的时间戳(秒)
    timestamp_seconds = time.time()
    # 转换为毫秒
    timestamp_milliseconds = int(timestamp_seconds * 1000)
    imageName = str(imageName).split(".")[0] + str(timestamp_milliseconds) + "." + str(imageName).split(".")[1]
    url = path + imageName
    with open(url, 'wb') as f:
        for data in pic.chunks():
            f.write(data)
    return "/picture/" + imageName

4.修改商品功能

当管理员选择某个商品进行修改时,将该商品的商品编号以及所在分页页码发送给修改页面

python 复制代码
path('admin/goods_editshow/',viewsAdmin.goods_editshow),
python 复制代码
# 处理跳转至修改页面的请求
def goods_editshow(request):
    id = request.GET["id"]
    ym = request.GET["ym"]
    goods = Goods.objects.get(id=id)
    # 查询该商品所属分类
    typeName = Type.objects.get(id=goods.type_id).name
    types = Type.objects.all()
    return render(request, "adminTemp/goods_edit.html", {"g": goods, "typeName": typeName, "ym": ym, "typeList": types})
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" %}
	<br><br>
	<form class="form-horizontal" action="/admin/goods_edit/" method="post" enctype="multipart/form-data">
        {% csrf_token %}
		<input type="hidden" name="id" value="{{ g.id  }}"/>
		<input type="hidden" name="cover" value="{{ g.cover  }}"/>
		<input type="hidden" name="image1" value="{{ g.image1  }}"/>
		<input type="hidden" name="image2" value="{{ g.image2  }}"/>
		<input type="hidden" name="ym" value="{{ ym  }}"/>
		<input type="hidden" name="type" value="{{ typeName }}"/>
		<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="{{ g.name  }}" required="required">
			</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="price" value="{{ g.price  }}">
			</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="intro" value="{{ g.intro  }}">
			</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="stock" value="{{ g.stock  }}">
			</div>
		</div>
		<div class="form-group">
			<label for="input_file" class="col-sm-1 control-label">封面图片</label>
			<div class="col-sm-6"><img src="{% static g.cover %}" width="100" height="100"/>
				<input type="file" name="cover"  id="input_file">推荐尺寸: 500 * 500
			</div>
		</div>
		<div class="form-group">
			<label for="input_file" class="col-sm-1 control-label">详情图片1</label>
			<div class="col-sm-6"><img src="{% static g.image1 %}" width="100" height="100"/>
				<input type="file" name="image1"  id="input_file">推荐尺寸: 500 * 500
			</div>
		</div>
		<div class="form-group">
			<label for="input_file" class="col-sm-1 control-label">详情图片2</label>
			<div class="col-sm-6"><img src="{% static g.image2 %}" width="100" height="100"/>
				<input type="file" name="image2"  id="input_file">推荐尺寸: 500 * 500
			</div>
		</div>
		<div class="form-group">
			<label for="select_topic" class="col-sm-1 control-label">类目</label>
			<div class="col-sm-6">
				<select class="form-control" id="select_topic" name="typeid">
                    {% for t in typeList %}
                    <option
                        {% if t.id == g.type_id %}
                        selected="selected"
                        {% endif %}
                         value="{{ t.id }}">{{ t.name  }}</option>
                    {% endfor %}

				</select>
			</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>
</div>
</body>
</html>

当管理员修改信息以及重新选择新图片后,将表单提交给服务器,服务器通过比较原图片以及新图片地址判断当前图片是否需要重新上传

python 复制代码
path('admin/goods_edit/',viewsAdmin.goods_edit),
python 复制代码
# 处理修改商品信息的请求
def goods_edit(request):
    id = request.POST["id"]
    # 根据id查询出原商品信息
    goods = Goods.objects.filter(id=id)
    name = request.POST["name"]
    price = request.POST["price"]
    intro = request.POST["intro"]
    stock = request.POST["stock"]
    try:
        # 判断修改页面传递的图片名称是否和数据库中原本图片名称一致,如果一致表示该图片没有被修改
        # 如果图片没有修改,则返回值为空
        pic = request.FILES.getlist('cover')[0]
        cover = upload(pic, goods[0].cover)
    except:
        cover = goods[0].cover
    try:
        # 判断修改页面传递的图片名称是否和数据库中原本图片名称一致,如果一致表示该图片没有被修改
        # 如果图片没有修改,则返回值为空
        pic = request.FILES.getlist('image1')[0]
        image1 = upload(pic, goods[0].image1)
    except:
        image1 = goods[0].image1
    try:
        # 判断修改页面传递的图片名称是否和数据库中原本图片名称一致,如果一致表示该图片没有被修改
        # 如果图片没有修改,则返回值为空
        pic = request.FILES.getlist('image2')[0]
        image2 = upload(pic, goods[0].image2)
    except:
        image2 = goods[0].image2

    typeid = request.POST["typeid"]
    ym = request.POST["ym"]
    # 修改商品信息
    goods.update(name=name, price=price, intro=intro, stock=stock, cover=cover, image1=image1, image2=image2,
                 type_id=typeid)
    return HttpResponseRedirect("/admin/goods_list/?ym=" + ym)

5.删除商品功能

当管理员选择某个商品删除的时候,触发请求

python 复制代码
path('admin/goods_delete/',viewsAdmin.goods_delete),
python 复制代码
# 处理删除商品的请求
def goods_delete(request):
    id=request.GET["id"]
    ym=request.GET["ym"]
    # 先查看当前商品是否有被添加为推荐栏商品,如果有,需要先从推荐栏中删除
    rs=Recommend.objects.filter(goods_id=id)
    if rs:
        rs.delete()
    # 根据商品编号将商品信息查询出来
    goods=Goods.objects.get(id=id)
    remove_image(goods.cover)
    remove_image(goods.image1)
    remove_image(goods.image2)
    goods.delete()
    return HttpResponseRedirect("/admin/goods_list/?ym=" + ym)
相关推荐
Estar.Lee4 小时前
查手机号归属地免费API接口教程
android·网络·后端·网络协议·tcp/ip·oneapi
湫ccc5 小时前
《Python基础》之字符串格式化输出
开发语言·python
mqiqe5 小时前
Python MySQL通过Binlog 获取变更记录 恢复数据
开发语言·python·mysql
AttackingLin5 小时前
2024强网杯--babyheap house of apple2解法
linux·开发语言·python
2401_857610036 小时前
SpringBoot社团管理:安全与维护
spring boot·后端·安全
哭泣的眼泪4086 小时前
解析粗糙度仪在工业制造及材料科学和建筑工程领域的重要性
python·算法·django·virtualenv·pygame
凌冰_6 小时前
IDEA2023 SpringBoot整合MyBatis(三)
spring boot·后端·mybatis
码农飞飞6 小时前
深入理解Rust的模式匹配
开发语言·后端·rust·模式匹配·解构·结构体和枚举
一个小坑货6 小时前
Rust 的简介
开发语言·后端·rust
湫ccc6 小时前
《Python基础》之基本数据类型
开发语言·python