利用python编写一段网页代码:1.可以实现数据传输,2.有数据传输的界面窗口
时间: 2024-03-27 12:36:29 浏览: 69
以下是一个使用Python Flask框架编写的简单网页代码,可以实现数据传输,并在网页上显示传输的数据:
```python
from flask import Flask, request, render_template
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def index():
if request.method == 'POST':
data = request.form['data']
return render_template('result.html', data=data)
return render_template('form.html')
if __name__ == '__main__':
app.run(debug=True)
```
这段代码创建了一个简单的Web应用,并定义了一个路由 `/`。当用户访问该路由时,如果是GET请求,会返回一个名为 `form.html` 的模板文件,用于输入数据;如果是POST请求,会从表单中获取数据并返回一个名为 `result.html` 的模板文件,用于显示传输的数据。
接下来,我们需要在项目目录下创建一个名为 `templates` 的文件夹,并在该文件夹下创建两个名为 `form.html` 和 `result.html` 的文件。在 `form.html` 文件中,我们可以编写一个简单的表单,用于输入数据,如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Form</title>
</head>
<body>
<form action="/" method="post">
<label for="data">Enter your data:</label>
<input type="text" name="data" id="data">
<button type="submit">Submit</button>
</form>
</body>
</html>
```
在上述代码中,我们定义了一个文本框和一个提交按钮,用于输入数据并提交表单。
在 `result.html` 文件中,我们可以编写一个简单的网页,用于显示传输的数据,如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Result</title>
</head>
<body>
<h1>Your data:</h1>
<p>{{ data }}</p>
</body>
</html>
```
在上述代码中,我们使用了 Flask 模板引擎的语法 `{{ data }}`,用于在网页上显示传输的数据。
当你运行以上代码时,你可以在浏览器中访问 `http://localhost:5000/` 页面来测试代码。当你输入数据并提交表单后,页面会显示出你输入的数据。
阅读全文