HTML crée des tableaux de différentes longueurs (de préférence en flacon)
P粉133321839
2023-08-01 20:40:21
<p>Je souhaite récupérer les données de la base de données et les importer dans la table du site Web. Supposons qu'il y ait 50 lignes dans la base de données SQL. Ensuite, il doit y avoir 50 lignes dans le tableau. Cependant, lorsque j'essaie de créer un tableau, je dois ajouter manuellement des étiquettes pour chaque ligne et couleur. Dois-je donc ajouter quelques dizaines de lignes sonores et y parvenir en contrôlant leur visibilité ? J'utilise actuellement flask, mais s'il n'y a aucun moyen de l'implémenter avec flask, d'autres moyens sont acceptés. </p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Dans Flask, vous pouvez générer dynamiquement des tableaux HTML de différentes longueurs en fonction des données d'une base de données SQL. Vous n'avez pas besoin de créer manuellement des milliers de lignes et de contrôler leur visibilité. Au lieu de cela, vous pouvez facilement y parvenir en utilisant le moteur de modèles intégré à Flask. J'espère que cela vous aidera
Récupérer des données d'une base de données SQL : obtenez des données d'une base de données à l'aide de l'intégration de base de données de Flask.
Transmettre les données au modèle : dans votre itinéraire Flask, transmettez les données récupérées de la base de données en tant que variables au modèle HTML.
Utiliser des modèles : dans les modèles HTML, utilisez la syntaxe pour parcourir les données et générer dynamiquement des lignes et des cellules de tableau.
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)FICHIER HTML
<!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>