- Кому може бути корисно розуміння механізму передачі даних з PHP в HTML і назад?
- Як передати змінні PHP в HTML?
- Як передати масив PHP в HTML?
- Передача даних з HTML в PHP
Всім привіт! 🙂
Сьогодні я вирішив торкнутися теми передачі змінних між бекенда і фронтендів, з якою стикаються абсолютно всі початківці розробники. Зокрема, сьогодні ми розглянемо приклади передачі змінних з PHP в HTML і назад, а також їх виклику в обох випадках.
Ідея цієї статті у мене з'явилася після пошуку мною відповідного матеріалу в мережі, після якого нічого путнього знайти не вдалося.
Справа в тому, що сьогодні люди починають своє знайомство з веб-програмуванням вивчаючи різноманітні платформи: CMS , Фреймворкі і т.д., в яких механізм передачі змінних реалізований своїм унікальним чином.
Десь змінні бекенда записуються в глобальний масив, а в html-шаблонах викликаються звідти. В інших випадках використовуються шаблонизатор, типу Smarty, зі своїми механізмами передачі даних. У даній ситуації все залежить від фантазії розробника.
Таким чином, перед людьми, які почали своє знайомство з мовами написання сайтів завдяки готовим движкам, іcчезла необхідність вивчення механізмів передачі даних для «чистих» PHP і HTML.
Але все ж, іноді така необхідність з'являється, причому не тільки у початківців, але й у досвідчених користувачів.
Кому може бути корисно розуміння механізму передачі даних з PHP в HTML і назад?
Уявіть, що ви захотіли написати власний движок 🙂 Тим більше, що рано чи пізно, в навчальних цілях або комерційних за таку роботу приймається більше половини програмістів Земної кулі.
А до цього ви працювали тільки з готовим продуктом, в якому свій механізм передачі даних, тобто необхідності вникати в тонкощі «стандартної» передачі у вас не було.
Або, наприклад, вас не влаштовує використовуваний в вашому проекті шаблонизатор (програмна надбудова, що дозволяє мінімізувати зміст бізнес-логіки в графічних шаблонах, тобто прибирати з html php-конструкції, обмежуючись лише викликом змінних, функцій і файлів), і ви вирішили написати власний.
Або ж зовсім життєвий приклад - ви шукаєте роботу, а в пропонованому тестовому завданні без використання в html php-даних нікуди. Причому, тестове потрібно зробити на «чистих» мовами, а не з використанням так полюбляє вами і використовуваних фреймворків.
Ну, про новачків, які тільки починають працювати з PHP і HTML, про цінності розглянутого сьогодні питання я взагалі промовчу.
В результаті ви йдете в Інтернет - і замість конкретної відповіді на питання ви знаходите лише обговорення на форумах, де нічого путнього немає.
Але нічого - сьогодні ми виправимо цю ситуацію 😉
Як передати змінні PHP в HTML?
Для прикладу створимо простенький тестовий скрипт index.php:
<? Php $ hello = 'Привіт, світ!'; require_once ( 'index.html'); ?>
Як бачите, в ньому всього 2 рядки: у першій оголошується змінна $ hello зі значенням «Привіт, світ!», А в другій ми підключаємо наш html-шаблон, в якому буде виводити нашу змінну наступним чином:
<Html> <head> </ head> <body> <div> Змінна з php: <span> <? Php echo $ hello; ?> </ Span> </ div> </ body> </ html>
Тут, як бачите, теж все дуже нехитро: для виклику необхідної конструкції її потрібно укласти між дужками <? Php ...?> (При відповідних налаштуваннях сервера можливий скорочений варіант запису <? ...?>) І вивести за допомогою оператора echo.
В результаті, при запуску скрипта в вашому веб-браузері ви побачите наступний результат:
Сподіваюся, ви не забули скопіювати скрипт і html-файл в каталог, відповідний новому сайту, на локальний веб-сервер і запустити сервер? Якщо бажана напис в браузері не з`явилася - перевірте порядок виконуваних дій ще раз.
Як передати масив PHP в HTML?
Передачу простих змінних ми розглянули. А як щодо масивів, можете запитати ви? Дійсно, передача масивів також великий попит у випадках, коли необхідно в HTML вивести списки об'єктів з PHP.
Як приклад, видозмінимо наш PHP-скрипт, зробивши з змінної $ hello масив:
<? Php $ hello = array ( 'Привіт!', "Мир!"); require_once ( 'index.html'); ?>
В даному випадку описаний нами спосіб виклику змінної PHP в HTML видасть наступний результат:
І це цілком логічно, тому що роздрукувати вміст PHP-масиву за допомогою echo не вийде - на екран виводиться «Array», що всього лише вказує на те, що виводиться на екран структура даних - це масив.
Вміст масиву можна переглянути, виводячи його елементи в циклі. Для цього трохи видозмінимо наш HTML-шаблон:
<Html> <head> </ head> <body> <div> Змінна з php: <ul> <? Php foreach ($ hello as $ str) {?> <Li> <? Php echo $ str; ?> </ Li> <? Php}?> </ Ul> </ div> </ body> </ html>
В результаті, після повторного запуску скрипта в веб-браузері, на екрані ми побачимо наступне:
Наведений вище html-код ви можете знайти на сторінці категорії абсолютно будь-якого Інтернет-магазину , Тому що відображаються там товари - це вміст переданого PHP-масиву.
Ще один факт, на який слід звернути увагу в попередньому прикладі - це можливість використання PHP-операторів і конструкцій в HTML (в даному випадку використовується функція перебору масиву foreach), які також необхідно прописувати між відкриває і закриває тегами <? Php?>.
Тобто, підбиваючи коротке резюме під написаним раніше, для передачі змінної з PHP в HTML, HTML-документ повинен бути підключений в PHP за допомогою директив include або require, після чого оголошені в скрипті змінні будуть доступні в шаблоні.
Як ви могли помітити, мова PHP прекрасно взаємодіє з HTML - це його базова фіча, яка у нього «в крові», тобто реалізується без будь-яких додаткових маніпуляцій 🙂
Наступним етапом ми розглянемо зворотну сторону даного взаємодії двох мов - а саме, передачу даних з HTML в PHP.
Передача даних з HTML в PHP
Для даної дії нам буде потрібно розмістити дані в HTML всередині форми, тобто всередині відкриває і закриває тегів <form> </ form>. Для цього використовуємо інший тестовий приклад, файл index.html якого буде виглядати так:
<Html> <head> </ head> <body> <form method = "POST"> Ім'я: <input type = "text" name = "login"> Пароль: <input type = "password" name = "password" > <input type = "submit" value = "OK"> </ form> </ body> </ html>
Як ви могли здогадатися, він вдає із себе примітивну форму авторизації користувача на сайті, в якій користувач буде вводити логін і пароль і натискати на кнопку «ОК» для відправки даних на сервер.
Трохи коментарів з приводу передачі в PHP даних HTML-форм (якщо раптом хто не в курсі). HTML-форми, як уже було сказано, вдають із себе пару тегів <form> </ form>, між якими розташовуються елементи форми, що представляють собою теги <input> (закриває тег не потрібно) з наступними атрибутами:
- name - буде використовуватися як ідентифікатор елемента для получаенія його значень в PHP;
- type - тип елемента. Залежно від вводяться в елемент даних може бути «text», «password», «button» і т.д.
- value - значення елемента за замовчуванням (текст в поле до введення даних, напис на кнопці і т.д.).
Звичайно, це далеко не повний список атрибутів. Я привів тільки найнеобхідніші. Якщо хочете, щоб я розповів про всі можливі - відпишіться в коментарях. Чекаю ваших відповідей 🙂
Теги <input> також можуть бути замінені і доповнені спеціалізованими тегами <button>, <textarea> і т.д., у яких будуть присутні ті ж атрибути, що і у <input>.
Обов'язковою для кожної форми є наявність елемента з типом «submit», який являє собою кнопку для відправки даних HTML-форми за допомогою HTTP-запиту до сервера, на якому розташовані скрипти PHP, обробні його.
Завдяки можливостям JavaScript і його бібліотек елемента з типом «submit» може і не бути - майте це на увазі при внесенні правок в код свого сайту.
У відправляється HTML-формою HTTP-запиту також є кілька параметрів, які задаються в якості атрибутів тега <form>:
- method - містить одне з двох значень GET / POST, головною відмінністю між якими є метод передачі даних. При передачі методом GET вони будуть додаватися в url сайту в вигляді «http://siteurl.com/index.php?login=UserName&password=qwerty», що, відповідно, небезпечно. А при POST дані будуть приховані, тому в даному прикладі він і застосовується. До того ж методом POST можна передати дані більшого розміру, ніж GET;
- action - буде містити адресу скрипта, який буде обробляти вставлені формою дані. За замовчуванням дані передаються в той же скрипт, через який був викликаний HTML-шаблон. У моєму прикладі даний варіант мене цілком влаштовує, тому я не вказував значення для даного атрибута;
Нагадаю, що структура даного тестового сайту така ж: каталог з HTML-документом, що містить інтерфейс для взаємодії користувача з сайтом і PHP-скрипт, який його викликає. Останній матиме такий вигляд:
<? Php if (! Empty ($ _ POST)) {echo '<pre>'; print_r ($ _ POST); die (); } Require_once ( 'index.html'); ?>
Як бачите, дані, що відправляються HTML-формою, будуть міститися в масиві POST, який доступний в PHP у вигляді конструкції $ _POST. У нашому випадку, після натискання на кнопку «ОК» в HTML-формі, скрипт виведе на екран наступне:
Як бачите, в разі вдалого HTTP-запиту масив POST буде містити введені в формі дані в форматі «значення атрибута name елемента форми» => «введене в елемент значення».
Далі в PHP можете обробляти дані так як вам захочеться 🙂
До слова, дані передані з HTML-форми в PHP, можуть бути доступні в масиві, відповідному назвою методу, за допомогою якого вони передавалися. Якщо дані передавалися методом POST, то шукати їх потрібно в масиві $ _POST, якщо GET - то, відповідно, в $ _GET.
Дані, передані будь-яким із зазначених способів також можуть бути доступні через масив $ _REQUEST, який крім крім вмісту масивів $ _GET і $ _POST також може містити дані суперглобального масиву $ _COOKIE, який містить дані, збережені в cookie-файлах (відомі в Рунеті куки) вашого браузера.
Також, до версії PHP 4.3, в даному масиві містилися ще й дані про переданих через HTML-форму файлах з масиву $ _FILES, але вони були виділені в окремий масив.
Таким чином, сьогодні ми розглянули механізм взаємодії шляхом передачі даних між HTML і PHP, бекенда і фронтендів ваших сайтів.
Сподіваюся, що інформація була для вас корисною 🙂 Ви можете залишити відгуки в коментарях під статтею і підписки на оновлення сайту, щоб ви були в курсі нових статей.
Також, користуючись випадку, хочу всіх вас запросити в паблік нашого проекту Вконтакте для обговорення хвилюючих вас питань. Також тут ви завжди знайдете масу цікавих статей, конкурсів і веселою інформації, яка зробить вас на крок ближче до сайту своєї мрії.
Ласкаво просимо 🙂
PS: якщо вам потрібен сайт або необхідно внести правки на існуючий, але для цього немає часу і бажання, можу запропонувати свої послуги.
Більше 5 років досвіду професійної розробки сайтів. Робота з PHP, OpenCart, WordPress, Laravel, Yii, MySQL, PostgreSQL, JavaScript, React, Angular і іншими технологіями web-розробки.
Досвід розробки проектів різного рівня: Лендінзі, корпоративні сайти, Інтернет-магазини, CRM, портали. У тому числі підтримка і розробка HighLoad проектів. Надсилайте ваші заявки на email [email protected] .
І з друзями не забудьте поділитися 😉
Кому може бути корисно розуміння механізму передачі даних з PHP в HTML і назад?Як передати змінні PHP в HTML?
Як передати масив PHP в HTML?
Кому може бути корисно розуміння механізму передачі даних з PHP в HTML і назад?
Require_once ( 'index.html'); ?
Php echo $ hello; ?
При відповідних налаштуваннях сервера можливий скорочений варіант запису <?
Як передати масив PHP в HTML?
А як щодо масивів, можете запитати ви?
Php foreach ($ hello as $ str) {?
Наша совместная команда Banwar.org. Сайт казино "Пари Матч" теперь доступен для всех желающих, жаждущих волнения и азартных приключений.