知识点1
我们要实现一个这样的功能，在学生表中，可以查看每个学生的报名的班级的所有的成绩，就是下图的效果
1、首先我们需要在学生表中自定义一列，这一列的内容就是一个a标签，指向另外一个页面，而我们在另外一个页面显示显示这个学生的所有的成绩
新添加一列的函数如下
def score_show_url(self,obj=None,header=False):
if header:
return "查看成绩"
else:
temp = "<a href='/stark/crm/student/{sid}/'>查看个人成绩</a>".format(sid=obj.id)
return mark_safe(temp)
2、由于我们这里新增了一个url，所以需要为这个url设计一个新的视图函数
首先为这个url设计对应的视图函数的名称
def extra_url(self):
temp = []
temp_url = url(r'(?P<sid>d+)/',self.show_score)
temp.append(temp_url)
return temp
然后我们设计具体的视图函数，这个视图函数是完整的视图函数，我们先不用管，只需要知道这个流程就可以了
def show_score(self,request,sid):
stu_obj = models.Student.objects.get(id=sid)
# 拿到学生对象
stu_class_list = stu_obj.class_list.all()
if request.is_ajax():
sid = request.GET.get("sid")
cid = request.GET.get("cid")
# 拿到这个学生的所报的班级的queryset对象
stu_record_dict = {}
for record in stu_class_list:
stu_record_dict[record.id] = record.courserecord_set.all()
data_list = []
for k,v in stu_record_dict.items():
# print(k,cid,type(k),type(cid))
if k == int(cid):
for m in v:
print(stu_obj,m,m.studyrecord_set.filter(student = stu_obj)[0].get_score_display())
temp = [str(m),m.studyrecord_set.filter(student = stu_obj)[0].score]
data_list.append(temp)
import json
print(data_list)
from django.http import JsonResponse
return JsonResponse(data_list,safe=False)
return render(request,"score_view.html",locals())
3、首先这个视图函数接收一个参数，这个参数就是学生的id，我们通过拿到这个学生的id就可以获取这个学生的所有的成绩了
4、然后返回一个页面
5、然后我们在下这个页面的html代码
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
</head>
<body>
<h3>查看<b>{{ stu_obj.username }}</b>成绩</h3>
<div class="container">
<div class="row">
<div class="col-md-9">
<form method="post">
{% csrf_token %}
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>班级</th>
<th>班主任</th>
<th>任课老师</th>
<th>查看成绩</th>
</tr>
</thead>
<tbody>
{% for cls in stu_class_list %}
<tr>
<td>{{ cls }}</td>
<td>{{ cls.tutor }}</td>
<td>{% for t in cls.teachers.all %}
{% if forloop.last %}
{{t.name}}
{% else %}
{{ t.name }} &
{% endif %}
{% endfor %}
</td>
<td><a class="view_score" cid={{ cls.id }} href="#">查看成绩</a></td>
</tr>
{% endfor %}
</tbody>
</table>
</form>
</div>
</div>
</div>
</body>
下面我们分解一下html的代码，其实就是一个table标签，表头的代码
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>班级</th>
<th>班主任</th>
<th>任课老师</th>
<th>查看成绩</th>
</tr>
</thead>
表身体的代码
<tbody>
{% for cls in stu_class_list %}
<tr>
<td>{{ cls }}</td>
<td>{{ cls.tutor }}</td>
<td>{% for t in cls.teachers.all %}
{% if forloop.last %}
{{t.name}}
{% else %}
{{ t.name }} &
{% endif %}
{% endfor %}
</td>
<td><a class="view_score" cid={{ cls.id }} href="#">查看成绩</a></td>
</tr>
{% endfor %}
</tbody>
这里注意一下，判断是否为for循环的最后一个
最后我们看下前端页面的效果
首先是在学生表中新增了一列数据
然后我们点击任意一个a标签，进入这个用户的查看成绩的页面
重点是这里，查看成绩的这个a标签
我们要为这个a标签绑定一个单击的事件，点击这个a标签，发送一个ajax的事件
首先我们看下ajax发送给后端的数据是什么，将学生的id和班级的id发送过去了，因为一个学生可以 报多个班级，我们是这里为每个学生的每个班级设计了a标签的按钮
$.ajax(
{
url: "",
data: {
sid: "{{ stu_obj.id }}",
cid: $(this).attr("cid"),
},
type: "get",
然后我们在看下视图函数，如何通过班级的id和学生的id拿到所要的成绩信息
if request.is_ajax():
sid = request.GET.get("sid")
cid = request.GET.get("cid")
# 拿到这个学生的所报的班级的queryset对象
stu_record_dict = {}
for record in stu_class_list:
stu_record_dict[record.id] = record.courserecord_set.all()
data_list = []
for k,v in stu_record_dict.items():
# print(k,cid,type(k),type(cid))
if k == int(cid):
for m in v:
print(stu_obj,m,m.studyrecord_set.filter(student = stu_obj)[0].get_score_display())
temp = [str(m),m.studyrecord_set.filter(student = stu_obj)[0].score]
data_list.append(temp)
import json
print(data_list)
from django.http import JsonResponse
return JsonResponse(data_list,safe=False)
首先这里有一个新的知识点，就是判断这次的请求是否为ajax的请求
这里我们点击查看成绩的按钮，我们用了一个highcharts的组件，这个组件就要接受一个列表套列表的数据结构，上面我们就组件了一个这样的结构
然后引入highcharts的组件的js文件
<script src="/static/jq/jquery-3.3.1.js"></script> <script src="/static/highcharts/code/highcharts.js"></script>
下面这段代码是highcharts中的代码，我们只需要按照他的要求把数据传递过来就可以了
success: function (data) {
var chart = Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: '查看成绩'
},
subtitle: {
text: '数据截止 2017-03，来源: <a href="https://en.wikipedia.org/wiki/List_of_cities_proper_by_population">Wikipedia</a>'
},
xAxis: {
type: 'category',
labels: {
rotation: -45 // 设置轴标签旋转角度
}
},
yAxis: {
min: 0,
title: {
text: '人口 (百万)'
}
},
legend: {
enabled: false
},
tooltip: {
pointFormat: '人口总量: <b>{point.y:.1f} 百万</b>'
},
series: [{
name: '总人口',
{# data: [#}
{# ['上海', 24.25],#}
{# ['卡拉奇', 23.50],#}
{##}
{# ],#}
data: data,
dataLabels: {
enabled: true,
rotation: -90,
color: '#FFFFFF',
align: 'right',
format: '{point.y:.1f}', // :.1f 为保留 1 位小数
y: 10
}
}]
});
}
}
)
})
页面的的效果如下
知识点2
实现一个这样的功能，我们会新增一个页面，这个页面就是查看公共单的页面，什么叫做公共单，我们这里是这样定义的
a、这个客户未报名
b、销售跟进这个客户10天，还未成单
c、销售连续三天未跟进该客户
首先我们需要在客户表中新增一个url
def extra_url(self):
temp = []
temp_url = url(r'delcourse/(?P<customid>d+)/(?P<courseid>d+)',self.del_course)
temp_url = url(r'pub', self.pub)
temp.append(temp_url)
return temp
这个就是我们新定义的url
然后在写pub这个视图函数
def pub(self,request):
# 1、过滤未报名的学生
# 2、过滤三天未跟进的学生
# 3、过滤10天未成单的学生
from django.db.models import Q
import datetime
time_delta3 = datetime.timedelta(days=3)
time_delta10 = datetime.timedelta(days=10)
q_obj = Q()
q_obj.connector = "OR"
q_obj.children.append(("last_consult_date__lt",datetime.datetime.now() - time_delta3))
q_obj.children.append(("recv_date__lt",datetime.datetime.now() - time_delta10))
pub_obj_list = models.Customer.objects.filter(q_obj,status=2)
return render(request,"pub.html",locals())
这里我们用到了Q对象，这里要非常注意，Q对象的children.append方法要传递一个tuple进去
这里，还有一个知识点就是，我们定义时间对象，超出几天几年，用下面的方法来实现，datetime.timedelta这个方法，下面的例子就是判断当前时间减去三天的时间对象，和当前时间减去10天的时间对象
如果过滤的时候，Q对象和字段过滤一起使用，则字段对象必须放在最后
下面我们看下html的代码
html的代码就很简单了
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
</head>
<body>
<h3>查看客户</h3>
<div class="container">
<div class="row">
<div class="col-md-9">
<form method="post">
{% csrf_token %}
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>id</th>
<th>姓名</th>
<th>qq</th>
<th>性别</th>
<th>当前的课程顾问</th>
<th>查看跟进记录</th>
<th>确认跟进</th>
</tr>
</thead>
<tbody>
{% for cus in pub_obj_list %}
<tr>
<td>{{ forloop.counter }}</td>
<td>{{ cus.name }}</td>
<td>{{ cus.qq }}</td>
<td>{{ cus.gender }}</td>
<td>{{ cus.consultant }}</td>
<td><a href="/stark/crm/consultrecord/?customer={{ cus.id }}">查看跟进记录</a></td>
<td><a href="#">确认跟进</a></td>
</tr>
{% endfor %}
</tbody>
</table>
</form>
</div>
</div>
</div>
</body>
主要是看下这里，forloop.counter
还有就是a标签
然后我们看下前端的效果，pub这个url对应的前端的页面
点击一下查看跟进记录这个a标签的效果
这里我们看下跟进的函数是怎么写的
先添加一个跟进的url
def extra_url(self):
temp = []
temp_url = url(r'delcourse/(?P<customid>d+)/(?P<courseid>d+)',self.del_course)
temp.append(temp_url)
temp_url = url(r'pub/', self.pub)
temp.append(temp_url)
temp_url = url(r'further/(?P<cid>d+)/', self.further)
temp.append(temp_url)
temp_url = url(r'mycustomer/', self.mycustomer)
temp.append(temp_url)
return temp
然后我们在写url对应的视图函数
def further(self,request,cid):
import datetime
userinfo_id = 8
userinfo_obj = models.UserInfo.objects.get(id=userinfo_id)
further_status = models.CustomerDistrbute.objects.filter(id=cid)[0].status
if further_status == 1:
return HttpResponse("已经被跟进")
else:
now_date = datetime.datetime.now()
models.Customer.objects.filter(id=cid).update(
consultant = userinfo_obj,
recv_date = now_date,
last_consult_date = now_date
)
models.CustomerDistrbute.objects.create(
customer_id = cid,
consultant = userinfo_obj,
date = now_date,
status = 1
)
return HttpResponse("跟进成功")
这里有一个逻辑就是为了防止2个人同时点击跟进导致的问题
