P粉4019012662023-08-02 12:32:15
在Flask中，您可以根據SQL資料庫中的資料動態產生具有不同長度的HTML表。您不需要手動建立數千行並控制其可見性。相反，您可以使用整合到Flask中的模板引擎來輕鬆實現這一點。希望這對你有幫助
從SQL資料庫檢索資料:使用Flask的資料庫整合從資料庫取得資料。
將資料傳遞給模板:在您的Flask路由中，將從資料庫檢索到的資料作為變數傳遞給HTML模板。
使用模板:在HTML模板中，使用語法遍歷資料並動態產生表格行和單元格。
from flask import Flask, render_template
app = Flask(__name__)
# Replace this with your database connection and query code to fetch data
# For demonstration purposes, let's assume you have fetched data in the 'rows' variable
rows = [
{'id': 1, 'name': 'John', 'age': 25},
{'id': 2, 'name': 'Jane', 'age': 30},
# Add more rows as needed
]
@app.route('/')
def index():
return render_template('table_template.html', rows=rows)
if __name__ == '__main__':
app.run(debug=True)
HTML FILE
<!DOCTYPE html>
<html>
<head>
<title>Dynamic Table</title>
<style>
/* Add border to the table */
table {
border-collapse: collapse;
width: 100%;
border: 1px solid black;
}
/* Add bold font style to the header row */
th {
font-weight: bold;
}
/* Add border to table cells (optional) */
td, th {
border: 1px solid black;
padding: 8px;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
{% for row in rows %}
<tr>
<td>{{ row.id }}</td>
<td>{{ row.name }}</td>
<td>{{ row.age }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>