【python&flask-1】简单实现加减乘除输入界面

app.py


import flask
from flask import Flask, render_template, request
# 计算精确的浮点结果，float加法也计算不出来
from decimal import Decimal
 
app = Flask(__name__)
 
@app.route('/')
def home():
    return render_template('index.html')
 
@app.route('/calculate', methods=['POST'])
# POST请求处理用户提交的数据
def calculate():
    num1 = Decimal(request.form['num1'])
    num2 = Decimal(request.form['num2'])
    operation = request.form['operation']
    result = Decimal(0)
    # 输入的两个数和运算符，结果初始为0
 
    if operation == 'add':
        result = num1 + num2
        # 加
    elif operation == 'subtract':
        result = num1 - num2
        # 减
    elif operation == 'multiply':
        result = num1 * num2
        # 乘
    elif operation == 'divide':
        if num2 != Decimal(0):
            result = num1 / num2
        else:
            return "错误:分母不能为0"
        # 除
    result = round(result,4)
    # 保留四位小数
 
    return render_template('result.html', num1=num1, num2=num2, operation=operation, result=result)
    # 然后将计算结果和输入的两个参数返回给result.html渲染
if __name__ == '__main__':
    app.run(debug=True)

templates文件夹

index.html


html>
<html>
<head>
    <title>在线计算器title>
head>
<body>
    <h1>在线计算器h1>
    <form action="/calculate" method="POST">
        
        <input type="text" name="num1" required>
        <select name="operation" required>
            <option value="add">+option>
            <option value="subtract">-option>
            <option value="multiply">*option>
            <option value="divide">/option>
            
        select>
        <input type="text" name="num2" required>
        <button type="submit">开始计算button>
        
    form>
body>
html>

result.html


html>
<html>
<head>
    <title>计算结果title>
head>
<body>
    <h1>计算结果h1>
    <p>{{ num1 }} {{ operation }} {{ num2 }} = {{ result }}p>
    
body>
html>

实现效果

支持小数点计算

相关阅读:
记录一些遇到的数学概念
STM32使用HAL库驱动DS3231
虚拟内存系统【多级页表】
只需根据接口文档，就能轻松开发 get 和 post 请求的脚本，你会做吗？
‍ IT行业就业趋势：哪些方向更受青睐？
功率谱密度PSD(笔记)
线程、并发相关---第六篇
.NET周刊【9月第2期 2023-09-10】
界面组件DevExpress ASP.NET Core v22.1 - 增强数据导出功能
混动汽车消费者分析洞察？普通消费者如何看待混动汽车？

原文地址：https://blog.csdn.net/weixin_56463218/article/details/132852074