Django第四课 基于Django超市订单管理系统开发
Posted 笔触狂放
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Django第四课 基于Django超市订单管理系统开发相关的知识，希望对你有一定的参考价值。
概念
本文在上一文之上，针对管理员，经理，普通员工身份的用户操作订单管理模块功能。
功能实现
该功能也是业务功能模块，管理员不具备操作权限，普通员工需要对超市所合作的供应商进行进货，因此普通员工可以添加订单信息，并且只能查看员工自己的订单信息列表，不能查看其他人的订单信息，而经理具备查看所有普通员工的订单信息，并可以修改订单，删除订单以及支付订单金额等。
管理员操作订单管理模块
管理员不能操作业务功能，因此不允许操作订单管理模块。
普通员工操作订单管理模块
普通员工操作订单管理模块时，只能查看自己的订单信息，发送请求地址 /getBillsByUserId/
服务器需要接收该地址请求
# 接收普通员工查看自己的订单信息地址
path('getBillsByUserId/',views.getBillsByUserId),views.py
# 创建方法，根据当前登录的普通员工查询该员工自己的订单信息
def getBillsByUserId(request):
# 根据当前登录的员工的id作为查询条件，查询该员工自己的订单信息
bList=Bill.objects.filter(createdBy=user[0].id).values()
# 判断当前员工是否有自己的订单
if bList:
# 循环遍历每一个订单，通过订单中的供应商id查询供应表，获得供应商名称
# 添加至当前订单字典中
for b in bList:
# 根据当前订单中的供应商id作为条件，查询到该供应商信息
p=Provider.objects.get(id=b["providerId"])
# 将该供应商名称存储至当前订单字典中
b["proName"]=p.proName
return render(request,"pBillList.html","bList":bList,"user":user[0])
需要显示订单信息涉及多张表的数据，因此这里完成了多表联查的操作，并将查询的数据发送给pBillList.html页面进行显示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超市订单管理系统--订单列表</title>
<style type="text/css">
tr
height: 40px;
</style>
</head>
<body>
<div style="width: 1800px;height: 1000px;margin: auto;">
<div style="width: 100%;height: 160px;background-color:skyblue;">
<div style="width: 100%;height: 20px;">
<div align="left" style="width: 20%;height: 100%;float: left;" >
<a href="/login/?username= user.userName &password= user.userPassword "
style="text-decoration: none;">返回首页</a>
</div>
<div align="right" style="width: 80%;height: 100%;float: right;">
<a>欢迎,<span style="color: red;">user.userName</span></a>
<a href="/" style="text-decoration: none;">注销</a>
</div>
</div>
<div align="center" style="width: 100%;height: 140px;line-height: 140px;"><h1>超市订单管理系统</h1></div>
</div>
<div align="center" style="width: 100%;height: 840px;background-color: pink;overflow: scroll;">
<div align="left" style="height: 40px;" >
<a href="/toAddBill/" style="text-decoration: none;
text-align:center; width: 50px;
height: 20px;
color: white;font-weight: bold;
margin-top:20px;margin-left:10px;
border-radius: 5px;">添加订单</a>
</div>
<!-- 当前普通员工是否有谈下过订单信息，如果没有，显示暂无信息，如果有，展示该员工的所有订单 -->
% if bList %
<table border="1" style="width: 98%;text-align: center;border-collapse: collapse;">
<tr>
<td>主键Id</td>
<td>账单编码</td>
<td>商品名称</td>
<td>商品描述</td>
<td>商品数量</td>
<td>商品单位</td>
<td>商品总额</td>
<td>是否支付</td>
<td>供应商名称</td>
<td>创建时间</td>
</tr>
% for foo in bList %
<tr>
<td > foo.id </td>
<td> foo.billCode </td>
<td> foo.productName </td>
<td> foo.productDesc </td>
<td> foo.productCount </td>
<td> foo.productUnit </td>
<td> foo.totalPrice 元</td>
% if foo.isPayment == 1 %
# <td ><a href="">#
# <input type="button" value="未支付" style="color: white;#
# border: none;background-color: red;border-radius: 5px;font-weight: bold;"></a></td>#
<td style="color:red;">未支付</td>
% elif foo.isPayment == 2%
<td style="color:green;">已支付</td>
% endif %
<td> foo.proName </td>
<td> foo.creationDate </td>
</tr>
% endfor %
</table>
% else %
<div style="width: 98%;text-align: center;height: 800px;">
当前暂无订单信息
</div>
% endif %
</div>
</div>
</body>
</html>其页面效果如下：
普通员工可以根据超市的进货需要，和以合作的供应商进行签订订单进货合同，等待供应商发货，将订单信息添加至系统中，发送请求地址为 /toAddBill/
服务器定义地址接收该请求
# 接收普通员工添加订单地址
path('toAddBill/',views.toAddBill),views.py
# 创建方法，跳转至添加订单页面之前，需要查询出所有当前供应商名称
def toAddBill(request):
# 将所有供应商查询出来
providers=Provider.objects.all().values("id","proName")
return render(request,"AddBill.html","providers":providers,"user":user[0])其添加订单界面代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超市订单管理系统--添加订单</title>
</head>
<body>
<div style="width: 1200px;height: 800px;margin: auto;">
<div style="width: 100%;height: 160px;background-color:skyblue;">
<div style="width: 100%;height: 20px;">
<div align="left" style="width: 20%;height: 100%;float: left;" >
<a href="/login/?username= user.userName &password= user.userPassword "
style="text-decoration: none;">返回首页</a>
</div>
<div align="right" style="width: 80%;height: 100%;float: right;">
<a>欢迎,<span style="color: red;">user.userName</span></a>
<a href="/" style="text-decoration: none;">注销</a>
</div>
</div>
<div align="center" style="width: 100%;height: 140px;line-height: 140px;"><h1>超市订单管理系统</h1></div>
</div>
<div align="center" style="width: 100%;height: 640px;background-color: pink;">
<form action="/addBill/" method="post">
% csrf_token %
<div style="padding: 5px 0px">
<label for="productName">商品名称:</label>
<input id="productName" name="productName" type="text" placeholder="请输入商品名称" />
</div>
<div style="padding: 5px 0px">
<label >商品描述:</label>
<input type="text" name="productDesc" placeholder="请输入商品描述信息"></input>
</div>
<div style="padding: 5px 0px">
<label >商品单位:</label>
<input type="text" name="productUnit" placeholder="请输入商品单位">
</div>
<div style="padding: 5px 0px">
<label >商品数量:</label>
<input type="number" name="productCount" placeholder="请输入商品数量" >
</div>
<div style="padding: 5px 0px">
<label >商品总额:</label>
<input type="number" name="totalPrice" placeholder="请输入商品总额" >
</div>
<div style="padding: 5px 0px">
<label >供应商名称:</label>
<!-- Html5 新增的表单的新用法 -->
<input type="search" name="proName" placeholder="请输入供应商名称" list="list">
<datalist id="list">
% for provider in providers %
<option> provider.proName </option>
% endfor %
</datalist>
% comment %<select name="proName">
% for provider in providers %
<option> provider.proName </option>
% endfor %
</select>% endcomment %
</div>
<div style="padding: 5px 0px">
<input type="submit"
value="添加"
style="width: 120px;background-color: green;
border: none;padding: 5px;border-radius: 5px;
color: white;"/>
</div>
</form>
</div>
</div>
</body>
</html>其界面效果图如下：
当普通员工添加订单后，将数据信息发送给服务器，地址为 /addBill/
服务器接收该地址的订单数据
# 接收普通员工添加订单的数据地址
path('addBill/',views.addBill),views.py，服务器在添加该订单的时候，需要完成对该订单进行自动生成订单编号，因此需要读者仔细理解该添加订单的逻辑思路。
# 创建方法，接收普通员工添加新订单的数据信息
def addBill(request):
# 商品名称
productName=request.POST["productName"]
# 商品描述
productDesc=request.POST["productDesc"]
# 商品单位
productUnit=request.POST["productUnit"]
# 商品数量
productCount=request.POST["productCount"]
# 商品的总金额
totalPrice=request.POST["totalPrice"]
# 合作的供应商名称
proName=request.POST["proName"]
# 自动生成订单编号
# 第一种，数据库中不存在今年的任何订单------ BILL+今年的年份+_001
# 第二种，数据库中存在今年的订单---找到今年的所有订单中最后一个下的订单编号，
# 下划线分割，加一，就可以生成我们这个订单编号
# 解题思路:
# 将数据库中所有订单按订单编号进行降序排列(从大到小排序)
# BILL2022_004
new_billCode=Bill.objects.order_by("-billCode").values("billCode")[0]["billCode"]
# 将获得的最新的订单编号进行下划线分割 BILL2022 004
infos=str(new_billCode).split("_")
# 获得当前实时年份
year = time.strftime("%Y", time.localtime())
# 判断最新的订单是否是今年的订单
if year == infos[0][4:]:
# 最新的订单编号是今年的
number=int(infos[1])+1
s=""
# 小于10，补两个0
if number<10:
s="00"+str(number)
elif number<100:
# 补一个0
s = "0" + str(number)
elif number<1000:
s = str(number)
billCode=infos[0]+"_"+s
else:
# 最新的订单编号不是今年的，也就是说今年没有产生任何的订单
billCode="BILL"+year+"_001"
# 默认未支付
isPayment=1
# 普通员工的id
createdBy=user[0].id
# 订单的签订的实时时间
creationDate = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
# 不涉及修改功能
modifyBy = 0
modifyDate = ""
# 根据普通员工选择的供应商名称查询供应商表，获得该供应商的id
providerId=Provider.objects.get(proName=proName).id
# 将新订单数据信息添加至订单表
Bill.objects.create(productName=productName,productDesc=productDesc,productUnit=productUnit,
productCount=productCount,totalPrice=totalPrice,billCode=billCode,
isPayment=isPayment,createdBy=createdBy,creationDate=creationDate,
modifyBy=modifyBy,modifyDate=modifyDate,providerId=providerId)
return redirect(getBillsByUserId)
当添加成功后，刷新该员工的订单列表页面
经理操作订单管理模块
经理作为领导职责，管理普通员工的工作，因此经理具备查看所有普通员工添加的订单，对于无误的订单进行支付进货金额，对于有误的订单信息进行修改，对于无效订单进行删除等权限。
经理点击订单管理模块时，发出地址请求为: /getBills/
服务器定义地址接收请求
# 接收经理查看所有订单信息的地址
path('getBills/',views.getBills),views.py，进行查询订单表，用户表，供应商表将需要展示的订单详情信息显示
# 创建方法，从数据库的订单表查询所有订单
def getBills(request):
# 从订单表查询所有订单信息
bList=Bill.objects.all().values()
# 判断是否存在订单信息，如果存在，循环遍历每一个订单信息
if bList:
for b in bList:
# 通过订单信息中员工id查询员工表的对应的姓名
userName=User.objects.get(id=b["createdBy"]).userName
# 通过订单信息中供应商id查询供应商表对应的供应商名称
proName=Provider.objects.get(id=b["providerId"]).proName
b["userName"]=userName
b["proName"]=proName
b["updateDateLen"]=len(str(b["modifyDate"]))
return render(request,"jBillList.html","bList":bList,"user":user[0])将查询出来的所有订单信息显示在页面上
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超市订单管理系统--订单列表</title>
<style type="text/css">
tr
height: 40px;
</style>
<script type="text/javascript">
function btn_pay(id)
var info=window.confirm("您是否确定要支付这笔费用?");
if (info)
location.href="/updatePayment/?id="+id;
</script>
</head>
<body>
<div style="width: 1800px;height: 1000px;margin: auto;">
<div style="width: 100%;height: 160px;background-color:skyblue;">
<div style="width: 100%;height: 20px;">
<div align="left" style="width: 20%;height: 100%;float: left;" >
<a href="/login/?username= user.userName &password= user.userPassword "
style="text-decoration: none;">返回首页</a>
</div>
<div align="right" style="width: 80%;height: 100%;float: right;">
<a>欢迎,<span style="color: red;">user.userName</span></a>
<a href="/" style="text-decoration: none;">注销</a>
</div>
</div>
<div align="center" style="width: 100%;height: 140px;line-height: 140px;"><h1>超市订单管理系统</h1></div>
</div>
<div align="center" style="width: 100%;height: 840px;background-color: pink;overflow: scroll;">
<!-- 当前普通员工是否有谈下过订单信息，如果没有，显示暂无信息，如果有，展示该员工的所有订单 -->
% if bList %
<table border="1" style="width: 98%;text-align: center;border-collapse: collapse;">
<tr>
<td>主键Id</td>
<td>账单编码</td>
<td>商品名称</td>
<td>商品描述</td>
<td>商品数量</td>
<td>商品单位</td>
<td>商品总额</td>
<td>是否支付</td>
<td>员工姓名</td>
<td>供应商名称</td>
<td>创建时间</td>
<td>修改时间</td>
<td>操作</td>
</tr>
% for foo in bList %
<tr>
<td > foo.id </td>
<td> foo.billCode </td>
<td> foo.productName </td>
<td> foo.productDesc </td>
<td> foo.productCount </td>
<td> foo.productUnit </td>
<td> foo.totalPrice 元</td>
% if foo.isPayment == 1 %
<td><input type="button" value="未支付" onclick="btn_pay( foo.id )" style="border-width: 0px;
background-color: crimson;color: white;padding: 3px;width: 60px;border-radius: 3px;"></td>
% elif foo.isPayment == 2 %
<td style="color:green;">已支付</td>
% endif %
<td> foo.userName </td>
<td> foo.proName </td>
<td> foo.creationDate </td>
% if foo.updateDateLen == 0 %
<td>暂未修改</td>
% elif foo.updateDateLen > 0 %
<td> foo.modifyDate </td>
% endif %
<td>
<a href="/getBillByIndex/?id= foo.id "><input type="button" value="修改"
style="background-color: green;
border: none;border-radius: 5px;
color: white;"></a>
<a href="/deleteBill/?id= foo.id "><input type="button" value="删除"
style="background-color: red;
border: none;border-radius: 5px;
color: white;"></a>
</td>
</tr>
% endfor %
</table>
% else %
<!-- 当前没有任何的订单信息 -->
<div style="width: 98%;text-align: center;height: 800px;">
当前暂无订单信息
</div>
% endif %
<!-- 分页页码导航栏 -->
% comment %<br>
<div align="center">
<!-- 判断当前页是否存在上一页，不存在则不显示上一页的按钮 -->
<%if(pi.getPrePage()>0) %>
<a href="GetBills.do?ym=<%=pi.getPrePage()%>"><input type="button" value="上一页"/></a>
<% %>
<% for(int i:pi.getNavigatepageNums()) %>
<a href="GetBills.do?ym=<%=i%>"><%=i %></a>
<% %>
<!-- 判断当前页是否存在下一页，不存在则不显示下一页的按钮 -->
<% if(pi.getPageNum()<pi.getLastPage()) %>
<a href="GetBills.do?ym=<%=pi.getNextPage()%>"><input type="button" value="下一页"/></a>
<% %>
</div>% endcomment %
</div>
</div>
</body>
</html>其界面效果图如下：
当经理检查某一个订单信息无误时，进行点击支付订单金额，请求地址为
其界面效果如下
当经理确认后，将该订单的主键id发送给服务器
# 接收经理支付订单费用地址
path('updatePayment/',views.updatePayment),views.py
# 创建方法，获得订单id，支付该订单的费用
def updatePayment(request):
id=request.GET["id"]
# 当前支付该费用的经理的id
modifyBy=user[0].id
# 当前支付该费用的实时时间
modifyDate=time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
# 根据当前订单id查询订单信息
b=Bill.objects.filter(id=id)
# 修改当前订单的支付状态
b.update(isPayment=2,modifyBy=modifyBy,modifyDate=modifyDate)
return redirect(getBills)当支付成功后，刷新订单列表页面
经理可以修改有误的订单信息，点击某个订单的修改按钮将该订单的主键id发送给服务器，地址为 /getBillByIndex/
服务器接收该请求
# 接收经理修改订单信息的地址
path('getBillByIndex/',views.getBillByIndex),views.py 根据订单id查询出该订单信息
# 创建方法，根据订单id查询该订单信息，展示在修改页面上
def getBillByIndex(request):
id=request.GET["id"]
# 根据id查询订单表 ["key"：value]
bill=Bill.objects.filter(id=id).values()
# 根据订单表中的普通员工的id查询用户表获得用户姓名
username=User.objects.get(id=bill[0]["createdBy"]).userName
# 根据订单表中供应商id查询供应商表获得供应商名称
proName=Provider.objects.get(id=bill[0]["providerId"]).proName
bb=bill[0]
bb["userName"]=username
bb["proName"]=proName
# 查询所有供应商名称，供经理修改的时候选择
providers=Provider.objects.all().values("proName")
# 查询所有普通员工，供经理修改的时候选择
users=User.objects.filter(userRole=3).values("userName")
return render(request,"updateBill.html","bill":bb,"user":user[0],"providers":providers,"users":users)并将数据显示在页面上
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超市订单管理系统--修改订单</title>
</head>
<body>
<div style="width: 1200px;height: 800px;margin: auto;">
<div style="width: 100%;height: 160px;background-color:skyblue;">
<div style="width: 100%;height: 20px;">
<div align="left" style="width: 20%;height: 100%;float: left;" >
<a href="/login/?username= user.userName &password= user.userPassword "
style="text-decoration: none;">返回首页</a>
</div>
<div align="right" style="width: 80%;height: 100%;float: right;">
<a>欢迎,<span style="color: red;">user.userName</span></a>
<a href="/" style="text-decoration: none;">注销</a>
</div>
</div>
<div align="center" style="width: 100%;height: 140px;line-height: 140px;"><h1>超市订单管理系统</h1></div>
</div>
<div align="center" style="width: 100%;height: 640px;background-color: pink;">
<form action="/updateBill/" method="post">
% csrf_token %
<input type="hidden" name="id" value=" bill.id ">
<div style="padding: 5px 0px">
<label for="productName">商品名称:</label>
<input id="productName" name="productName" value=" bill.productName " type="text" placeholder="请输入商品名称" />
</div>
<div style="padding: 5px 0px">
<label >商品描述:</label>
<input type="text" name="productDesc" value=" bill.productDesc " placeholder="请输入商品描述信息"></input>
</div>
<div style="padding: 5px 0px">
<label >商品单位:</label>
<input type="text" name="productUnit" value=" bill.productUnit " placeholder="请输入商品单位">
</div>
<div style="padding: 5px 0px">
<label >商品数量:</label>
<input type="number" name="productCount" value=" bill.productCount " placeholder="请输入商品数量" >
</div>
<div style="padding: 5px 0px">
<label >商品总额:</label>
<input type="number" name="totalPrice" value=" bill.totalPrice " placeholder="请输入商品总额" >
</div>
<div style="padding: 5px 0px">
<label >员工姓名:</label>
<input type="search" name="userName" value=" bill.userName " placeholder="请输入普通员工姓名" list="userList">
<datalist id="userList">
% for u in users %
<option> u.userName </option>
% endfor %
</datalist>
</div>
<div style="padding: 5px 0px">
<label >供应商名称:</label>
<!-- Html5 新增的表单的新用法 -->
<input type="search" name="proName" value=" bill.proName " placeholder="请输入供应商名称" list="list">
<datalist id="list">
% for provider in providers %
<option> provider.proName </option>
% endfor %
</datalist>
</div>
<div style="padding: 5px 0px">
<input type="submit"
value="修改"
style="width: 120px;background-color: green;
border: none;padding: 5px;border-radius: 5px;
color: white;"/>
</div>
</form>
</div>
</div>
</body>
</html>当经理更新后，将更新后的数据提交给服务器，请求地址为 /updateBill/
服务器接收该请求，并获得所有更新的订单信息
# 接收经理修改更新订单后的数据信息地址
path('updateBill/',views.updateBill),views.py
# 创建方法，接收经理更新订单信息的数据
def updateBill(request):
# 主键id
id=request.POST["id"]
# 商品名称
productName = request.POST["productName"]
# 商品描述
productDesc = request.POST["productDesc"]
# 商品单位
productUnit = request.POST["productUnit"]
# 商品数量
productCount = request.POST["productCount"]
# 商品的总金额
totalPrice = request.POST["totalPrice"]
# 合作的供应商名称
proName = request.POST["proName"]
# 员工姓名
userName=request.POST["userName"]
# 根据员工姓名查询该员工的主键id
userId=User.objects.get(userName=userName).id
# 根据供应商的名称查询该供应商id
providerId=Provider.objects.get(proName=proName).id
# 修改该订单的经理的id
modifyBy=user[0].id
# 修改该订单的实时时间
modifyDate=time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
# 先通过订单id将要修改的订单信息查询出来
bill=Bill.objects.filter(id=id)
# 将更新后的订单信息替换旧的订单信息
bill.update(productName=productName,productDesc=productDesc,productUnit=productUnit,
productCount=productCount,totalPrice=totalPrice,createdBy=userId,
providerId=providerId,modifyBy=modifyBy,modifyDate=modifyDate)
return redirect(getBills)修改成功后，刷新订单信息列表页面
经理通过点击删除按钮进行删除某一条无效的订单信息，将订单id发送给服务器，请求地址为 /deleteBill/
服务器接收该请求和id参数
# 接收经理删除订单的地址
path('deleteBill/',views.deleteBill),views.py
# 创建方法，获得经理要删除的订单的id
def deleteBill(request):
id=request.GET["id"]
# 根据订单id删除该订单信息
bill=Bill.objects.filter(id=id)
bill.delete()
return redirect(getBills)
删除成功后刷新订单列表页面
总结
该项目到这里结束了，读者可根据自身的需要进行增加或者修改其中的功能和需求
以上是关于Django第四课 基于Django超市订单管理系统开发的主要内容，如果未能解决你的问题，请参考以下文章