Come personalizzare la pagina iniziale del pannello amministrativo di Bootstrap?

Il modello della pagina iniziale del pannello amministrativo Bootstrap è php-crud-generator/admin/templates/home.html.
Si tratta di un modello TWIG, da personalizzare come desidera utilizzando la sintassi HTML TWIG.

Personalizzazione del cruscotto di amministrazione Pagina iniziale

La home page è costruita con il motore di template Symphony TWIG, così come le altre pagine del cruscotto di amministrazione.

Il file del modello è php-crud-generator/admin/templates/home.html.

Il suo contenuto può essere personalizzato come desidera, utilizzando la sintassi HTML TWIG, che consente di utilizzare le variabili di PHP e le strutture logiche.

Utilizza i record del suo database

Se vuole ottenere alcuni record dal suo database e utilizzarli nel modello TWIG, deve fare la sua query/query SQL dal file PHP principale admin/home.php e passare i valori al modello TWIG.

Per questo, è necessario:

  • Aggiungere la dichiarazione "use" per la classe wrapper MySQL
  • Esegua la query SQL e recuperi i record
  • Invia i record al modello TWIG

Di seguito è riportato un esempio di codice per admin/home.php, da adattare in base alle sue esigenze:

<?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>

Quindi in 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 %}

Aggiungere script personalizzati

Se desidera visualizzare alcuni grafici o ha bisogno di aggiungere qualsiasi altro Javascript, li aggiunga in admin/templates/data-home-js.html o in admin/templates/home.php appena prima di </body>.

Il pannello amministrativo di Bootstrap

Pagina principale del tutorial PHP CRUD