flask 单个网页实现加法运算
时间: 2023-07-11 07:04:56 浏览: 36
以下是一个使用 Flask 实现加法运算的示例:
```python
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/add', methods=['POST'])
def add():
num1 = int(request.form['num1'])
num2 = int(request.form['num2'])
result = num1 + num2
return render_template('result.html', result=result)
if __name__ == '__main__':
app.run(debug=True)
```
上面的代码定义了两个路由:`/` 和 `/add`。`/` 路由返回一个 HTML 页面,其中包含一个表单,用户可以在表单中输入两个数字。这个表单将提交到 `/add` 路由,该路由将获取表单中的两个数字并将它们相加,然后将结果呈现在一个新的 HTML 页面中。
这是 `index.html` 页面的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Addition</title>
</head>
<body>
<h1>Addition</h1>
<form action="/add" method="post">
<label for="num1">Number 1:</label>
<input type="number" id="num1" name="num1"><br><br>
<label for="num2">Number 2:</label>
<input type="number" id="num2" name="num2"><br><br>
<input type="submit" value="Add">
</form>
</body>
</html>
```
这是 `result.html` 页面的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
</head>
<body>
<h1>Result</h1>
<p>The result is {{ result }}.</p>
</body>
</html>
```
在代码中,使用 `request.form` 对象获取表单中的数据。然后将结果作为参数传递到 `result.html` 页面中,该页面将呈现包含结果的消息。
运行应用程序后,打开浏览器并访问 `http://localhost:5000/`,您将看到一个表单,可以输入两个数字。输入两个数字,点击 Add 按钮,将显示包含结果的新页面。