¿Cómo personalizar la página de inicio del panel de administración de Bootstrap?

La plantilla de la página de inicio del panel de administración de Bootstrap es php-crud-generator/admin/templates/home.html.
Es una plantilla TWIG, personalícela como desee utilizando la sintaxis HTML TWIG.

Personalización del panel de control de administración Página de inicio

La página de inicio está construida con el motor de plantillas TWIG de Symphony, al igual que las demás páginas del panel de administración.

El archivo de plantilla es php-crud-generator/admin/templates/home.html.

Su contenido puede personalizarse como desee, utilizando la sintaxis HTML TWIG, que permite el uso de variables de PHP, y estructuras lógicas.

Utilice registros de su base de datos

Si desea obtener algunos registros de su base de datos y utilizarlos en la plantilla TWIG, tiene que hacer su consulta/consultas SQL desde el archivo PHP principal admin/home. php, y pasar los valores a la plantilla TWIG.

Para ello, tiene que hacerlo:

  • Añada la declaración "use" para la clase envolvente MySQL
  • Realice su consulta SQL y recupere los registros
  • Enviar los registros a la plantilla TWIG

A continuación encontrará un ejemplo de código para admin/home.php, que podrá adaptar según sus necesidades:

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

Luego en 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 %}

Añadir scripts personalizados

Si desea mostrar algunos gráficos o necesita añadir cualquier otro Javascript, añádalos en admin/templates/data-home-js .html o en admin/templates/home.php justo antes de </body>.

El panel de administración de Bootstrap

Página principal del tutorial PHP CRUD