✅ Flexigrid dinamička mreža s JQuery i PHP

Sadržaj

Flexigrid s pHp i MySQL upitima
Kako koristiti Flexigrid s pHp i MySQL upitima

Flexigrid s pHp i MySQL upitima

Flexigrid je besplatna i otvorena JQuery knjižnica, koji omogućuje prikaz rezultata upita podataka u mreži, njihovo navođenje u tablicu, paging, sortiranje i interakciju s podacima. Flexigrid može koristiti različite izvore podataka, poput XML -a, upitati bazu podataka pomoću PHP -a i vratiti podatke u JSON formatu kako bi ih prikazao Flexgrid.

Flexigrid možemo preuzeti s njegove službene web stranice.

Kako koristiti Flexigrid s pHp i MySQL upitima

Nakon preuzimanja Flexigrida, raspakiramo zip datoteku, zatim na lokalnom ili udaljenom poslužitelju kako smo vidjeli u vodiču za instalaciju Xamppa za pretvaranje vašeg računala u web poslužitelj, stvorit ćemo mapu koja će sadržavati primjer, potreban nam je CSS i JS mape koje su knjižare Flexigrid.

Morate imati i jQuery verziju. Možemo koristiti internetsku verziju poput:

Verziju također možemo preuzeti sa službene web stranice jQuery.com. jQuery je biblioteka JavaScript funkcija.

Zatim ćemo stvoriti bazu podataka od phpmyadmina za korištenje u primjeru

Baza podataka: `FlexEmpresa`

 IZRADI BAZU PODATAKA AKO NE POSTOJI `FlexEmpresa` ZADOVOLJNI ZNAČAJNI SKLOP latin1 COLLATE latin1_swedish_ci; Struktura tablice za tablicu `customers` CREATE TABLE IF NOT EXSTTS` customers` (` 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 ZADNJA KARTA = utf8;

Dump podataka za tablicu `kupaca`

 UMETNI `klijentima` (` id`, `ime`,` adresa`, `grad`,` pokrajina`) VRIJEDNOSTI (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 '); Indeksi tablice `customers` ALTER TABLE` customers` DODAJ PRIMARNI KLJUČ (` id`); ALTER TABELA `customers` MODIFY` id` int (11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;

Zatim moramo stvoriti datoteku index.php u koju ćemo dodati kôd sa zaglavljima

 Kupci

Zatim moramo stvoriti datoteku query.php za izvođenje SQL upita kada ga pozove knjižnica.

Rezultat prikaza u pregledniku trebao bi biti sljedeći:

Prethodnistranica 1 od 2SljedećiJe li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod