Это старая версия документа!
8.7. Файл install.php
Файл install.php будет являтся главным файлом установщика нашего приложения. В этот файл уже будут подключаться другие файлы и стили.
Файл test_5.php
В директорию test добавим новый тестовый файл test_5.php и записываем в него следубщий код:
- test_5.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Установка UCMS Demo</title> <!-- Начало стилей установщика, мы не выносим стили в отдельный файл, т.к. эти стили нужны только в этом файле. После установки приложения эта папка будет удалена. --> <style type="text/css"> .block_install { width: 700px; /* Ширина содержимого в рамке */ position: absolute; /* Абсолютное позиционирование */ left: 0; /* Положение от левого края */ right: 0; /* Положение от правого края */ margin: auto; /* Отступы вокруг элемента */ } .block_window_install{ border: 2px #808080 solid; /* Параметры рамки: ширина, цвет, сплошная граница */ background: #e3ffec; /* Цвет фона */ border-radius: 5px; /* закругленные края рамки */ padding: 10px; /* со всех сторон отступ 10px */ box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5); /* тень вокруг элемента */ } .block_install_name { font-size: 18px; /* Размер текста */ font-style: italic; /* Наклонный текст */ font-weight: 700; /* Жирный текст */ color: #808080; /* Цвет текста */ } .footer_install { text-align: center; /* Раположение текста по центру */ font-size: 14px; /* Размер текста */ font-style: italic; /* Наклонный текст */ font-weight: 700; /* Жирный текст */ color: #808080; /* Цвет текста */ } .table_block_install{ padding: 0px 0px 0px 300px; /* отступ блока вправо*/ } </style> <!-- Конец стилей установщика --> </head> <body> <!-- Начало блока рамки установщика --> <div class="block_install"> <div class="block_window_install"> <!-- Начало блока названия программы --> <div class="block_install_name"> Установка UCMS Demo </div> <!-- Конец блока названия программы --> <!-- Начало блока вставки файлов программы --> <table> <tr> <td> PHP-версия </td> <td> <span class="table_block_install"><b>8.2.21</b>- ОК</span> </td> </tr> <tr> <td> Apache web server </td> <td> <span class="table_block_install"><b>Apache/2.4.58 (Unix)</b>- ОК</span> </td> </tr> </table> <!-- Конец блока вставки файлов программы --> <p class="hint"> Более подробную информацию о необходимых модулях можно найти на <a href="https://github.com/UniversalCMS-CE/" target="_blank">странице требований.</a> </p> <p> Невозможно продолжить. Исправьте ошибки и попробуйте еще раз. <!-- Кнопка обновления страницы, переход на саму себя --> <a href="./install.php">Обновить</a> </p> </div> <!-- Начало нижнего колонтитула --> <div class="footer_install"> <p> Author: <a href="mailto:PolskiyVN@gmail.com"> VladPolskiy</a> © 2024-2025 <a href="https://UniversalCMS-ce.ovh/" target="_blank"> UniversalCMS CE </a> – Ver: 1.2.10 </p> </div> <!-- Конец нижнего колонтитула --> </div> <!-- Конец блока рамки установщика --> </body> </html>
Отобразим файл test_5.php в веб - браузере
В данном примере мы разработали шаблон страницы установщика, написанный с помощью языка разметки HTML и стилей CSS. В нем прописан код, разобранный в придыдущих главах. При жедании ознакомиться с версткой сайта предгается прочитать краткое руководство по Адаптивной вёрстке сайта (теория и практика)
Наше же приложение будет разделено на 3 части и будет иметь:
- «Верхний колонтитул (голова)» файл tpl_install_header.php
- «Окно» где будут выводиться данные из других файлов.
- «Нижний колонтитул (подвал)» файл tpl_install_footer.php
tpl дирректория и шаблоны
Создадим в директории ./ucms/library/install/ вложенную директорию /tpl/ для наших шаблонов, а так-же два файла tpl_install_header.php и tpl_install_footer.php в новой директории