Flexigrid med pHp- och MySQL -frågor
Flexigrid är ett gratis och öppet JQuery -bibliotek, som gör det möjligt att visa resultatet av en datafråga i ett rutnät, lista dem i en tabell, söka dem, sortera dem och interagera med data. Flexigrid kan använda olika datakällor som XML, frågar databasen med PHP och returnerar data i JSON -format för att visas av Flexgrid.
Vi kan ladda ner Flexigrid från dess officiella webbplats.
Så här använder du Flexigrid med pHp- och MySQL -frågor
Efter att ha laddat ner Flexigrid packar vi upp zip -filen, sedan på en lokal eller fjärrserver som vi såg i självstudien för att installera Xampp för att göra din dator till en webbserver, skapar vi en mapp som innehåller exemplet, vi behöver CSS och JS -mappar som är Flexigrid -bokhandlarna.
Du måste också ha en jQuery -version, vi kan använda en onlineversion som:
Vi kan också ladda ner versionen från den officiella webbplatsen jQuery.com. jQuery är ett bibliotek med JavaScript -funktioner.
Därefter ska vi skapa en databas från phpmyadmin som ska användas i exemplet
Databas: `FlexEmpresa`
SKAPA DATABASE OM DET INTE FINNS `FlexEmpresa` STANDARDKARAKTER SET latin1 COLLATE latin1_swedish_ci; Tabellstruktur för tabell `kunder` SKAPA TABELL OM DET INTE ÄR FÖRETAGANDE` 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 för bordskunder
SKRIV IN I 'kunder' ('id', 'namn', 'adress', 'stad', 'provins') VÄRDEN (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 '); Tabellindex `kunder` ALTER TABLE` kunder` ADD PRIMARY KEY (` id '); ALTER TABLE `kunder` MODIFY` id` int (11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;
Därefter måste vi skapa en index.php -fil där vi lägger till koden med rubrikerna
Kunder
Resultatet av visning i webbläsaren ska vara följande:
Tidigaresida 1 av 2NästaGillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
