HTML crée des tableaux de différentes longueurs (de préférence en flacon)
P粉133321839
P粉133321839 2023-08-01 20:40:21
0
1
505
<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>
P粉133321839
P粉133321839

répondre à tous(1)
P粉401901266

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>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!