Вы, вероятно, подумаете, что мы мало что можем сделать с образцами данных, которые мы добавили в нашу базу данных ранее, и вы правы, но этого будет достаточно, чтобы изучить основы встраивания кода PHP и результаты запросов к базе данных MySQL на ваших страницах HTML5.
Во-первых, нам нужно будет изменить расширение основного документа нашего приложения на .php
вместо html:
# mv /var/www/html/TecmintTest/index.html /var/www/html/TecmintTest/index.php.
Затем давайте откроем проект в Netbeans и начнем вносить некоторые изменения.
1. Добавьте в проект папку с именем включает где мы будем хранить backend php-приложения.
2. Создайте файл с именем dbconnection.php
внутри включает и вставьте следующий код:
php $ host = " localhost "; $ username = " корень "; $ password = " MyFancyP4ssw0rd "; $ database = " tecmint_db "; // Устанавливаем соединение с сервером MySQL $ mysqli = new mysqli ($ host, $ username, $ password, $ database); / * Проверить статус подключения. Выйти в случае ошибок. * / if (mysqli_connect_errno ()) {printf ("Ошибка подключения:% s \ n", mysqli_connect_error ()); выход(); } $ mysqli -> query ("SET character_set_results = 'utf8', character_set_client = 'utf8', character_set_connection = 'utf8', character_set_database = 'utf8', character_set_server = 'utf8'»); $ записи = массив (); $ query = "ВЫБЕРИТЕ заголовок, автора, дату отправки FROM article_tbl;"; $ result = $ mysqli-> query ($ query) или умереть ($ mysqli-> error); $ data = array (); в то время как ($ row = $ result-> fetch_assoc ()) {$ data [] = json_encode ($ row); } echo json_encode ($ data);
как показано на следующем изображении:
Этот файл будет использоваться для подключения к серверу базы данных, для запроса и возврата результатов этот запрос в строке, подобной JSON, которая будет использоваться клиентским приложением с небольшим модификация.
Обратите внимание, что обычно для выполнения каждой из этих операций используются отдельные файлы, но для простоты мы решили включить все эти функции в один файл.
3. В index.php
, добавьте следующий фрагмент сразу под открытием тело ярлык. Это способ jQuery для вызова внешнего PHP-приложения, когда в Интернете документ является готовы, или, другими словами, каждый раз при загрузке:
4. Теперь добавьте уникальный идентификатор (такой же, как внутри цикла for выше) к каждой строке в div с классом строка в нижней части index.php:
ТитулыАвторыОпубликован в:
Если вы сейчас нажмете Запустить проект, вы должны увидеть это:
По сути, это то же самое, что и информация, возвращенная, когда мы ранее запускали запрос из нашего клиентского приглашения MySQL.
Запуск Filezilla из Бросаться меню и войдите в IP удаленного FTP-сервера и ваши учетные данные. Затем нажмите Быстрое соединение подключиться к FTP сервер:
Перейдите к /home/gabriel/NetBeansProjects/TecmintTest/public_html/, выберите его содержимое, щелкните его правой кнопкой мыши и выберите Загрузить.
Это, конечно, предполагает, что удаленный пользователь, указанный в Имя пользователя имеет права на запись в удаленный каталог. Когда загрузка будет завершена, укажите в браузере желаемое место, и вы должны увидеть ту же страницу, что и раньше (обратите внимание, что мы не настроили локальную базу данных MySQL для удаленного хоста, но вы можете легко сделать это, выполнив шаги, описанные в начале этого руководство).
В этой статье мы добавили динамическую функциональность в наше веб-приложение, используя jQuery и немного JavaScript. Вы можете обратиться к официальному документы jQuery для получения дополнительной информации, которая будет очень полезна, если вы решите писать более сложные приложения. В заключение мы также развернули наше приложение на удаленном компьютере. НАПОЛЬНАЯ ЛАМПА сервер, использующий FTP клиент.
Мы рады услышать ваше мнение об этой статье - не стесняйтесь связаться с нами, используя форму ниже.