python web flask打开网页后显示表单界面 输入一个数字10,单击计算按钮则表单显示从1到此数累加的和.
时间: 2024-03-09 15:48:21 浏览: 21
好的,我可以为您提供一个简单的 Flask 应用程序来实现您的需求。首先,您需要在您的项目文件夹中安装 Flask。您可以使用以下命令安装 Flask:
```
pip install flask
```
然后,您可以按照以下代码来实现您的需求:
```python
from flask import Flask, request, render_template
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def index():
if request.method == 'POST':
num = int(request.form['number'])
total = sum(range(1, num+1))
return render_template('result.html', total=total)
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
```
在上面的代码中,我们创建了一个名为 `index` 的主页,并使用 `GET` 和 `POST` 方法来接受表单输入。当用户输入数字并点击“计算”按钮时,我们将从表单中获取该数字并计算从1到该数字的总和。然后,我们将结果呈现在一个名为 `result.html` 的模板中。
接下来,我们需要创建两个名为 `index.html` 和 `result.html` 的 HTML 模板,以便我们可以在用户与我们的应用程序进行交互时呈现它们。您可以按照以下代码创建这两个模板:
`templates/index.html`:
```html
<!DOCTYPE html>
<html>
<head>
<title>Flask Example: Sum of Numbers</title>
</head>
<body>
<h1>Calculate Sum of Numbers</h1>
<form method="post">
<label for="number">Enter a number:</label>
<input type="text" id="number" name="number">
<input type="submit" value="Calculate">
</form>
</body>
</html>
```
`templates/result.html`:
```html
<!DOCTYPE html>
<html>
<head>
<title>Flask Example: Sum of Numbers</title>
</head>
<body>
<h1>The sum of numbers from 1 to {{ total }} is {{ total }}</h1>
</body>
</html>
```
您可以将这些文件保存在您的项目文件夹中的一个名为 `templates` 的文件夹中。
最后,您可以在终端中运行应用程序,然后在浏览器中输入 `http://localhost:5000` 来查看您的应用程序。现在,您可以输入一个数字并点击“计算”按钮来获取从1到该数字的总和。