✅ Динамична мрежа Flexigrid с JQuery и PHP

Съдържание

Flexigrid с pHp и MySQL заявки
Как да използвате Flexigrid с pHp и MySQL заявки

Flexigrid с pHp и MySQL заявки

Flexigrid е безплатна и отворена библиотека на JQuery, което позволява показване на резултата от заявка за данни в мрежа, тяхното изброяване в таблица, подреждането им на страници, сортирането им и взаимодействието с данните. Flexigrid може да използва различни източници на данни, като XML, да запитва базата данни с помощта на PHP и да връща данните във формат JSON, за да бъдат показани от Flexgrid.

Можем да изтеглим Flexigrid от официалния му уебсайт.

Как да използвате Flexigrid с pHp и MySQL заявки

След като изтеглим Flexigrid, разархивираме zip файла, след това на локален или отдалечен сървър, както видяхме в урока, за да инсталираме Xampp, за да превърнем компютъра ви в уеб сървър, ще създадем папка, която да съдържа примера, имаме нужда от CSS и JS папки, които са книжарниците на Flexigrid.

Трябва също да имате версия на jQuery, която можем да използваме онлайн версия като:

Можем също да изтеглим версията от официалния уебсайт jQuery.com. jQuery е библиотека с JavaScript функции.

След това ще създадем база данни от phpmyadmin, която да се използва в примера

База данни: `FlexEmpresa`

 СЪЗДАВАНЕ НА БАЗА ДАННИ, АКО НЕ СЪЩЕСТВА „FlexEmpresa“ НАСТРОЙКАТА НА ХАРАКТЕРИ по подразбиране latin1 COLLATE latin1_swedish_ci; Структура на таблица за таблица `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) NOT NULL, `province` varchar (150) DEFAULT NULL) ENGINE = MyISAM AUTO_INCREMENT = 7 КАРТЕТА ПО УМОЛЧАНЕ = utf8;

Дамп за данни за таблица `клиенти`

 ВМЕСТВАНЕ НА „клиенти“ („id“, „name“, „address“, „city“, „province“) ЦЕННОСТИ (1, „Adela Resjez“, „Lore de Balca 435“, „Madrid“, „Madrid“) , (2, „Гретел Мартинес“, „Хуан XXIII 1232“, „Барселона“, „Барселона“), (3, „Оливия Асри“, „Марина Сур 123“, „Аранхуес“, „Мадрид“), (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 '); Индекси на таблицата `customers` ALTER TABLE` customers` ADD PRIMARY KEY (` id`); ALTER TABLE `customers` MODIFY` id` int (11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;

След това трябва да създадем файл index.php, където ще добавим кода с заглавките

 Клиенти

След това трябва да създадем файла query.php, за да изпълним SQL заявката, когато тя бъде извикана от библиотеката.

Резултатът от показването в браузъра трябва да бъде следният:

Предишнистраница 1 от 2СледващияХареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка