✅ Flexigrid dynamická mřížka s JQuery a PHP

Obsah

Flexigrid s dotazy na pHp a MySQL
Jak používat Flexigrid s dotazy na pHp a MySQL

Flexigrid s dotazy na pHp a MySQL

Flexigrid je bezplatná a otevřená knihovna JQuery, což umožňuje zobrazení výsledku dotazu na data v mřížce, jejich zařazení do tabulky, jejich stránkování, třídění a interakci s daty. Flexigrid může používat různé zdroje dat, jako je XML, dotazuje databázi pomocí PHP a vrací data ve formátu JSON, aby je Flexgrid zobrazil.

Flexigrid můžeme stáhnout z jeho oficiálních webových stránek.

Jak používat Flexigrid s dotazy na pHp a MySQL

Po stažení Flexigridu rozbalíme zip soubor, pak na lokálním nebo vzdáleném serveru, jak jsme viděli v tutoriálu k instalaci Xampp, aby se váš počítač stal webovým serverem, vytvoříme složku, která bude obsahovat příklad, potřebujeme CSS a Složky JS, které jsou knihkupectvím Flexigrid.

Musíte mít také verzi jQuery, kterou můžeme používat online, jako například:

Verzi si také můžeme stáhnout z oficiálního webu jQuery.com. jQuery je knihovna funkcí JavaScriptu.

Dále vytvoříme databázi z phpmyadmin, kterou použijeme v příkladu

Databáze: `FlexEmpresa`

 VYTVOŘIT DATABÁZI, POKUD NEJDE O VÝCHOZÍ SADU `` FlexEmpresa` CHARACTER latin1 COLLATE latin1_swedish_ci; Struktura tabulky pro tabulku `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) NENÍ NULL, `provincie` varchar (150) VÝCHOZÍ NULL) MOTOR = MyISAM AUTO_INCREMENT = 7 VÝCHOZÍ CHARSET = utf8;

Skládka dat pro tabulku „zákazníci“

 VLOŽTE DO `customer` (` id`, `name`,` address`, `city`,` provincie`) VALUES (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 '); Indexy tabulky `zákazníci` ALTER TABLE` zákazníci` PŘIDAT PRIMÁRNÍ KLÍČ (` id`); MĚNIT TABULKU „ZMĚNIT“ ID zákazníků` int (11) NENÍ NULA AUTO_INCREMENT, AUTO_INCREMENT = 7;