✅ Dynamiczna siatka Flexgrid z JQuery i PHP

Spisie treści

Flexgrid z zapytaniami pHp i MySQL
Jak używać Flexgrid z zapytaniami pHp i MySQL

Flexgrid z zapytaniami pHp i MySQL

Flexigrid to darmowa i otwarta biblioteka JQuery, który umożliwia wyświetlanie wyniku zapytania o dane w siatce, zestawienie ich w tabeli, stronicowanie, sortowanie i interakcję z danymi. Flexigrid może korzystać z różnych źródeł danych, takich jak XML, wysyła zapytania do bazy danych za pomocą PHP i zwraca dane w formacie JSON, które mają być wyświetlane przez Flexgrid.

Flexigrid możemy pobrać z jego oficjalnej strony internetowej.

Jak używać Flexgrid z zapytaniami pHp i MySQL

Po pobraniu Flexigrid rozpakujemy plik zip, a następnie na lokalnym lub zdalnym serwerze, jak widzieliśmy w samouczku, aby zainstalować Xampp, aby zamienić komputer w serwer WWW, utworzymy folder zawierający przykład, potrzebujemy CSS i Foldery JS, które są księgarniami Flexgrid.

Musisz również mieć wersję jQuery, możemy skorzystać z wersji online, takiej jak:

Wersję możemy również pobrać z oficjalnej strony jQuery.com. jQuery to biblioteka funkcji JavaScript.

Następnie utworzymy bazę danych z phpmyadmina do wykorzystania w przykładzie

Baza danych: `FlexEmpresa`

 UTWÓRZ BAZĘ DANYCH, JEŚLI NIE ISTNIEJE `FlexEmpresa` DOMYŚLNY ZESTAW ZNAKÓW latin1 UKŁADANIE latin1_swedish_ci; Struktura tabeli dla tabeli `customers` CREATE TABLE IF NOT EXISTS` customers` (`id` int (11) NOT NULL,` name` varchar (100) DEFAULT NULL, `address` varchar (255) NOT NULL,` miasto `varchar (255) NOT NULL, `prowincja` varchar (150) DEFAULT NULL) ENGINE = MyISAM AUTO_INCREMENT = 7 DEFAULT CHARSET = utf8;

Zrzut danych dla tabeli `klienci`

 WSTAWIĆ W „Klienci” („identyfikator”, „nazwisko”, „adres”, „miasto”, „prowincja”) WARTOŚCI (1, „Adela Resjez”, „Lore de Balca 435”, „Madryt”, „Madryt”) , (2, 'Gretel Martinez', 'Juan XXIII 1232', 'Barcelona', 'Barcelona'), (3, 'Olivia Asri', 'Marina Sur 123', 'Aranjuez', 'Madryt'), (4, „Ledi Widaya”, „Calle 1 Norte 456”, „Sabadell”, „Barcelona”, (5, „Alfonso Praaudi”, „Salerno 48 Piso 1”, „Valencia”, „Valencia”), (6, „Jose Albertez ', Calle 13 586 ', 'Sevilla', 'Sevilla'); Indeksy tabeli `customers` ALTER TABLE` customers` ADD PRIMARY KEY (`id`); ALTER TABLE `customers` MODIFY` id` int (11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;