worldwide open-source software

Инструменты пользователя

Инструменты сайта

Вы посетили: • creating_install
software:development:demo:cms:ucms:creating_install

Содержание

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 части и будет иметь:

  1. «Верхний колонтитул (голова)» файл tpl_install_header.php
  2. «Окно» где будут выводиться данные из других файлов.
  3. «Нижний колонтитул (подвал)» файл tpl_install_footer.php

tpl дирректория и шаблоны

Создадим в директории ./ucms/library/install/ вложенную директорию /tpl/ для наших шаблонов, а так-же два файла tpl_install_header.php и tpl_install_footer.php в новой директории.

В файл tpl_install_header.php вынесем из файла test_5.php код от начала страницы до конца комментария
<!-- Начало блока вставки файлов программы -->

tpl_install_header.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>
		<!--  Конец блока названия программы -->
		<!--  Начало блока вставки файлов программы -->

В файл tpl_install_footer.php вынесем из файла test_5.php код от комментария
<!-- Начало нижнего колонтитула --> до конца страницы

tpl_install_footer.php
		<!--  Конец блока вставки файлов программы -->
 
		</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>
</html>

Файл install.php

Открываем наш ранее созданный файл install.php и записываем в него три строчки кода PHP.

install.php
<?php include "tpl/tpl_install_header.php"; ?>
 
	<?php include "lang_and_time_zone.php"; ?>
 
<?php include "tpl/tpl_install_footer.php"; ?>

Данный код мы рассмартивали ранее и нет необходимости повторяться. Функция include подчключает данные из трех файлов по очереди. Вторым по очереди идет ранее созданный в главе 8.4. Файл lang_and_time_zone.php - файл выбора языка и часовой зоны .

Откроем в браузере Файл install.php

Мы видем, что файлы tpl_install_header.php и tpl_install_footer.php создали обертку для нашего lang_and_time_zone.php файла.

Из файла tpl_install_header.php удалим файлы стилей и подключим внешний файл стилей Файл install.css установщика в директории /css/. Наши стиль окна исчезднет, и будет занаво создан в главе 8.8. Файл install.css

tpl_install_header.php
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Установка UCMS CE</title>
    <!--  Начало стилей установщика, выносим стили в отдельный файл 
          install.css, который находиться в директории css	-->
  <link rel="stylesheet" type="text/css" href="css/install.css"> 
    <!--  Конец стилей установщика	-->
  </head>
  <body> 
    <!--  Начало блока рамки установщика -->
    <div class="block_install">
        <div class="block_window_install">
        <!--  Начало блока названия программы -->
            <div class="block_install_name">
        		Установка UCMS Demo
            </div>
		<!--  Конец блока названия программы -->
		<!--  Начало блока вставки файлов программы -->

← 8.6. Файл module_help.php 8.8. Файл install.css →

Помогите улучшить Страницу

Была ли эта страница полезна для вас?-11+1
Сообщить о проблеме с этим контентом:

software/development/demo/cms/ucms/creating_install.txt · Последнее изменение: — 127.0.0.1
Только авторизованные участники могут оставлять комментарии.
software/development/demo/cms/ucms/creating_install.txt · Последнее изменение: — 127.0.0.1