#yyds干货盘点# 打分吧!客服小姐姐,评分页面与客户总分页面的 Django 实现

Posted 梦想橡皮擦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了#yyds干货盘点# 打分吧!客服小姐姐,评分页面与客户总分页面的 Django 实现相关的知识,希望对你有一定的参考价值。

十四、打分页面逻辑与实现

14.1 打分页面功能实现

本篇博客主要内容为实现打分系统的打分页面,最终效果为简版格式。
首先在 templates/ttt 目录中新建一个 detail.html 文件,输入如下内容。

% if customer %
<h2>正在为客户【customer.name】打分</h2>
% if state == "success" %
<h3>打分成功!</h3>
% endif %

<form method="post">
  % csrf_token %
  <label for="s">请打分:</label>
  <select name="s" id="s">
    <option value="10">10</option>
    <option value="30">30</option>
    <option value="50">50</option>
    <option value="70">70</option>
    <option value="90">90</option>
    <option value="100">100</option>
  </select>
  <button type="submit">确定打分</button>
</form>
<a rel="nofollow" href="% url scoring:index %">返回列表</a>
% else %
<p>无客户</p>
% endif %

该页面由上一篇博客中超链接跳转进入。

接下来修改 views.py,补充打分数据保存相关逻辑。

# 客户详情&打分页面
def detail(request, _id):
    # 用户打分状态信息
    state = None
    # 渲染详情页面
    customer = Customer.objects.get(_id=_id)
    # 当用户提交打分信息
    if request.method == "POST":
        user_score_number = request.POST.get("s", 0)

        user_score = Score(customer=customer, score=user_score_number)
        user_score.save()
        state = "success"  # 表示打分成功

    context = 
        "customer": customer,
        "state": state
    
    return render(request, "ttt/detail.html", context)

在实现该页面逻辑时,发现之前在打分模型中增加的 User 模型的外键出现问题,必须登录才能保存数据,故修改 Score 模型如下,去除 User 模型外键。

class Score(models.Model):
    # 自增主键
    _id = models.AutoField(primary_key=True)
    customer = models.ForeignKey(Customer, on_delete=models.CASCADE)
    score = models.IntegerField(default=0, verbose_name="分数")
    # user_id = models.ForeignKey(User, on_delete=models.CASCADE)

模型修改之后,需要通过 migrate 迁移命令将修改保存到文件中。
这些内容都修改完毕,就可以通过 http://127.0.0.1:8000/scoring/2/ 访问打分页面了,点击确定打分,将数据发送到 views.py 中进行保存。

14.2 Django 知识点补充

在上文代码中的 detail.html 页面出现的 % csrf_token % 代码块,用于在 post 提交数据时,防止伪造跨站点请求。
request.POST 是一个类字典对象,用于通过关键字获取提交的数据,例如上述代码中,通过 request.POST.get("s", 0) 获取 detail.html 页面提交的下拉列表内容。

对于上述代码,可以进行修改,当小姐姐打分之后,直接跳转到客户列表页面。该编码习惯可以防止用户重复提交数据,建议牢记。

# 客户详情&打分页面
def detail(request, _id):
    # 渲染详情页面
    customer = Customer.objects.get(_id=_id)

    if request.method == "POST":
        user_score_number = request.POST.get("s", 0)
        user_score = Score(customer=customer, score=user_score_number)
        user_score.save()
        # 页面跳转
        return HttpResponseRedirect(reverse("scoring:index"))

    else:
        context = 
            "customer": customer
        
        return render(request, "ttt/detail.html", context)

14.3 客户分数汇总页面

客户分数查询只需要用到 Django 中对符合条件的列求和即可。该部分细节知识点会在后续博客中进行讲解,本文优先实现最终效果即可。

# 客户分数查阅
def show_score(request, _id):
    customer = Customer.objects.get(_id=_id)
    total = Score.objects.filter(customer=customer).aggregate(nums=Sum(score))
    print(total[nums])
    return HttpResponse(f"客户 id 的总分是 total")

上述代码只会输入一段文本,对其进行修改并匹配上相应的模板,代码如下:

# 客户分数查阅
def show_score(request, _id):
    customer = Customer.objects.get(_id=_id)
    total = Score.objects.filter(customer=customer).aggregate(nums=Sum(score))

    context = 
        "customer":customer,
        "total": total["nums"]
    
    return render(request, "ttt/show_score.html", context)

show_score.html 文件代码如下:

% if customer %
<h2> customer.name  的总得分是  total </h2>
% else %
<p>无客户</p>
% endif %

最终无效果的静态页面如下图所示。

14.4 本篇博客小节

本篇博客实现了打分系统的评分页面与客户分数汇总展示页面,希望你能在本篇博客中学到知识。

以上是关于#yyds干货盘点# 打分吧!客服小姐姐,评分页面与客户总分页面的 Django 实现的主要内容,如果未能解决你的问题,请参考以下文章

#yyds干货盘点#软件报毒提交金山毒霸安检

#yyds干货盘点# 使用 Mybatis——Plus 进行分页查询

#yyds干货盘点#golang实现通过mysql语句实现分页查询

#yyds干货盘点#愚公系列2022年11月 微信小程序-导航(功能页)

#yyds干货盘点#linux命令--more,less

zabbix监控Apache+添加pv.uv#yyds干货盘点#