Динамічні сторінки у PHP. PHP. Динамічне створення сторінок Створення index php
Ми говорили тільки про статичних сторінках, тобто таких, які, як користувач з ними не взаємодіяв, завжди залишаються незмінними, а щоб вміст або оформлення їх змінилося, господарю сторінки треба правити код вручну.
Динамічні сторінки та що для них потрібно
Крім статичних, є ще динамічні сторінки. Таких нині в Інтернеті більшість. Інформація в них підвантажується із зовнішніх джерел, наприклад, бази даних або інших файлів. Вміст та форматування таких сторінок можуть змінюватись в залежності від дій користувача. Для виправлення динамічних сайтів не обов'язково втручатися в їх код – достатньо змінити контент у спеціально для нього призначеному файлі або базі даних, яка, до речі, є також файлом, лише певним чином структурованим.
Для створення динамічних сайтів лише HTML та CSS недостатньо. Тут використовуються ще й мови програмування, а також бази даних та мови запитів до них. Найчастіше сучасні динамічні сайти використовують у роботі HTML, CSS, PHP, JavaScript, SQL. Перші дві абревіатури вам вже знайомі не з чуток, SQL застосовується для доступу до баз даних, JavaScript - клієнтська мова, команди якої обробляються браузером і часто використовуються, щоб показувати вам будь-яку красу на кшталт шторок або фотографій, що плавно відкриваються, а ось PHP - це серверна мова програмування , який працює, у тому числі, з вмістом сайту і робить його динамічним, з ним ми сьогодні і доторкнемося.
Приклад використання команди include
У попередній статті я розповідав про блокову верстку сайту і наводив як приклад найпростішу сторінку (документ) index.htmlта прив'язаний до нього файл style.css).
Нині ми розділимо документ index.htmlна кілька файлів, кожен з яких міститиме свою частину сторінки, що допоможе ще сильніше розділити код, покращити структуру шаблону і по суті зробити сторінку динамічною. Для цього ми будемо використовувати мова PHP, а точніше лише одну його директиву – функцію include()яка включає один файл в інший.
1. Змініть роздільну здатність створеного у статті про блокову верстку файлу indexз .htmlна .phpщоб документ називався index.php. Тип файлу .PHPвказує серверу, що документ був написаний або використовує вставки однойменною мовою програмування.
2. У папці зі сторінкою створіть директорію blocks.
3. Всю допоміжну інформацію (верх, низ, навігацію та бічну панельсайту) винесемо в окремі файли, які розмістимо у папці blocks.
Отже, створіть у каталозі blocks чотири файли: header.php, navigation.php, sidebar.phpі footer.php. Заповніть файли кодом.
header (шапка сайту)
4. Перевірте структуру папки шаблону. У корені повинні бути файли index.php, style.cssта директорія blocks.
Структура папки blocksмає бути такою.
5. У файлі index.phpвидаліть існуючий код та напишіть новий:
Основний контент сторінки
У браузері файл index.php виглядає так само, як і раніше, але структура шаблону при цьому повністю змінилася. Про те, що вийшло, поговоримо потім, а зараз відповімо на запитання про загадкові команди виду .
Як і HTML-код, код PHP теж має своє позначення початку та кінця. Так ось починати PHP-вставку потрібно командою , а закінчувати рядком ?> . Поміж цими командами пишеться основний код. У нашому випадку це лише одна команда - include.
Функція include()вставляє у файл код з іншого файлу, даючи можливість зберігати різні частини сторінки у різних документах, цим надійно відокремлюючи їх друг від друга.
В результаті виконаних дій ми отримали динамічну сторінку index.php, частини якої підвантажуються з різних файлів. Завдяки цьому можна створювати інші сторінки, так само підвантажуючи в них допоміжні елементи з файлів папки blocks.
Такий підхід хороший тим, що якщо ви захочете на сайті в 20-30 сторінок змінити, скажімо, назву пункту меню, то в шаблоні з новоствореною структурою знадобиться внести правки тільки в один файл - blocks/navigation.php, і меню зміниться відразу на всіх сторінках, до яких він включений. Якщо сайт був би статичним, то для зміни назви одного пункту меню вам довелося б вносити зміни в кожнуіз 20-30 сторінок. Різниця очевидна.
Потрібно вжити запобіжних заходів. Тому що ресурс може вийти вкрай динамічним. Того й дивись, вкусить!
PHP та HTML
Нині ці дві дисципліни пов'язані майже воєдино. Їхній тандем є основою, на якій побудовано «життя» більшої частини інтернету. Звичайно, у зв'язці з html застосовуються інші серверні мови (Perl, ASP.NET ). Але їх поширеність у всесвітній павутині в порівнянні з PHP, носить суто епізодичний характер.
Згідно зі статистикою, архітектура більшості ресурсів в інтернеті побудована на основі php та html.
Для багатьох початківців взаємозв'язок між цими технологіями виглядає незрозумілим. З одного боку статичний HTML, який інтерпретується браузерами на стороні клієнта. А з іншого - програмна мова, що обробляється на сервері. Тому перед написанням сайту на php з нуля наведемо простий приклад взаємодії цих двох технологій:
- Створимо новий файл з розширенням php;
- Помістимо туди наступний код:
- Збережемо файл на локальному сервері та відкриємо його у браузері. Потім натиснемо на праву клавішу миші та в контекстному менюоберемо пункт « Перегляд html сторінки».
Як видно на скріншоті, рядокне відображається у html коді сторінки. І в браузері, і в коді видно лише повернені дата та час. А це означає, що скрипт було оброблено на серверній стороні. Тому створення сайту на PHP кардинально відрізняється від написання простих html сторінок.
Динамічний сайт
Сучасні сайти бувають двох основних типів:
- Статичні - створені лише на основі html. Такі сайти не змінюють вміст у відповідь на дії користувачів. Звичайно, статичний ресурс може реагувати на події та користувальницькі дії. Але реалізація динамічності сторінок за клієнта має вузький діапазон застосування, обмежений можливостями Java Script .
Код Java Script виконується у браузері на стороні клієнта.
- Динамічні – здатні змінювати свій стан та вміст – html сторінки динамічних сайтів формуються нальоту в момент виконання коду у відповідь на запит користувача, надісланий ним із браузера на сервер. Найчастіше генерація сторінок за сервера відбувається з допомогою коду, написаного на php .
Динамічний сайт на php складається з наступних файлів:
- index.php – є основним файлом проекту;
- Шаблони – включають структуру тієї чи іншої частини сторінки ( шапки, підвалу, основної частини);
- CSS – зберігають у собі всі стильові описи ресурсу.
Крім цього проект сайту може складатися з файлів, що зберігають код функцій і методів php . А також включати базу даних.
У більшості CMS джерелом контенту для наповнення сторінок, динамічно згенерованих на стороні сервера, є база даних. Найчастіше застосовується СУБД MySQL.
Як пишеться сайт на PHP
Щоб розібратися, як створюється сайт на PHP, розглянемо практичний приклад. Звичайно, багато в ньому спрощено, але весь механізм роботи та етапи створення збережені.
Є html сайт з наступною структурою та дизайном:
Його код: