HTML erstellt Tabellen unterschiedlicher Länge (bevorzugt in Flask)
P粉133321839
2023-08-01 20:40:21
<p>Ich möchte die Daten aus der Datenbank abrufen und in die Website-Tabelle importieren. Angenommen, die SQL-Datenbank enthält 50 Zeilen. Dann muss die Tabelle 50 Zeilen enthalten. Wenn ich jedoch versuche, eine Tabelle zu erstellen, muss ich Beschriftungen für jede Zeile und Farbe manuell hinzufügen. Soll ich also ein paar Dutzend Tonzeilen hinzufügen und dies durch die Steuerung ihrer Sichtbarkeit erreichen? Ich verwende derzeit Flask, aber wenn es keine Möglichkeit gibt, dies mit Flask zu implementieren, werden andere Methoden akzeptiert. </p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
在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>