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

    app.py

    1. import flask
    2. from flask import Flask, render_template, request
    3. # 计算精确的浮点结果，float加法也计算不出来
    4. from decimal import Decimal
    5.  
    6. app = Flask(__name__)
    7.  
    8. @app.route('/')
    9. def home():
    10.     return render_template('index.html')
    11.  
    12. @app.route('/calculate', methods=['POST'])
    13. # POST请求处理用户提交的数据
    14. def calculate():
    15.     num1 = Decimal(request.form['num1'])
    16.     num2 = Decimal(request.form['num2'])
    17.     operation = request.form['operation']
    18.     result = Decimal(0)
    19.     # 输入的两个数和运算符，结果初始为0
    20.  
    21.     if operation == 'add':
    22.         result = num1 + num2
    23.         # 加
    24.     elif operation == 'subtract':
    25.         result = num1 - num2
    26.         # 减
    27.     elif operation == 'multiply':
    28.         result = num1 * num2
    29.         # 乘
    30.     elif operation == 'divide':
    31.         if num2 != Decimal(0):
    32.             result = num1 / num2
    33.         else:
    34.             return "错误:分母不能为0"
    35.         # 除
    36.     result = round(result,4)
    37.     # 保留四位小数
    38.  
    39.     return render_template('result.html', num1=num1, num2=num2, operation=operation, result=result)
    40.     # 然后将计算结果和输入的两个参数返回给result.html渲染
    41. if __name__ == '__main__':
    42.     app.run(debug=True)

    templates文件夹

    index.html

    1. html>
    2. <html>
    3. <head>
    4.     <title>在线计算器title>
    5. head>
    6. <body>
    7.     <h1>在线计算器h1>
    8.     <form action="/calculate" method="POST">
    9.         
    10.         <input type="text" name="num1" required>
    11.         <select name="operation" required>
    12.             <option value="add">+option>
    13.             <option value="subtract">-option>
    14.             <option value="multiply">*option>
    15.             <option value="divide">/option>
    16.             
    17.         select>
    18.         <input type="text" name="num2" required>
    19.         <button type="submit">开始计算button>
    20.         
    21.     form>
    22. body>
    23. html>

    result.html

    1. html>
    2. <html>
    3. <head>
    4.     <title>计算结果title>
    5. head>
    6. <body>
    7.     <h1>计算结果h1>
    8.     <p>{{ num1 }} {{ operation }} {{ num2 }} = {{ result }}p>
    9.     
    10. body>
    11. html>

    实现效果

    支持小数点计算

  • 相关阅读:
    单链表的建立(头插法、尾插法)(数据结构与算法)
    PTA题目 阶梯电价
    列式存储？OLAP？ClickHouse究竟是何方神圣
    5个不常提及的HTML技巧
    网络安全（黑客）自学
    Java8 时间处理
    MyBatis执行SQL的两种方式
    挑战100天 AI In LeetCode Day08（热题+面试经典150题）
    Java并发基石—CAS原理实战
    Oracle-truncate误删数据恢复
  • 原文地址：https://blog.csdn.net/weixin_56463218/article/details/132852074