知识点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个人同时点击跟进导致的问题
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/20769.html