- PHP. Динамическое создание страниц
- Статические сайты
- Динамические сайты
- Простые ссылки
- Процесс создания динамической страницы
- Привет!
- Генерация php динамической страницы
- Пример №1 Динамическая страница:
- Пример №2 Динамическая страница:
- Пример №3 Динамическая страница:
- Чем отличаются статичные страницы от динамичных страниц?
- Как сделать динамическую страницу через php
- Динамическая страница с помощью include
- Код динамической страницы через php
- Динамические страницы в PHP
- Создание динамической страницы
- Создание страниц PHP – печатаем сайт налету!
- Динамический талант
- Разметка основного примера
PHP. Динамическое создание страниц
В сети Интернет существует огромное количество web-сайтов. Все эти сайты можно разделить на два типа: статические и динамические. Сегодня мы поговорим о создании динамических страниц, но сперва я хотел бы Вам рассказать что такое статический и динамический сайт (страница).
Статические сайты
- Простота и дешевизна создания, нетребовательность к аппаратным ресурсам;
- Минимальная нагрузка на web-сервер.
- Большие временные затраты на редактирование контента;
- Нецелесообразность использования в крупных проектах.
Динамические сайты
Динамические сайты состоят из динамических web-страниц, которые могут реагировать на действия пользователя и изменяться. Такие страницы формируются web-сервером из нескольких файлов (шаблонов). Вся информация хранится в базе данных.
Когда пользователь запрашивает страницу, соответствующая информация извлекается из базы, вставляется в шаблон, образуя web-страницу, и пересылается web-сервером в пользовательский браузер.
Таким образом, при обновлении содержимого сайта, необходимо просто добавить текст для новой страницы, который затем вставляется в базу данных с помощью определенного механизма.
- Управление контентом производится через специальные формы, где можно легко добавлять, редактировать и удалять информацию;
- Максимальная оперативность при добавлении нового контента на сайт;
- При добавлении или редактировании контента не требуется специальных знаний из области web-мастеринга (HTML, CSS);
- Возможность создания крупных многофункциональных проектов;
- Большие возможности для раскрутки.
- Высокая стоимость создания и обслуживания;
- Нужно обладать соответствующими знаниями для поддержания работоспособности сайта.
Лучше всего делать сайт с помощью динамических страниц т.к. это лучший и удобный выбор. Ну а теперь поговорим о создании динамических страниц.
Простые ссылки
Прежде чем изучать язык программирования PHP вы уже должны знать HTML и конечно же создание гиперссылок. Хотелось бы Вам напомнить:
Если щелкнуть по ссылке, в браузере будет загружена страница с именем example.php. Теперь посмотрим как, можно воспользоваться переменной для построения динамической ссылки:
Вот так просто создается динамическая гиперссылка с помощью языка php.
Процесс создания динамической страницы
Процесс создания динамической страницы состоит из нескольких этапов:
Сверстаем каркас страницы. Назовем страницу index.php — она будет состоять из частей: шапка (header), подвал (footer), левое меню (leftmenu).
В данном примере рассмотрим верстку страниц на основе таблиц, но можно использовать и блочную версту.
1. Формируем файл header.php.
Шапка сайта |
2. Формируем файл leftmenu.php.
3. Формируем файл footer.php.
Создайте папку под названием template, в которую скопируйте полученные файлы. При необходимости редактирования шапки, левого меню или подвала сайта, Вы будете знать, что шаблоны этих частей сайта находятся в данной папке.
Подключим полученные файлы (шаблоны) к сайту с помощью инструкции include на примере страницы index.php.
Привет!Это первая динамическая страница на PHP. |
Вот так страница index.php — это динамическая страница, она будет формироваться из нескольких файлов (шаблонов).
Таких шаблонов можно сделать любое количество. При необходимости изменения какой-либо части сайта достаточно найти нужный файл шаблона и отредактировать его.
На этом создание динамических страниц окончено. Думаю вы поняли смысл и практичность динамических сайтов и на основе примера сможете создать большой проект. Да и не забывайте комментировать Ваш код — это очень важно друзья! Удачи Вам!
P.S. Небольшие изменения от 06.07.2019 года:
Так как программирование развивается всегда поэтому и программист должен развиваться со скоростью света.
Табличная верстка показанная выше в наше время мало применяется на практике и необходима только для изучения начинающим программистам.
Если вы хотите создавать новые и эффективные web-сайты, тогда рекомендуем использовать не табличную верстку, а блочную верстку. Рассмотрим подробнее.
Таблицы придуманы именно для вывода табличных данных, а не для разметки элементов страницы. То, что расположено в таблице:
может быть представлено в виде блочной (дивовой) верстки:
это занимает гораздо меньший объем дискового пространства.
Рассмотрим преимущества блочной верстки по сравнению с табличной:
- Существенное уменьшение размера страницы, как правило в 2–3 раза, что значительно уменьшает время загрузки web-сайта. При этом незначительно вырастет размер CSS-файла, но, благодаря тому, что он единожды кэшируется браузером юзера и при обращении к другим страницам считывается уже с его компьютера, в результате сайт грузится гораздо быстрее, чем табличный.
- Значительно удобнее менять оформление страниц сайта, вынесенное в CSS-файл. При этом практически отсутствует необходимость редактирования HTML-кода.
- Благодаря возможностям блочной верстки можно добиться того, что в коде сначала пойдет основной контент страницы, а только потом шапка, левая и/или правая колонки. При этом внешний вид страницы совершенно не изменится.
- Визуально приятна прозрачность кода блочной страницы – нет никаких нагромождений тегов, все очень красиво и компактно.
Генерация php динамической страницы
Приведите пример динамической страницы!
Пример №1 Динамическая страница:
Сейчас вы находитесь на странице — которая со 100% можно назвать динамической!
Потому, что всё окружение и сам контент загружается в одной точке по условию!
Многие сайты используют единая точка входа — это однозначный признак динамической страницы.
Пример №2 Динамическая страница:
Кроме признаков перечисленных в примере №1. — на главной. есть еще дополнительные признаки динамической страницы:
Последняя строка таблицы — отмечено: «Последняя опубликованная страница». Данная часть будут меняться всегда, когда :
Последняя страница будет удалена.
Либо новая страница будет добавлена.
+ Следующий пункт — «Последнее видео» работает аналогично!
Пример №3 Динамическая страница:
Вообще. все страницы на данном сайте можно смело перечислить к динамическим.
Кроме тех страниц, которые были сделаны специально статичными
Чем отличаются статичные страницы от динамичных страниц?
Если мы посмотрим на статичную страницу — это статичная страница, на которой весь код — принадлежит данной странице!
И вот представьте, что таких страниц 50.000 и чтобы изменить(например) меню, либо какю-то другую часть страницы, вам придется изменять все 50.000 — поверьте мне! Я проходил через это! Это ад смайлы !
И теперь, посмотрим на эту страницу и на этот обновленный сайт, на котором 0 страниц (даже это число динамическое), все кроме уникального контента — всё загружается с нескольких страниц!(одна отвечает за каркас, вторая за php(еще пара дополнительных))
И достаточно изменить какие-то данные на этих страницах и весь сайт и все страницы изменятся !
Для редактирования всего окружения и контента у меня есть самописная админка. Как-то я делал экскурсию по ней
Как сделать динамическую страницу через php
Когда вы впервые встречаетесь с необходимостью сделать динамическую страницу, то вы наверняка сделаете, что-то похожее на это(используем php include):
Динамическая страница с помощью include
Когда ваш сайт будет распухать от кода(нужного/ненужного), то вы придете к мысли, что для каждой категории содержания будет отдельный файл.
Код динамической страницы через php
Главная страница, на которую будут подключаться другие страницы
В далее приведенном примере используется таблица table — у неё есть свои плюсы и минусы.
Рекомендую вместо table использовать div(Здесь придется разбираться с позиционированием блоков.)
Динамические страницы в PHP
Динамическая страница — это PHP скрипт, который в зависимости от URL отображает разный контент.
В этом уроке мы сделаем такую страницу с помощью GET-параметров.
Создание динамической страницы
Чтобы показывать пользователю разные страницы, сначала нужно подготовить контент для каждой из них. Пусть все страницы лежат в двумерном массиве:
'Создание динамических страниц', 'content' => 'Текст статьи про динамические страницы.' ], [ 'title' => 'Как поймать котёнка', 'content' => 'Текст статьи про котят.' ] ];
Контент готов, теперь определимся с навигацией по страницам.
Представим, что URL нашего скрипта /index.php . Нам необходимо сделать уникальный URL для каждой страницы.
Для этого мы добавим в URL GET-параметр под названием id, который будет содержать в себе номер статьи. Например /index.php?id=5 будет означать, что нужно отобразить пятую статью.
В качестве номеров мы можем использовать ключи массива со статьями. У нас ведь сейчас есть 2 статьи, одна с индексом 0, другая с индексом 1, верно?
Array ( [0] => Array ( [title] => Создание динамических страниц [content] => Текст статьи про динамические страницы. ) [1] => Array ( [title] => Как поймать котёнка [content] => Текст статьи про котят. ) )
Вот эти числа у нас и будут идентификаторами. Теперь напишем простенькое меню с новыми URL-адресами:
В коде выше мы выводим ссылку на главную статью и по персональной ссылке для каждой статьи.
Теперь нам нужно при наличии GET-параметра id отобразить контент соответствующей статьи. Сам id у нас лежит в переменной $_GET[‘id’] .
Получить статью по id очень просто:
$article = $articles[$_GET['id']]; echo $article['title'];
Т.е. мы по идентификатору статьи получаем массив с этой самой статьёй.
Далее есть смысл добавить 2 условия: на наличие id в URL и на существование статьи с конкретным id. Если id нет — тогда укажем, что это главная страница, а если id есть, но некорректный — можно показать сообщение с ошибкой:
Главная'; // Если id есть, но нет статьи с таким id - показываем ошибку elseif(!isset($articles[$_GET['id']])) echo 'Ошибка: страница не существует.
'; // Если id есть и статья с таким id существует - выводим статью else < $article = $articles[$_GET['id']]; echo '' . $article['title'] . '
'; echo '' . $article['content'] . '
'; >
Динамическая страница готова! Ещё раз весь код:
'Создание динамических страниц', 'content' => 'Текст статьи про динамические страницы.' ], [ 'title' => 'Как поймать котёнка', 'content' => 'Текст статьи про котят.' ] ]; ?> Главная
$article): ?> ">
Главная'; // Если id есть, но нет статьи с таким id - показываем ошибку elseif(!isset($articles[$_GET['id']])) echo 'Ошибка: страница не существует.
'; // Если id есть и статья с таким id существует - выводим статью else < $article = $articles[$_GET['id']]; echo '' . $article['title'] . '
'; echo '' . $article['content'] . '
'; >
Теперь вы можете создавать динамические сайты, на которых количество страниц зависит только от количества элементов массива, и никаких десятков html-файлов. 🙂
Если на сайте должны быть разные типы страниц, например статья и товар, можно добавить ещё один GET-параметр, отвечающий за тип страницы: /index.php?type=article&id=5 .
Конечно, эта система не идеальна. Гораздо интересней смотрелись бы URL вида /articles/5 или /dinamicheskie-stranicy-v-php (как у статьи, которую вы сейчас читаете).
В ближайшее время я добавлю новую статью про полноценное ЧПУ (человеко-подобные URL) и подробно объясню, как это делается.
Создание страниц PHP – печатаем сайт налету!
От автора: вы когда-нибудь наблюдали за работой талантливых писателей? У меня есть один знакомый из «таких». Свои произведения он печатает на машинке: считает, что компьютер не способен принять всю «полноту его мыслей». А я ему в ответ говорю, что он так же, как и любая программа, всего лишь умело манипулирует строковыми значениями переменных. В общем, каждый остался при своем мнении. Сегодня мы рассмотрим создание страниц PHP, чтобы доказать, что этот язык программирования обладает огромным талантом.
Динамический талант
На проявление таланта любого автора (знаю по себе) могут влиять множество «сопутствующих» факторов: собственное настроение, погода и другие «ненастья». Но PHP «наплевать» на погоду за окном или ворчание жены за поломанный кран :). Он выполняет заложенный в него код. Причем делает это не просто так, а динамично: формируя (собирая) страницы налету.
Сегодня я постараюсь на несложны примерах продемонстрировать часто применяемые методы реализации динамичности на основе PHP:
Использование одного шаблона для создания нескольких веб-страниц.
Интеграция кода PHP в HTML.
Онлайн курс «PHP-разработчик»
Изучите курс и создайте полноценный проект — облачное хранилище файлов
С нуля освоите язык программирования PHP, структурируете имеющиеся знания, а эксперты помогут разобраться с трудными для понимания темами, попрактикуетесь на реальных задачах. Напишете первый проект для портфолио.
Начнем рассмотрение динамического создания страниц на PHP c последнего пункта. Поскольку для изучения первых двух требуется знание третьего. Стартуем!
Разметка основного примера
Сейчас за пару минут «набросаю» разметку самой простой страницы на HTML без особых «изысков».