为了实现一个简单的网页计算器程序,能够进行加、减、乘、除运算,我们可以使用`Flask`(一个轻量级的PythonWeb框架)来创建网页应用,并结合`requests`对象来处理用户通过表单或URL参数提交的运算请求。
###项目结构
假设我们的项目结构如下:
```
calculator_app/
│
├──app.py#Flask应用的主文件
├──templates/#存放HTML模板的文件夹
│└──index.html#主页的HTML文件
└──requirements.txt#Python依赖包文件
```
###1.安装依赖
首先,确保安装了`Flask`。你可以创建一个`requirements.txt`文件,包含以下内容:
```
Flask
```
然后通过以下命令安装依赖:
```bash
pipinstall-rrequirements.txt
```
###2.编写`app.py`(Flask应用)
`app.py`将是我们的Flask应用程序文件,它将处理以下功能:
-显示一个计算器表单。
-接收用户输入的数字和运算符。
-计算结果并返回给用户。
```python
fromflaskimportFlask,render_template,request,redirect
app=Flask(__name__)
#定义计算函数
defcalculate(num1,num2,operation):
num1=float(num1)
num2=float(num2)
ifoperation=="add":
returnnum1+num2
elifoperation=="subtract":
returnnum1-num2
elifoperation=="multiply":
returnnum1*num2
elifoperation=="divide":
ifnum2!=0:
returnnum1/num2
else:
return"除数不能为0!"
#主页路由,显示计算器表单
@app.route('/',methods=['GET','POST'])
defindex():
ifrequest.method=='POST':
#获取表单数据
num1=request.form.get('num1')
num2=request.form.get('num2')
operation=request.form.get('operation')
#调用计算函数
result=calculate(num1,num2,operation)
returnrender_template('index.html',result=result)
returnrender_template('index.html')
if__name__=='__main__':
app.run(debug=True)
```
###3.创建HTML模板(`index.html`)
在`templates/`文件夹下创建`index.html`文件,内容如下:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单计算器</title>
</head>
<body>
<h1>简单计算器</h1>
<form method="POST" action="/">
<label for="num1">数字1:</label>
<input type="number" id="num1" name="num1" required>
<br>
<label for="num2">数字2:</label>
<input type="number" id="num2" name="num2" required>
<br>
<label for="operation">选择运算:</label>
<select name="operation" id="operation">
<option value="add">加法</option>
<option value="subtract">减法</option>
<option value="multiply">乘法</option>
<option value="divide">除法</option>
</select>
<br>
<input type="submit" value="计算">
</form>
{% if result is not none %}
<h2>结果: {{ result }}</h2>
{% endif %}
</body>
</html>
```
### 4. 运行程序
在终端中,运行以下命令启动 Flask 服务器:
```bash
python app.py
```
```
###4.运行程序
在终端中,运行以下命令启动Flask服务器:
```bash
pythonapp.py
```
默认情况下,Flask会在`http://127.0.0.1:5000/`启动你的应用。打开浏览器并访问该地址,你将看到一个简单的计算器表单。
###5.功能演示
1.打开浏览器并访问`http://127.0.0.1:5000/`。
2.输入两个数字,并选择一个运算操作(加、减、乘、除)。
3.点击“计算”按钮,结果将显示在页面上。
例如:
-输入`5`和`3`,选择“加法”,点击计算,页面会显示结果`8`。
-输入`10`和`2`,选择“除法”,点击计算,页面会显示结果`5`。
###6.处理错误情况
程序还处理了除数为零的情况,如果你尝试除以零,页面将会显示“除数不能为0!”的提示信息。
您可以使用Python的Flask框架来实现一个简单的计算加减乘除运算的网页程序。下面是一个示例代码:
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route("/")
def home():
return render_template("home.html")
@app.route("/calculate", methods=["POST"])
def calculate():
num1 = float(request.form["num1"])
num2 = float(request.form["num2"])
operator = request.form["operator"]
result = 0
if operator == "+":
result = num1 + num2
elif operator == "-":
result = num1 - num2
elif operator == "*":
result = num1 * num2
elif operator == "/":
result = num1 / num2
return render_template("result.html", result=result)
if __name__ == "__main__":
app.run()
上述代码使用Flask框架创建一个简单的Web应用程序。当用户访问主页(/
)时,会渲染名为home.html
的模板文件。当用户提交表单时,会将表单中的数据通过POST请求发送到/calculate
路由。然后根据用户选择的运算符,进行相应的计算,并将结果渲染到名为result.html
的模板文件中显示给用户。
以下是home.html
的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
</head>
<body>
<h1>Calculator</h1>
<form action="/calculate" method="post">
<input type="number" name="num1" step="any" required>
<select name="operator" required>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="number" name="num2" step="any" required>
<button type="submit">Calculate</button>
</form>
</body>
</html>
以下是result.html
的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
</head>
<body>
<h1>Result</h1>
<p>The result is: {{ result }}</p>
<a href="/">Go back</a>
</body>
</html>
在运行上述代码之前,您需要确保已经安装了Flask框架。可以使用以下命令安装Flask:
pip install flask
然后,将上述代码保存为一个Python文件(例如app.py
),并在终端中运行以下命令启动应用程序:
python app.py
接下来,您就可以在浏览器中访问http://localhost:5000
来使用计算加减乘除运算的网页程序了。
这个简单的网页计算器程序演示了如何使用Flask和`request`对象来处理用户输入并返回结果。
你可以根据需要进一步扩展这个程序,比如添加更多的数学运算、处理更多的错误情况,或者美化前端页面。
标签:__,网页,num2,Flask,app,html,result,requests,加减乘除 From: https://blog.csdn.net/2301_81121233/article/details/144322643