✅ Dynamisches Flexigrid-Grid mit JQuery und PHP

Inhaltsverzeichnis

Flexigrid mit pHp- und MySQL-Abfragen
So verwenden Sie Flexigrid mit pHp- und MySQL-Abfragen

Flexigrid mit pHp- und MySQL-Abfragen

Flexigrid ist eine kostenlose und offene JQuery-Bibliothek, die es ermöglicht, das Ergebnis einer Datenabfrage in einem Raster anzuzeigen, in einer Tabelle aufzulisten, zu blättern, zu sortieren und mit den Daten zu interagieren. Flexigrid kann verschiedene Datenquellen wie XML verwenden, die Datenbank mit PHP abfragen und die Daten im JSON-Format zurückgeben, um von Flexgrid angezeigt zu werden.

Wir können Flexigrid von seiner offiziellen Website herunterladen.

So verwenden Sie Flexigrid mit pHp- und MySQL-Abfragen

Nachdem wir Flexigrid heruntergeladen haben, entpacken wir die Zip-Datei, dann auf einem lokalen oder Remote-Server, wie wir im Tutorial gesehen haben, um Xampp zu installieren, um Ihren Computer in einen Webserver zu verwandeln, erstellen wir einen Ordner, der das Beispiel enthält, wir benötigen das CSS und JS-Ordner, die Flexigrid-Buchhandlungen sind.

Sie müssen auch eine jQuery-Version haben, wir können eine Online-Version verwenden wie:

Wir können die Version auch von der offiziellen Website jQuery.com herunterladen. jQuery ist eine Bibliothek von JavaScript-Funktionen.

Als nächstes werden wir eine Datenbank von phpmyadmin erstellen, um sie im Beispiel zu verwenden

Datenbank: `FlexEmpresa`

 DATENBANK ERSTELLEN, WENN NICHT EXISTIERT `FlexEmpresa` STANDARDZEICHENSET latin1 COLLATE latin1_swedish_ci; Tabellenstruktur für Tabelle `customers` CREATE TABLE IF NOT EXISTS` customers` (`id` int (11) NOT NULL,` name` varchar (100) DEFAULT NULL, `address` varchar (255) NOT NULL,` city `varchar (255) NOT NULL,`provinz`varchar (150) DEFAULT NULL) ENGINE = MyISAM AUTO_INCREMENT = 7 DEFAULT CHARSET = utf8;

Datendump für Tabelle `Kunden`

 EINFÜGEN IN `Kunden` (` ID`, `Name`,` Adresse`, `Stadt`,`Provinz`) WERTE (1, 'Adela Resjez', 'Lore de Balca 435', 'Madrid', 'Madrid') , (2, „Gretel Martinez“, „Juan XXIII 1232“, „Barcelona“, „Barcelona“), (3, „Olivia Asri“, „Marina Sur 123“, „Aranjuez“, „Madrid“), (4, 'Ledi Widaya', 'Calle 1 Norte 456', 'Sabadell', 'Barcelona'), (5, 'Alfonso Praudi', 'Salerno 48 Piso 1', 'Valencia', 'Valencia'), (6, 'Jose Albertez','Calle 13 586','Sevilla','Sevilla'); Indizes der Tabelle `Kunden` ALTER TABLE` Kunden` ADD PRIMARY KEY (`id`); ALTER TABLE `customers` MODIFY` id` int (11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;

Als nächstes müssen wir eine index.php-Datei erstellen, in der wir den Code mit den Headern hinzufügen

 Kunden

Als nächstes müssen wir die Datei query.php erstellen, um die SQL-Abfrage auszuführen, wenn sie von der Bibliothek aufgerufen wird.

Das Ergebnis der Anzeige im Browser sollte folgendes sein:

VorherigeSeite 1 von 2NächsteHat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben