一個網頁上的簡單數學-有解無憂

我目前正在嘗試做一些基本的事情，例如將用戶輸入的兩個數字添加到頁面上并在同一頁面上顯示結果，但我遇到了問題。

索引.html

一個網頁上的簡單數學

{% extends "project_long_page/base.html" %}

{% block body %}

<form action="." method="POST">

    {% csrf_token %}

    {{ forms }}

    <input type="submit">

</form>

{% endblock %}

視圖.py

一個網頁上的簡單數學

from django.shortcuts import render
import datetime
from django import forms
from django.shortcuts import render


class NewTaskForm(forms.Form):
    num1 = forms.IntegerField(label="Number 1")
    num2 = forms.IntegerField(label="Number 2")


# Create your views here.
def index(request):
    return render(request, "project_long_page/index.html")


def add(request):
    return render(request, "project_long_page/index.html", {
        "form": NewTaskForm()
    })

網址.py

一個網頁上的簡單數學

from django.urls import path
from . import views

app_name = "project_long_page"
urlpatterns = [
    path("", views.index, name="index")

]

當前網頁輸出

一個網頁上的簡單數學

所需的網頁輸出 （同時保持輸入的原始值）

一個網頁上的簡單數學

如果您提供幫助，謝謝您的幫助:,)

編輯：

如果你想看到這個...

一個網頁上的簡單數學

更新1：

一個網頁上的簡單數學

使用來自@Marco 的代碼（謝謝@Marco！）

def index(request):
    if request.method == "POST":
        form = NewTaskForm(request.POST)
        if form.is_valid():
            num1 = form.cleaned_data["num1"]
            num2 = form.cleaned_data["num2"]
            result = num1 * num2
            context = {
                "form": NewTaskForm(initial={"num1": num1, "num2": num2}),
                "result": result
            }
            return render(request, "project_long_page/index.html", context)

    form = NewTaskForm()
    return render(request, "project_long_page/index.html", {"form": form})

更新了 index.html

{% extends "project_long_page/base.html" %}

{% block body %}

<form action="." method="POST">

    {% csrf_token %}

    {{ form }}

    <input type="submit">
    <br>

    The answer is {{ result }}!

</form>

{% endblock %}

uj5u.com熱心網友回復：

將您的 index() 視圖更改為：

def index(request):
    if request.method == "POST":
        form = NewTaskForm(request.POST)
        if form.is_valid():
            num1 = form.cleaned_data["num1"]
            num2 = form.cleaned_data["num2"]
            result = num1 * num2
            context = {
                "form": NewTaskForm(initial={"num1": num1, "num2": num2}),
                "result": result
            }
            return render(request, "project_long_page/index.html", context)

    form = NewTaskForm()
    return render(request, "project_long_page/index.html", {"form": form})

然后添加result到您的模板中。

沒有檢查代碼是否作業

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/405464.html

標籤：

上一篇：Bootstrap（輸入文本到模態）

下一篇：如何使內容顯示在三列而不是一列？