首页flask+html+css写一个表格

flask+html+css写一个表格

时间: 2023-06-29 16:17:20 浏览: 229

好的，您可以按照以下步骤来实现： 1. 安装 Flask 库使用以下命令安装 Flask 库： ``` pip install flask ``` 2. 创建 Flask 应用程序在您的项目文件夹中创建一个名为 `app.py` 的文件，并添加以下代码： ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') if __name__ == '__main__': app.run(debug=True) ``` 这将创建一个基本的 Flask 应用程序，并在根目录下创建一个名为 `templates` 的文件夹来存储 HTML 模板。 3. 创建 HTML 模板在 `templates` 文件夹中创建一个名为 `index.html` 的文件，并添加以下代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格</title> <link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}"> </head> <body> <h1>表格</h1> <table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>20</td> <td>男</td> </tr> <tr> <td>李四</td> <td>21</td> <td>女</td> </tr> <tr> <td>王五</td> <td>22</td> <td>男</td> </tr> </table> </body> </html> ``` 这将创建一个基本的 HTML 模板，并渲染一个表格。 4. 创建 CSS 文件在您的项目文件夹中创建一个名为 `static` 的文件夹，并创建一个名为 `style.css` 的文件，并添加以下代码： ```css table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 10px; text-align: center; } ``` 这将为表格添加样式。 5. 运行应用程序在终端中运行以下命令： ``` python app.py ``` 然后在浏览器中访问 `http://localhost:5000/`，您将看到渲染的表格。希望这可以帮助您实现您的需求，如果您有任何问题或疑问，请随时联系我。

阅读全文