flask 单个网页实现四则运算
时间: 2023-07-11 17:05:01 浏览: 100
flash 四则运算
4星 · 用户满意度95%
好的,以下是一个简单的 Flask 应用程序,可以实现一个带有表单的网页,用户可以在表单中输入两个数字和运算符,然后提交表单后,应用程序会计算出结果并显示在页面上。
首先,需要安装 Flask:
```
pip install flask
```
然后,创建一个名为 `app.py` 的文件,并将以下代码复制到文件中:
```python
from flask import Flask, request, render_template
app = Flask(__name__)
@app.route('/')
def home():
return render_template('home.html')
@app.route('/result', methods=['POST'])
def result():
num1 = float(request.form['num1'])
num2 = float(request.form['num2'])
operator = request.form['operator']
if operator == '+':
result = num1 + num2
elif operator == '-':
result = num1 - num2
elif operator == '*':
result = num1 * num2
elif operator == '/':
result = num1 / num2
else:
result = 'Invalid operator'
return render_template('result.html', result=result)
if __name__ == '__main__':
app.run(debug=True)
```
这个应用程序包含两个路由:
- `/`:在这个页面上,用户可以输入两个数字和运算符,然后提交表单。
- `/result`:这个页面会根据用户输入的数字和运算符计算结果,并显示在页面上。
需要创建两个 HTML 模板:`home.html` 和 `result.html`。在同一目录下创建一个名为 `templates` 的子目录,并将以下代码复制到 `home.html` 文件中:
```html
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
</head>
<body>
<h1>Calculator</h1>
<form action="/result" method="post">
<input type="number" name="num1" placeholder="Enter a number">
<select name="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="number" name="num2" placeholder="Enter another number">
<button type="submit">Calculate</button>
</form>
</body>
</html>
```
将以下代码复制到 `result.html` 文件中:
```html
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
</head>
<body>
<h1>Result</h1>
<p>{{ result }}</p>
<a href="/">Calculate again</a>
</body>
</html>
```
现在,运行应用程序:
```
python app.py
```
在浏览器中打开 `http://localhost:5000`,即可看到一个简单的网页,可以输入两个数字和运算符,然后提交表单,应用程序会计算出结果并显示在页面上。
阅读全文