首页 > 解决方案 > 我们如何根据 Django 中的用户输入在前端显示计算结果?

问题描述

我正在做一个 Django 项目,学生将在表格中写下他/她的课程名称并单击“计算”按钮,系统将使用模糊逻辑根据该特定课程的详细信息计算学生的表现,然后在“计算”按钮下方显示该计算的结果。

到目前为止我所做的如下。

视图.py:

from django.shortcuts import render, redirect
from django.contrib import messages
from .forms import PerformanceCalculatorForm
from django.contrib.auth.decorators import login_required
from django.contrib.auth.models import User
from .models import Subject, Detail
from .fuzzy_logic_algo import fuzz_algo


def performanceCalculator(request):
    if request.method == 'POST':
        performance_form = PerformanceCalculatorForm(request.POST)

        if performance_form.is_valid():
            sub = performance_form.cleaned_data.get('subject')

        skype = Details.objects.filter(subject__subject=sub, user__username=User.username).get('skype_session_attendance')
        internal_course = Details.objects.filter(subject__subject=sub, user__username=User.username).get('internal_course_marks')
        prg_lab = Details.objects.filter(subject__subject=sub, user__username=User.username).get('programming_lab_activity')
        mid_marks = Details.objects.filter(subject__subject=sub, user__username=User.username).get('mid_term_marks')
        final_marks = Details.objects.filter(subject__subject=sub, user__username=User.username).get('final_term_marks')

        result = fuzz_algo(skype, internal_course, prg_lab, mid_marks, final_marks)

        context = {
            'result': result,
        }

        return render(request, 'users/performance_calculator.html', context)
    else:
        performance_form = PerformanceCalculatorForm()

    return render(request, 'users/performance_calculator.html', {'performance_form': performance_form})

模型.py:

from django.db import models
from django.contrib.auth.models import User
from PIL import Image

class Subject(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    subject = models.CharField(max_length=100)

    def __str__(self):
        return '{} ({})'.format(self.subject, self.user.username)


class Detail(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    subject = models.OneToOneField(Subject, on_delete=models.CASCADE)
    skype_session_attendance = models.FloatField()
    internal_course_marks = models.FloatField()
    programming_lab_activity = models.FloatField()
    mid_term_marks = models.FloatField()
    final_term_marks = models.FloatField()

    def __str__(self):
        return f'{self.subject, (self.user.username)} Details'

表格.py:

from django import forms

class PerformanceCalculatorForm(forms.Form):
    class Meta:
        fields = ['subject']

性能计算器.html:

{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link rel="stylesheet" type="text/css" href="{% static 'esacp/main.css' %}">

        <title>Expert System for Assessing Programming Course Performance</title>

    </head>

    <body>
        <main role="main" class="container">
            <div class="row">
                <div class="col-md-8">
                    {% if messages %}
                        {% for message in messages %}
                            <div class="alert alert-{{ message.tags }}">
                                {{ message }}
                            </div>
                        {% endfor %}
                    {% endif %}

                    {% if not request.user.is_superuser and not request.user.is_staff %}
                        <div class="account-heading">
                            <h2>
                                Performance Calculator
                            </h2>
                        </div>

                        <div class="content-section">
                            <form method="POST">
                                {% csrf_token %}
                                <fieldset class="form-group">
                                    <legend class="border-bottom mb-4">Profile</legend>
                                    {{ performance_form|crispy }}
                                    {{ result }}
                                </fieldset>
                            </form>
                        </div>
                    {% endif %}
                </div>                
            </div>
        </main>

        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    </body>
</html>

谁能告诉我,我将如何实现用户(学生)在他/她在线时在表单中输入课程名称.../performance_calculator.html,他的记录被保存,并与分配给他的课程匹配,匹配后,活动学习该课程的学生的详细信息并将其分配给单独的变量,将这些变量传递给fuzz_algo()函数,然后将该函数的结果打印在前端?

我从 2 天以来一直在研究它,但没有得到它。任何帮助都将不胜感激。

标签: pythondjangouser-input

解决方案


让我先谈谈一些真正有问题的事情。您PerformanceCalculator认为,在 POST 条件中,您永远不会save()使用表单,因此您的下一个查询将返回空对象,我相信这fuzz_algo将返回 None (假设)并且在渲染上不显示任何内容。

实际上最佳实践是:在您的 POST 条件的最后一行,使用redirect而不是,render因为它会再次加载您没有 POST 数据的页面。

而且我认为您已经尝试过上述所有事情(因为您说您尝试了 2 天),但想知道为什么它仍然什么都不渲染,因为redirect它会再次通过 GET 请求询问并且会丢失变量中的数据result

现在有了“不那么重要”的事情,正如我在您的代码中看到的那样,您不打算将表单保存在数据库中,这可能是客户端而不是服务器端的更好方法。要在服务器端执行此操作,请检查https://docs.djangoproject.com/en/3.0/topics/http/sessions/以使用会话变量使其保持活动状态并且不会丢失redirect,也有简单的解决方法(但是并非在所有情况下都有效)是为了..让我们说“滥用” 的messagesdjango,它会在您的下一次加载时将消息传递给客户端。

因此,在您的views.py上导入messages库并在之前添加redirect

messages.success(request, result)

现在在你的模板中添加这个

  {% if messages %}
      {% for message in messages %}
          {{ message }}
      {% endfor %}
  {% endif %}

推荐阅读