Wie kann ich die Startseite des Bootstrap Admin Panels anpassen?

Die Bootstrap-Vorlage für die Startseite des Admin-Panels ist php-crud-generator/admin/templates/home.html.
Es handelt sich um eine TWIG-Vorlage, die Sie nach Belieben mit der HTML-TWIG-Syntax anpassen können.

Anpassen des Admin-Dashboards Startseite

Die Startseite wird mit der Symphony TWIG Template Engine erstellt, ebenso wie die anderen Seiten des Admin-Dashboards.

Die Vorlagendatei ist php-crud-generator/admin/templates/home.html.

Der Inhalt kann nach Belieben angepasst werden, wobei die HTML TWIG-Syntax verwendet wird, die die Verwendung von Variablen aus PHP und logischen Strukturen ermöglicht.

Verwenden Sie Datensätze aus Ihrer Datenbank

Wenn Sie einige Datensätze aus Ihrer Datenbank abrufen und in der TWIG-Vorlage verwenden möchten, müssen Sie Ihre SQL-Abfrage(n) in der PHP-Hauptdatei admin/home.php erstellen und die Werte an die TWIG-Vorlage übergeben.

Dafür müssen Sie das:

  • Fügen Sie die "use"-Anweisung für die MySQL-Wrapper-Klasse hinzu
  • Erstellen Sie Ihre SQL-Abfrage und rufen Sie die Datensätze ab
  • Senden Sie die Datensätze an die TWIG-Vorlage

Nachfolgend finden Sie einen Beispielcode für admin/home.php, den Sie nach Ihren Bedürfnissen anpassen können:

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

Dann 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 %}

Benutzerdefinierte Skripte hinzufügen

Wenn Sie Diagramme anzeigen oder andere Javascript-Funktionen hinzufügen möchten, fügen Sie diese in admin/templates/data-home-js.html oder in admin/templates/home.php kurz vor </body> ein.

Das Bootstrap Admin Panel

PHP CRUD-Tutorial Hauptseite