Это старая версия документа!

Содержание

5.0 Файлы и директории приложения
8.7. Файл install.php
- Файл install_test.php
  - tpl дирректория и шаблоны
- Файл install.php
Обсуждение

Краткое содержание

5.0 Файлы и директории приложения

Расмотрим примерную структуру нашего будущего приложения установки (названия директорий произвольное, но проще использовать понятные или традиционные, чтобы не запутаться, например: user - в переводе «пользователь», install - «установка», readme - «прочти меня», user_login - «пользователь_авторизация» и т.д.). Ниже приведена предварительной схема файлов и директорий приложения install нашей будущей CMS.

./ucms/

includes

config.ini

cons.php

demo

function.php

library

install

css

install.css

js

install.js

tpl

tpl_install_header.php

tpl_install_footer.php

pages

account_settings.php

database_options.php

installation_progress.php

lang_and_time_zone.php

module_help.php

options.php

server_check.php

setting.php

install.php

help.txt

version.txt

8.7. Файл install.php

Файл install.php будет являтся главным файлом установщика нашего приложения. В этот файл уже будут подключаться другие файлы и стили.

Файл install_test.php

Создадим в директории /install временную директорию для хранения тестовых файлов /test. Создадим в директории /install новый тестовый файл install_test.php и записываем в него следубщий код:

install_test.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>

Отобразим файл install_test.php в веб - браузере перейдя по ссылке http://localhost/ucms/library/install/install_test.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 в новой директории.

В файл 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

Открываем в Notepad++ наш ранее созданный файл 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 перейдя по ссылке http://localhost/ucms/library/install/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 →

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

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

software/development/demo/cms/ucms/creating_install_php.1777789358.txt.gz · Последнее изменение: 2026/05/03 09:22 — 127.0.0.1

Только авторизованные участники могут оставлять комментарии.