首页 > 编程语言 >Python Django 加法计算器案例

Python Django 加法计算器案例

时间:2023-03-21 11:26:04浏览次数:38  
标签:num1 num2 views Python Django add 计算器 import path

创建 add 应用

image

templates 内新建 add.html 文件:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>加法计算器</title>
    </head>
    <body>
        <div>
            <span>数字一</span>
            <input type="number" id="num1" />
        </div>
        <div>
            <span>数字二</span>
            <input type="number" id="num2" />
        </div>
        <button id="button">计算结果</button>
        <div id="result"></div>
        <script>
            const num1 = document.querySelector("#num1");
            const num2 = document.querySelector("#num2");
            document.querySelector("#button").addEventListener("click", () => {
                fetch("/getadd/?num1=" + num1.value + "&num2=" + num2.value)
                    .then((data) => data.text())
                    .then((res) => {
                        document.querySelector("#result").innerHTML = "结果是:" + res;
                    });
            });
        </script>
    </body>
</html>

修改 add 文件夹下的 views.py 文件

from django.shortcuts import render
from django.http import HttpResponse


# Create your views here.

def index(request):
    return render(request, 'add.html')


def get_add(request):
    result = int(request.GET.get('num1')) + int(request.GET.get('num2'))
    return HttpResponse(result)

修改 urls.py 文件

image

from django.contrib import admin
from django.urls import path
from users import views
from add import views as add

urlpatterns = [
    path('index/', views.index),
    path('login/', views.login),
    path('admin/', admin.site.urls),
    path('add/', add.index),
    path('getadd/', add.get_add),
]

访问 http://127.0.0.1:8000/add/ 查看运行结果

标签:num1,num2,views,Python,Django,add,计算器,import,path
From: https://www.cnblogs.com/huanfeiiiii/p/17239298.html

相关文章

  • 【grpc】根据proto生成grpc接口Python代码
     1、编写自己的proto接口文件syntax="proto3";packagehelloworld;//对应包名//定义服务serviceGreeter{//SendsagreetingrpcSayHello(HelloR......
  • Python Django 登陆案例
    在根目录下新建一个templates文件将该目录添加到settings.py文件内在templates文件夹内新建一个login.html文件,并写入模板内容<!DOCTYPEhtml><htmllang="z......
  • Python——逻辑运算与比较运算(四)
    1.条件控制逻辑#关键字if#如果***成立了,我们就***咋样i=2ifi==1:#这里的返回结果是True才会往下执行#如果是False就不执行print("i的值是1")pri......
  • Python——程序中的循环(五)
    1.第一个循环-while#coding=utf-8#while循环i=1whilei<5:#永远为Trueprint(i)#这里需要一个控制方向i=i+1print("计算后此时i......
  • Python——字符串进阶(六)
    1.字符串格式化#coding=utf-8#字符串格式化#%格式化i="python"s="我来学习%s"%iprint(s)"""%s:这里是一个占位符,后边江会使用一个参数进行替代......
  • Python——高级数据类型(七)
    1.列表数据类型的声明与访问#coding=utf-8#列表数据类型的声明与访问my_list=[1,2,3,4,5]#列表中的元素print(my_list)#0123角标,索引位置信息m......
  • python常见函数
    python常见函数1.sort()函数描述:用于对原列表进行排序语法:list.sort(key=None,reverse=False)key主要是用来进行比较的元素,只有一个参数,具体的函数的参数就是取自......
  • QT 调用python环境配置
    一、安装好python环境(python或anaconda都可)打包将python环境相关文件到一个文件夹中,如下图所示:打包的文件路径:  生成的依赖包目录结构:二、在QT工程......
  • Python之collections模块
    简介collections是python的内置模块,提供了很多方便且高性能的关于集合的操作,掌握这些知识有助于提高代码的性能和可读性。常用功能计数器(Counter)​双端队列(deque)......
  • python爬虫如何构建基础爬虫思路
    对于长期游弋于大数据中的程序来说,正常来说基础爬虫有5个模块,通过多个文件相互间配合,然而实现一个相对完善的爬虫方案,以便于后期做更完善的爬虫方案做准备。这里目的是爬......