codeMG.ru

Главная 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.

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


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

Комментариев: 51

Оценка: 3.6НормальноНормальноНормальноНормальноНормально


  1. TzwSVsOw

    1/1/1970   7:00

  2. TzwSVsOw

    9/12/2025   2:55

    555

  3. TzwSVsOw

    9/12/2025   2:56

    555

  4. TzwSVsOw

    9/12/2025   2:56

    555

  5. TzwSVsOw

    9/12/2025   2:56

    555

  6. TzwSVsOw

    9/12/2025   2:56

    555

  7. TzwSVsOw

    9/12/2025   2:56

    555

  8. TzwSVsOw

    9/12/2025   2:56

    555

  9. TzwSVsOw

    9/12/2025   2:56

    555

  10. TzwSVsOw

    9/12/2025   2:56

    555

  11. TzwSVsOw

    9/12/2025   2:56

    555

  12. TzwSVsOw

    9/12/2025   2:56

    555

  13. TzwSVsOw

    9/12/2025   2:56

    555

  14. TzwSVsOw

    9/12/2025   2:56

    555

  15. TzwSVsOw

    9/12/2025   2:56

    555

  16. TzwSVsOw

    9/12/2025   2:56

    555

  17. TzwSVsOw

    9/12/2025   2:56

    555

  18. TzwSVsOw

    9/12/2025   2:56

    555

  19. TzwSVsOw

    9/12/2025   2:56

    555

  20. TzwSVsOw

    9/12/2025   2:56

    555

  21. TzwSVsOw

    9/12/2025   2:57

    555

  22. TzwSVsOw

    9/12/2025   2:57

    555

  23. TzwSVsOw

    9/12/2025   2:57

    555

  24. TzwSVsOw

    9/12/2025   2:57

    555

  25. TzwSVsOw

    9/12/2025   2:58

    555

  26. TzwSVsOw

    9/12/2025   2:58

    555

  27. TzwSVsOw

    9/12/2025   2:58

    555

  28. TzwSVsOw

    9/12/2025   2:58

    555

  29. TzwSVsOw

    9/12/2025   2:59

    555

  30. TzwSVsOw

    9/12/2025   2:59

    555

  31. TzwSVsOw

    9/12/2025   2:59

    555

  32. TzwSVsOw

    9/12/2025   2:59

    555

  33. TzwSVsOw

    9/12/2025   2:59

    555

  34. TzwSVsOw

    9/12/2025   2:59

    555

  35. TzwSVsOw

    9/12/2025   2:59

    555

  36. TzwSVsOw

    9/12/2025   2:59

    555

  37. TzwSVsOw

    9/12/2025   2:59

    555

  38. TzwSVsOw

    9/12/2025   2:59

    555

  39. TzwSVsOw

    9/12/2025   2:59

    555

  40. TzwSVsOw

    9/12/2025   2:59

    555

  41. TzwSVsOw

    9/12/2025   2:59

    555

  42. TzwSVsOw

    9/12/2025   2:59

    555

  43. TzwSVsOw

    9/12/2025   3:00

    555

  44. TzwSVsOw

    9/12/2025   3:00

    555

  45. TzwSVsOw

    9/12/2025   3:00

    555

  46. 1

    9/12/2025   3:00

    555

  47. @@b8ySr

    9/12/2025   3:00

    555

  48. TzwSVsOw

    9/12/2025   3:01

    555

  49. TzwSVsOw

    9/12/2025   3:01

    555

  50. TzwSVsOw

    9/12/2025   3:01

    1

  51. TzwSVsOw

    9/12/2025   3:01

    @@wESTB

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

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

    Оценка