使用Python写一个网页表格
时间: 2024-05-15 17:12:08 浏览: 16
可以使用Python的Flask框架和Jinja2模板引擎来实现一个简单的网页表格。
首先,需要安装Flask和Jinja2:
```
pip install flask jinja2
```
然后在你的项目文件夹中创建一个名为`app.py`的文件,并添加以下代码:
```python
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
data = [
{'name': 'Alice', 'age': 25},
{'name': 'Bob', 'age': 30},
{'name': 'Charlie', 'age': 35},
]
return render_template('table.html', data=data)
if __name__ == '__main__':
app.run()
```
在这个示例中,我们创建了一个Flask应用并定义了一个路由函数`index`,它返回了一个包含三个人员信息的列表。接下来,我们将在`templates`文件夹中创建一个名为`table.html`的Jinja2模板,用于渲染这个表格。
在`templates`文件夹中创建一个名为`table.html`的文件,并添加以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Table</title>
</head>
<body>
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
{% for item in data %}
<tr>
<td>{{ item['name'] }}</td>
<td>{{ item['age'] }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>
```
在模板中,我们使用了Jinja2的模板语法来循环遍历人员信息列表,并将数据填充到HTML表格中。
最后,运行`app.py`文件,并在浏览器中访问`http://localhost:5000`,你将会看到一个包含三个人员信息的表格。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)