учебные пособия

JQuery4PHP - используйте платформу Jquery из PHP

  Дата публикации: May/2024
{title}

Когда мы разрабатываем веб-сайт, очень полезно использовать JQuery для управления динамическими событиями в браузере и делать запросы. JQuery - это фреймворк, наиболее используемая функция которого заключается в том, что он позволяет нам делать запросы на веб-странице, требующие ответа браузера или сервера, без перезагрузки страницы .

Когда мы создаем приложение, которое требует PHP и JQuery, мы создаем код отдельно. JQuery for PHP - это библиотека, разработанная в PHP 5, которая позволяет интегрировать JQuery в качестве синтаксиса в pHp.

В этом руководстве будут приведены примеры с этой библиотекой. Для начала мы должны загрузить инфраструктуру JQuery4PHP с ее официального сайта.

{title}

После загрузки мы разархивируем zip-файл, и он создаст папку с именем showcase, внутри этой папки мы найдем каталог lib, который является структурой JQuery4PHP . Примеры должны быть написаны на pHp, поэтому нам понадобится удаленный или локальный сервер, как мы видели в руководстве:

Превратите свой компьютер в веб-сервер с Xampp

Затем мы создаем папку примеров и копируем в папку lib, чтобы библиотеки были доступны.

{title}

Далее мы создадим первый пример с JQuery4PHP из любого текстового редактора или программного обеспечения, которое мы используем для написания кода pHp.

Во-первых, мы должны вызвать фреймворк со следующими строками кода: 

 Далее мы создадим код для отображения текста в слое: 
 in ('# button') // указываем идентификатор затронутого html-элемента -> execute ('document.getElementById ("layer"). innerHTML = "Это пример из Jquery4php";') // указываем код jquery для бежать?> 
 Результат можно увидеть в браузере, а также проверить код, чтобы увидеть, как генерируется событие JQuery.
{title}
Инфраструктура JQuery4php позволяет нам использовать множество событий, которые мы можем добавить в категории: такие как события, ajax для данных, анимация и манипулирование объектами.
Эффекты, такие как добавление строки в форму
{title}
Добавить поля с помощью JQuery4PHP 
Имя: Электронная почта: Город Селект Барселона Мадрид
Добавить строку
onClick () // указывает на событие Jquery -> in ('# button') // указывает идентификатор затронутого html-элемента -> execute (YsJQuery :: append () -> in ('form') -> content ('
Имя: Электронная почта: Город Селект Барселона
«))?> 
 Это был бы созданный эффект.
Динамические запросы с JQuery4php и MySQL 
Далее мы создадим пример, в котором через инфраструктуру JQuery4PHP и pHp мы будем запрашивать базу данных MySQL, которую мы будем называть Ejempodb, которая будет содержать две клиентские таблицы и коллекции. Таким образом мы проконсультируем список клиентов и должников.
База данных: `exampledb` 
 CREATE DATABASE `exampledb` Мы создаем таблицу клиентов CREATE TABLE, ЕСЛИ НЕ СУЩЕСТВУЕТ` client` (` idid` int (11) NOT NULL, `name` char (50) DEFAULT NULL, ` email` text) ENGINE = MyISAM AUTO_INCREMENT = 1 DEFAULT CHARSET = латинский 1; Мы добавляем данные в таблицу клиентов INSERT INTO `customer` (` idclient`, `name`, ` email`) VALUES (10780, 'VALERIA MELINA', ' '), (10781, 'PATRICIA DEL VALLE', ' '), (10777, «KARINA ALEJANDRA», « »), (10778, «BEATRIZ DEL VALLE», « »), (10779, «ANA MARIA», « '); 
 Мы создаем таблицу сбора, где мы будем хранить собранные счета: 
 СОЗДАТЬ ТАБЛИЦУ, ЕСЛИ НЕ СУЩЕСТВУЕТ `collection` (` idcobro` int (100) NOT NULL, `idclient` int (100) unsigned DEFAULT NULL, ` amount` decimal (10, 2) unsigned DEFAULT NULL, `payment_date` date DEFAULT NULL, `invoice` varchar (100) DEFAULT NULL) ENGINE = MyISAM AUTO_INCREMENT = 72 CHEFSET DEFAULT = latin1; 
 Добавим некоторые данные в таблицу сбора: 
 INSERT INTO для «коллекций» («idcobro», «idcliente», «сумма», «payment_date», «invoice») VALUES (60, 10780, «310, 00», «2016-03-02», «1000»), ( 69, 10781, «50, 00», «2016-03-05», «1001»), (58, 10777, «100, 00», «2016-03-06», «1002»); 
 Далее мы создадим страницу Example03.php, где мы поместим две кнопки, которые будут служить для отображения списка запросов.
$config[ads_text5] not found
{title}
 Тестирование jQuery 4 PHP
Тестирование Mysql и jQuery4PHP 
 Список клиентов Список должников
onClick () -> in ("# botonclientes") -> execute (YsJQuery :: load ("listrclientes.php", array ("value" => null)) -> in ("# stockslientes")); ?> onClick () -> in ("# botondeudores") -> execute (YsJQuery :: load ("listarcobros.php", array ("value" => null)) -> in ("# capadeudores")); ?> 
 Загрузка позволит нам указать, на какой странице мы будем делать запрос, а команда массива («variable» => value) позволит нам отправлять параметры в запрос, например, идентификатор клиента.
$config[ads_text6] not found
Далее мы создадим список клиентов list.php 
Список клиентов 
 «; // Мы выполняем запрос MySQL и показываем $ query = 'SELECT * FROM clients'; $ result = mysql_query ($ query) или die ('Query fail:'. mysql_error ()); эхо "  \ n "; echo" E-Mail\ n "; while ($ row = mysql_fetch_assoc ($ result)) {echo" ". $ row [" email "]."\ n ";} echo" 
Имя
". $ row [" name "]."
 \ n ";?> 
 Далее мы создадим страницу listarcdeudores.php 
Таким образом, мы можем использовать библиотеки jQuery4PHP, определяя событие на веб-странице, такое как нажатие и нажатие кнопки с помощью Jquery и через него, которое мы запускаем, например, вызывая метод load () jQuery для загрузки запроса в база данных из другого файла.
URL-адрес файла, к которому вызывается запрос, с помощью метода load (), который в этом случае файлы listarclientes.php и listarcobros.php должен быть размещен в том же каталоге, что и разрабатываемая нами домашняя страница PHP. Далее с помощью метода in () мы указываем, в каком слое или div HTML-контент, который мы генерируем в каждом php-файле, будет отображаться с запросами
$config[ads_text5] not found
Может быть проще и практичнее сделать это в JQuery напрямую для тех, кто знает, как программировать в этой среде, но jQuery4PHP намного проще понять, и части кода могут быть созданы без необходимости беспокоиться о том, как взаимодействуют эти два языка программирования.
  • 0








СТАТЬЯ ПО ТЕМЕ Как скачать и создать свой собственный Bitmoji