Comment personnaliser la page d'accueil du Bootstrap Admin Panel ?

Le modèle de page d'accueil du panneau d'administration Bootstrap est PHP CRUD Generator/admin/templates/home.html.
C'est un modèle TWIG, personnalisez-le comme vous le souhaitez en utilisant la syntaxe HTML TWIG.

Personnalisation de l'Interface d'administration Page d'accueil

La page d'accueil est construite avec le moteur de template Symphony TWIG, ainsi que les autres pages de l'Interface d'administration.

Le fichier de template est PHP CRUD Generator/admin/templates/home.html.

Son contenu peut être personnalisé à votre guise, en utilisant la syntaxe HTML TWIG, qui permet d'utiliser des variables de PHP et des structures logiques.

Utiliser les enregistrements de votre base de données

Si vous souhaitez récupérer des enregistrements de votre base de données et les utiliser dans le modèle TWIG, vous devez effectuer votre/vos requête(s) SQL à partir du fichier PHP principal admin/home.php, et transmettre les valeurs au modèle TWIG.

Pour cela, vous devez :

  • Ajoutez l'instruction "use" pour la classe enveloppante MySQL
  • Effectuez votre requête SQL et récupérez les enregistrements.
  • Envoyez les enregistrements au modèle TWIG

Vous trouverez ci-dessous un exemple de code pour admin/home.php, à adapter selon vos besoins :

<?php
use secure\Secure;
use phpformbuilder\database\DB;

session_start();

// ...

require_once ROOT . 'vendor/autoload.php';

// SQL query to get your records

$mydata = array(
    'records_count' => 0,
    'field_1'       => array(),
    'field_2'       => array()
);

$values = array('field_1', 'field_2');
$where = array('id >' => 10);

$db->select('my_table', $values, $where);

$mydata['records_count'] = $db->rowCount();

// loop through the results
if(!empty($mydata['records_count'])) {
    while ($row = $db->fetch()) {
        $mydata['field_1'][] = $row->field_1;
        $mydata['field_2'][] = $row->field_2;
    }
}

// ...
?>
<body>

    <!-- ...  -->

    <div class="col">
        <?php
        echo $template->render(array('mydata' => $mydata));
        ?>
    </div>

    <!-- ...  -->

</body>

Ensuite, dans admin/templates/home.php

{% if mydata.records_count > 0 %}

    {% for i in range(0, mydata.records_count - 1) %}

        <p>{{ mydata.field_1[loop.index0] }}</p>
        <p>{{ mydata.field_2[loop.index0] }}</p>

    {% endfor %}

{% endif %}

Ajouter des scripts personnalisés

Si vous souhaitez afficher des graphiques ou ajouter d'autres éléments Javascript, ajoutez-les dans admin/templates/data-home-js.html ou dans admin/templates/home.php juste avant </body>.

Le panneau d'administration Bootstrap

Page principale du tutoriel CRUD PHP