Grilă dinamică Flexigrid cu JQuery și PHP

Flexigrid cu interogări pHp și MySQL

Flexigrid este o bibliotecă JQuery gratuită și deschisă, care permite afișarea rezultatului unei interogări de date într-o grilă, listarea lor într-un tabel, paginarea acestora, sortarea acestora și interacțiunea cu datele. Flexigrid poate utiliza diferite surse de date, cum ar fi XML, interogă baza de date folosind PHP și returnează datele în format JSON pentru a fi afișate de Flexgrid.

Putem descărca Flexigrid de pe site-ul său oficial.

Cum se utilizează Flexigrid cu interogări pHp și MySQL

După descărcarea Flexigrid, dezarhivăm fișierul zip, apoi pe un server local sau la distanță așa cum am văzut în tutorial pentru a instala Xampp pentru a vă transforma computerul într-un server web, vom crea un folder care să conțină exemplul, avem nevoie de CSS și Dosare JS care sunt librăriile Flexigrid.

De asemenea, trebuie să aveți o versiune jQuery, putem folosi o versiune online, cum ar fi:

De asemenea, putem descărca versiunea de pe site-ul oficial jQuery.com. jQuery este o bibliotecă de funcții JavaScript.

În continuare vom crea o bază de date de la phpmyadmin pentru a o folosi în exemplu

Baza de date: `FlexEmpresa`

 CREAȚI BAZA DE DATE DACĂ NU EXISTEZĂ „FlexEmpresa` SET DE CARACTERE DEFAULT latin1 COLLATE latin1_sw Swedish_ci; Structura tabelului pentru tabela "clienți" CREAȚI TABEL DACĂ NU EXISTEZĂ "clienți" ("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) MOTOR = MyISAM AUTO_INCREMENT = 7 DEFAULT CHARSET = utf8;

Depozitare date pentru tabelul „clienți”

 INSERAȚI ÎN „clienți” („id”, „nume”, „adresă”, „oraș”, „provincie”) VALORI (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 "); Indici ai tabelului „clienți` ALTER TABLE` clienți` ADAUGĂ CHEIE PRIMARĂ („ id ”); ALTER TABLE `customers` MODIFY` id` int (11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT = 7; 

Apoi trebuie să creăm un fișier index.php unde vom adăuga codul cu anteturile

 Clienți 

 

Apoi trebuie să creăm fișierul query.php pentru a efectua interogarea SQL atunci când este invocată de bibliotecă.

Rezultatul afișării în browser ar trebui să fie următorul:

Anteriorpagina 1 din 2UrmătorulV-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv