Главная PHP Создание динамического сайта.



Создание динамического сайта.


Создание простого динамического веб сайта на php. Данный пример имеет преимущество перед статическим сайтом только в том, что при использовании шаблона его можно изменить дизайн только используя один файл и не надо обращаться к каждой странице, которых может быть тысячи.


Скачайте эту библиотеку PHPTemplate.rar распакуйте и установите в корневую папку на сервере. Этот файл будет подставлять в шаблон нужный контент и делать html-страницу.

Динамический сайт будем делать на примере этого статического сайта.

В папке assets создадим файл page.tpl - это будет шаблон для всех страниц сайта. Перенесём содержимое (index.html) статического сайта в page.tpl с небольшими изменениями.

assets/page.tpl


<?php header('Content-type: text/html; charset=utf-8')?>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8"/>
<title><?=$content["title"] ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="./assets/style.css" />
</head>
<body>
<header><a href="/"><img src="./assets/logo.png" title="Мой первый сайт" alt="Мой первый сайт"></a>
</header>
<div id="container">
<article>
<?=$content["text"] ?>
</article>
<aside>
<b>Меню</b>
<ul>
<li><a href="/">Главная</a></li>
<li><a href="./portfolio.php">Портфолио</a></li>
<li><a href="./contact.php">Контакты</a></li>

</ul>
</aside>
</div>
<footer><center>© 2022</center></footer>
</body>
</html>

Подчёркнутый код означает что там выполняется скрипт PHP. Первая сторчка устанавливает кодировку страницы, остальные – вставляют содержимое массива $content .

Обратите внимание что в меню мы ссылаемся на файлы php, html здесь не нужны.

Теперь нужно создать файл page.php который будет собирать страницы.

page.php


<?php
// подключаем библиотеку
include_once 'PHPTemplate.php';
// достаём шаблон
$tpl = new PHPTemplate('assets/page.tpl');
// передаём массив в шаблон
$tpl->set('content', $content);
// показываем содержимое
echo $tpl->fetch();
?>

Осталось создать страницы сайта.

index.php


<?php
$content["title"]="Создание динамического веб сайта с помощью php";
$content["text"]="Контент главной страницы";

// собираем страницу
include_once './page.php';
?>

Таким же образом создаём страницы portfolio.php и contact.php.

Должно получиться так.


Понравилась страница? Поделитесь ссылкой в социальных сетях. Поддержите проект!

Нет комментариев.



    Оставить комментарий

    Заполните все поля.

    Оценка