✅ Flexigrid dynamisk gitter med JQuery og PHP

Indholdsfortegnelse

Flexigrid med forespørgsler om pHp og MySQL
Sådan bruges Flexigrid med forespørgsler om pHp og MySQL

Flexigrid med forespørgsler om pHp og MySQL

Flexigrid er et gratis og åbent JQuery -bibliotek, som gør det muligt at vise resultatet af en dataforespørgsel i et gitter, liste dem i en tabel, søge dem, sortere dem og interagere med dataene. Flexigrid kan bruge forskellige datakilder som XML, forespørger databasen ved hjælp af PHP og returnere dataene i JSON -format, der skal vises af Flexgrid.

Vi kan downloade Flexigrid fra dets officielle websted.

Sådan bruges Flexigrid med forespørgsler om pHp og MySQL

Efter download af Flexigrid pakker vi zip -filen ud, derefter på en lokal eller ekstern server, som vi så i selvstudiet for at installere Xampp for at gøre din computer til en webserver, opretter vi en mappe til at indeholde eksemplet, vi har brug for CSS og JS -mapper, der er Flexigrid -boghandlerne.

Du skal også have en jQuery -version, vi kan bruge en online -version som:

Vi kan også downloade versionen fra det officielle websted jQuery.com. jQuery er et bibliotek med JavaScript -funktioner.

Dernæst skal vi oprette en database fra phpmyadmin til brug i eksemplet

Database: `FlexEmpresa`

 OPRET DATABASE HVIS DET IKKE FINDER `FlexEmpresa` STANDARDKARAKTER SÆT latin1 COLLATE latin1_swedish_ci; Bordstruktur for bord `kunder` OPRET TABEL IF NOT EXISTS` kunder` (` id` int (11) NOT NULL, `name` varchar (100) DEFAULT NULL,` address` varchar (255) NOT NULL, `city` varchar (255) NOT NULL, `province` varchar (150) DEFAULT NULL) ENGINE = MyISAM AUTO_INCREMENT = 7 DEFAULT CHARSET = utf8;

Datadump for bordkunder

 INDLÆG I `kunder` (` id`, `navn`,` adresse`, `by`,` provins`) VÆRDIER (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 '); Indekser for tabellen `kunder` ALTER TABLE` kunder` TILFØJ PRIMÆR NØGLE (` id`); ALTER TABLE `kunder` MODIFY` id` int (11) IKKE NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;

Dernæst skal vi oprette en index.php -fil, hvor vi tilføjer koden med overskrifterne

 Kunder

Dernæst skal vi oprette filen query.php for at udføre SQL -forespørgslen, når den påberåbes af biblioteket.

Resultatet af visning i browseren skal være følgende:

Tidligereside 1 af 2NæsteKan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt