模板部分，就很简陋了，没有什么美感了(lll￢ω￢)，一方面本人在网页标记语言这块学的不多，其次本人设计美感方面等于0，所以以显式内容为主了😂
- base.html基础页面，定制网站页面基础框架，所有其他页面都继承于它
这个框架使用的是学习的例子上面，所以样式还能看看
{% load bootstrap3 %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1">
{#上面这行是使用bootstrap必须选项，bootstrap主要为了给移动终端的提供更友好显示的#}
<title>订单管理系统</title>
{# 统一定义所有网页标题#}
{% bootstrap_css %}
{% bootstrap_javascript %}
</head>
<body>
{#static navbar nav标签表示页面的导航链接部分#}
<nav class="navbar navbar-default navbar-static-top">
<div style="width: 80%;margin: auto;">
{# 定义导航部分显示宽度，这里是占屏幕 宽度百分比，margin设置水平位置方式，auto表示水平居中#}
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"></button>
{# 将在浏览器窗口太窄、无法水平显示整个导航栏时显示出来，collapse会使导航栏折叠起来。如果用户单击这个按钮，将出现一个下拉列表，其中包含所有的导航元素 #}
<a href="{% url 'order:index' %}" class="navbar-brand"><span style="font-family:楷体;color: red"><b>♦南京****♦</b></span></a>
{# 导航栏的最左边显示项目名，并将其设置为到主页的链接 #}
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="{% url 'order:customers' %}">全部客户</a></li>
<li><a href="{% url 'order:new_customer' %}">新建客户</a></li>
<li><a href="{% url 'order:orders' %}"><span style="color:red">所有订单</span></a></li>
<li><a href="{% url 'order:search' %}">其他搜索</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
{# 如果用户已登录，user.is_authenticated该属性将为True，否则为False。#}
{% if user.is_authenticated %}
<li><a>欢迎，{{ user.username }}</a></li>
<li><a href="{% url 'user:logout' %}">退出</a></li>
{% else %}
<li><a href="{% url 'user:login' %}">登录</a></li>
<li><a href="{% url 'user:register' %}">注册</a></li>
{% endif %}
</ul>
</div>
</div>
</nav>
<div class="container" style="margin: auto;width: 80%;">
<div class="page-header">
{% block header %}{% endblock header %}
{# 定义各自网页内容部分上面显示标题部分#}
</div>
{% block content %}{% endblock content %}
{#定义网页主题内容显示位置#}
</div>
</body>
</html>
{% extends 'base.html' %}
{% block header %}
<div class="jumbotron">
<h2 style="font-family: '微软雅黑 Light'">百斯凯 订单管理系统</h2>
</div>
{% endblock %}
{% block content %}
<h3>
<a href="{% url 'user:register'%}">注册账户</a>建立自己的订单管理，可以查看自己管理的客户清单。
</h3>
<h3>
当有客户需要订货，可以建立订单，将记录订单何时生成，属于哪个客户，可以修改订单。
</h3>
<h3>
在订单被确定下单之前，都可以编辑和删除，<span style="color: red;">一旦被订货人员处理就不可更改</span>
</h3>
{% endblock %}
- customer.html该页面用于查询某个客户的所有订单
{% extends 'base.html' %}
{% load bootstrap3 %}
{% block header %}
<h3>{{ customer.name}}订单</h3>
<h4><a href="{% url 'order:new_order' customer.id %}">新建订单</a></h4>
{% endblock %}
{% block content %}
{% for order in orders %}
<table role="form" class="table table-bordered table-striped table-hover">
<tr style="background: coral">
<td colspan="2"> 品牌:
{% if order.p_make != '选填' %}
{{ order.p_make }}
{% endif %}
</td>
<td colspan="2">
货号:
{{ order.huohao }}
</td>
</tr>
<tr style="background: bisque" >
<td> 品名 </td>
<td> 规格 </td>
<td> 单价 </td>
<td> 数量 </td>
</tr>
<tr>
<td>{{ order.p_name }}</td>
<td>
{% if order.p_spec != '选填' %}
{{ order.p_spec }}
{% endif %}
</td>
<td>{{ order.p_price }}</td>
<td>{{ order.p_num }}</td>
</tr>
<tr>
<td colspan="2"> 下单时间: {{ order.p_time }}</td>
<td colspan="2"> 处理时间: {{ order.h_time }}</td>
</tr>
<tr>
<td colspan="2"> 处理人： {{ order.h_name }}</td>
{% if order.order_stat == 'waiting' %}
<td style="text-align: left;background: lightblue">
{% if order.invoice_stat == 'after' %}
发票： <span style="color: red;">后开票</span>
{% else %}
发票： <span style="color: red;">预付款</span>
{% endif %}
</td>
<td style="background: lightblue">
<a href="{% url 'order:del_order' order.id %}">删除</a> -
<a href="{% url 'order:edit_order' order.id %}" class="text-primary">修改</a>
</td>
{% else %}
<td colspan="2" style="text-align: left">
{% if order.invoice_stat == 'after' %}
发票： <span style="color: red;">后开票</span>
{% else %}
发票： <span style="color: red;">预付款</span>
{% endif %}
</td>
{% endif %}
</tr>
<tr>
<td> 备注 </td>
<td colspan="3">
{% if order.remark != "选填" %}
{{ order.remark }}
{% endif %}
</td>
</tr>
</table>
{% empty %}
<h3>暂时还没有订单</h3>
{% endfor %}
{% include 'pagination.html' with page=orders %}
{% endblock %}
- customers.html定义查看业务员对应的所有客户
{% extends 'base.html' %}
{% load bootstrap3 %}
{% block header %}
<h3>客户列表 </h3>
{% endblock %}
{% block content %}
<div>
<ul style="background: aliceblue">Tips:
<li>订单管理人员点击业务员名，查看该业务员所有客户名单</li>
<li>不存在客户创建订单，需要先创建客户</li>
<li>点击客户名，查看该客户名下所有订单</li>
<li>点击“编辑”，修改该客户资料，“新建订单”则新建默认该客户的订单（客户可选）</li>
</ul>
</div>
<ul>
{% if adm %}
<table class="table table-bordered table-striped table-hover">
<tr style="background: bisque">
<td>业务员</td>
<td>客户名</td>
<td>操作</td>
</tr>
{% for customer in customers %}
<tr class="">
<td><a href="{% url 'order:someone_customers' customer.belong_to.id %}">{{ customer.belong_to.username }}</a></td>
<td><a href="{% url 'order:customer' customer.id %}">{{ customer.name }}</a></td>
<td>
<a href="{% url 'order:edit_customer' customer.id %}">编辑</a> -
<a href="{% url 'order:new_order' customer.id %}">新建订单</a>
</td>
</tr>
{% empty %}
<li><h4>您还没有客户</h4></li>
{% endfor %}
</table>
{% else %}
{% for customer in customers %}
<li>
<a href="{% url 'order:customer' customer.id %}">{{ customer.name }}</a> -
<a href="{% url 'order:edit_customer' customer.id %}">编辑</a> -
<a href="{% url 'order:new_order' customer.id %}">新建订单</a>
</li>
{% empty %}
<li><h4>您还没有客户</h4></li>
{% endfor %}
{% endif %}
</ul>
<br>
{% endblock %}
- edit_customer.html客户信息编辑页面
{% extends 'base.html' %}
{% block header %}
<h3>客户编辑</h3>
{% endblock %}
{% block content %}
<form action="" method="post" >
{% csrf_token %}
{{ form.as_p }}
<button name="submit" class="btn btn-primary">提交</button>
</form>
{% endblock %}
{% extends 'base.html' %}
{% block header %}
<h3>订单编辑</h3>
{% endblock %}
{% block content %}
<form action="" method="post">
{% csrf_token %}
{{ form.as_p }}
<button name="submit" class="btn btn-primary">提交</button>
</form>
{% endblock %}
{% extends 'base.html' %}
{% block header %}
<h2>新建客户</h2>
{% endblock %}
{% block content %}
<form action="" method="post" class="form">
{% csrf_token %}
{{ form.as_p }}
<button name="submit" class="btn btn-primary">新建</button>
</form>
{% endblock %}
{% extends 'base.html' %}
{% block header %}
<h3>新建订单</h3>
{% endblock %}
{% block content %}
<form action="" method="post" class="form">
{% csrf_token %}
{{ form.as_p }}
<button name="submit" class="btn btn-primary">提交</button>
</form>
{% endblock %}
{% extends 'base.html' %}
{% block header %}
<h3>所有订单</h3>
<form action="" method="post">
{% csrf_token %}
筛选：订单状态-
<select name="or_stat">
<option value="waiting" selected>未处理</option>
<option value="done">已处理</option>
<option value="all">全部</option>
</select>
||发票状态-
<select name="in_stat">
<option value="after">后开票</option>
<option value="pre">预付款</option>
<option value="all" selected>全部</option>
</select>
<input type="submit" value="搜索" class="btn btn-sm btn-primary">
</form>
{% endblock %}
{% block content %}
{% for order in orders %}
<table role="form" class="table table-bordered table-striped table-hover" style="">
<tr>
<td colspan="2">客户:{{ order.c_name.name }}</td>
<td colspan="2">订单流水号:{{ order.id }}；
<span class="align-right">
{% if order.order_stat == 'waiting' %}
{% if adm %}
<a class="btn btn-sm btn-primary" href="{% url 'order:done' order.id %}">处理</a>
{% else %}
待处理
{% endif %}
{% else %}
已处理
{% endif %}
</span>
</td>
</tr>
<tr style="background: coral">
<td colspan="2"> 品牌:
{% if order.p_make != '选填' %}
{{ order.p_make }}
{% endif %}
</td>
<td colspan="2">
货号:
{{ order.huohao }}
</td>
</tr>
<tr style="background: bisque" >
<td> 品名 </td>
<td> 规格 </td>
<td> 单价 </td>
<td> 数量 </td>
</tr>
<tr>
<td>{{ order.p_name }}</td>
<td>
{% if order.p_spec != '选填' %}
{{ order.p_spec }}
{% endif %}
</td>
<td>{{ order.p_price }}</td>
<td>{{ order.p_num }}</td>
</tr>
<tr>
<td colspan="2"> 下单时间: {{ order.p_time }}</td>
<td colspan="2"> 处理时间: {{ order.h_time }}</td>
</tr>
<tr>
<td colspan="2"> 处理人： {{ order.h_name }}</td>
{% if order.order_stat == 'waiting' %}
<td style="text-align: left;background: lightblue">
{% if order.invoice_stat == 'after' %}
发票： <span style="color: red;">后开票</span>
{% else %}
发票： <span style="color: red;">预付款</span>
{% endif %}
</td>
<td style="background: lightblue">
<a href="{% url 'order:del_order' order.id %}">删除</a> -
<a href="{% url 'order:edit_order' order.id %}" class="text-primary">修改</a>
</td>
{% else %}
<td colspan="2" style="text-align: left">
{% if order.invoice_stat == 'after' %}
发票： <span style="color: red;">后开票</span>
{% else %}
发票： <span style="color: red;">预付款</span>
{% endif %}
</td>
{% endif %}
</tr>
<tr>
<td> 备注 </td>
<td colspan="3">
{% if order.remark != "选填" %}
{{ order.remark }}
{% endif %}
</td>
</tr>
</table>
<br>
{% empty %}
<h3>暂时还没有订单</h3>
{% endfor %}
{% include 'pagination.html' with page=orders %}
{% endblock %}
{% extends 'base.html' %}
{% load bootstrap3 %}
{% block header %}
<h3>
订单搜索
</h3>
{% endblock %}
{% block content %}
<form action="" method="post" target="_blank">
{% csrf_token %}
<table class="table table-bordered">
<tr>
<td>客户</td>
<td>
<select name="customer">
{% for customer in customers %}
<option value="{{ customer.id }}">{{ customer.name }}</option>
{% endfor %}
</select>
</td>
</tr>
<tr>
<td>订单状态</td>
<td>
<label><input type="radio" name="or_stat" value="waiting">未处理</label>
<label><input type="radio" name="or_stat" value="done">已处理</label>
<label><input type="radio" name="or_stat" value="all" checked>全部</label>
</td>
</tr>
<tr>
<td>发票</td>
<td>
<label><input type="radio" name="in_stat" value="after">后开票</label>
<label><input type="radio" name="in_stat" value="pre">预付款</label>
<label><input type="radio" name="in_stat" value="all" checked>全部</label>
</td>
</tr>
<tr>
<td>时间</td>
<td>
开始：<input type="date" id="date_s" name="date_s"><br>
结束：<input type="date" id="date_e" name="date_e">
</td>
</tr>
</table>
<div style="text-align: right">
<input type="submit" value="搜索" class="btn btn-primary">
</div>
</form>
<script>
$(document).ready(function () {
var time = new Date();
var t_day = ("0" + time.getDate()).slice(-2);
var y_day = ("0" + (time.getDate() - 1)).slice(-2);
var month = ("0" + (time.getMonth() + 1)).slice(-2);
var today = time.getFullYear() + "-" + (month) + "-" + (t_day);
var yesterday = time.getFullYear() + "-" + (month) + "-" + (y_day);
$('#date_s').val(yesterday);
$('#date_e').val(today);
})
</script>
<hr>
{% if orders %}
{% for order in orders %}
<table role="form" class="table table-bordered table-striped table-hover" style="">
<tr>
<td colspan="2">客户:{{ order.c_name.name }}</td>
<td colspan="2">订单流水号:{{ order.id }}；
<span class="align-right">
{% if order.order_stat == 'waiting' %}
{% if adm %}
<a class="btn btn-sm btn-primary" href="{% url 'order:done' order.id %}">处理</a>
{% else %}
待处理
{% endif %}
{% else %}
已处理
{% endif %}
</span>
</td>
</tr>
<tr style="background: coral">
<td colspan="2"> 品牌:
{% if order.p_make != '选填' %}
{{ order.p_make }}
{% endif %}
</td>
<td colspan="2">
货号:
{{ order.huohao }}
</td>
</tr>
<tr style="background: bisque" >
<td> 品名 </td>
<td> 规格 </td>
<td> 单价 </td>
<td> 数量 </td>
</tr>
<tr>
<td>{{ order.p_name }}</td>
<td>
{% if order.p_spec != '选填' %}
{{ order.p_spec }}
{% endif %}
</td>
<td>{{ order.p_price }}</td>
<td>{{ order.p_num }}</td>
</tr>
<tr>
<td colspan="2"> 下单时间: {{ order.p_time }}</td>
<td colspan="2"> 处理时间: {{ order.h_time }}</td>
</tr>
<tr>
<td colspan="2"> 处理人： {{ order.h_name }}</td>
{% if order.order_stat == 'waiting' %}
<td style="text-align: left;background: lightblue">
{% if order.invoice_stat == 'after' %}
发票： <span style="color: red;">后开票</span>
{% else %}
发票： <span style="color: red;">预付款</span>
{% endif %}
</td>
<td style="background: lightblue">
<a href="{% url 'order:del_order' order.id %}">删除</a> -
<a href="{% url 'order:edit_order' order.id %}" class="text-primary">修改</a>
</td>
{% else %}
<td colspan="2" style="text-align: left">
{% if order.invoice_stat == 'after' %}
发票： <span style="color: red;">后开票</span>
{% else %}
发票： <span style="color: red;">预付款</span>
{% endif %}
</td>
{% endif %}
</tr>
<tr>
<td> 备注 </td>
<td colspan="3">
{% if order.remark != "选填" %}
{{ order.remark }}
{% endif %}
</td>
</tr>
</table>
<br>
{% empty %}
<h3>暂时还没有订单</h3>
{% endfor %}
{% endif %}
{% if orders %}
{% include 'pagination.html' with page=orders %}
{% endif %}
{% endblock %}
<div class="pagination">
<span class="step-links">
{% if page.has_previous %}
<a href="?page={{ page.previous_page_number }}">前一页</a>
{% endif %}
<span class="current">
第 {{ page.number }} / {{ page.paginator.num_pages }}页
</span>
{% if page.has_next %}
<a href="?page={{ page.next_page_number }}">下一页</a>
{% endif %}
</span>
</div>
