software:development:demo:cms:ucms:creating_install
Различия
Показаны различия между двумя версиями страницы.
| Следующая версия | Предыдущая версия | ||
| software:development:demo:cms:ucms:creating_install [2025/04/26 17:10] – создано vladpolskiy | software:development:demo:cms:ucms:creating_install [2025/05/04 17:20] (текущий) – внешнее изменение 127.0.0.1 | ||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | ====== 8.2. Файл install.php ====== | + | ====== 8.7. Файл install.php ====== |
| - | Файл install.php будет являтся главным файлом установщика нашего приложения. В этот файл уже будут подключаться другие файлы и стили. | + | Файл install.php будет являтся главным файлом установщика нашего приложения. В этот файл уже будут |
| - | <code php install.php> | + | подключаться другие файлы и стили. |
| + | |||
| + | ===== Файл test_5.php ===== | ||
| + | |||
| + | В директорию **test** добавим новый тестовый файл test_5.php и записываем в него следубщий код: | ||
| + | <code php test_5.php> | ||
| < | < | ||
| " | " | ||
| Строка 7: | Строка 12: | ||
| < | < | ||
| <meta http-equiv=" | <meta http-equiv=" | ||
| - | < | + | < |
| + | < | ||
| + | эти стили нужны только в этом файле. После установки приложения эта папка | ||
| + | будет удалена. --> | ||
| <style type=" | <style type=" | ||
| - | .color_block | + | .block_install { |
| - | border: 2px #808080 solid; /* Параметры рамки */ | + | width: 700px; /* Ширина содержимого в рамке */ |
| + | |||
| + | position: absolute; | ||
| + | left: 0; /* Положение от левого края */ | ||
| + | right: 0; /* Положение от правого края */ | ||
| + | margin: auto; /* Отступы вокруг элемента */ | ||
| + | |||
| + | } | ||
| + | | ||
| + | border: 2px #808080 solid; /* Параметры рамки: ширина, | ||
| background: #e3ffec; /* Цвет фона */ | background: #e3ffec; /* Цвет фона */ | ||
| + | border-radius: | ||
| + | padding: 10px; /* со всех сторон отступ 10px */ | ||
| + | box-shadow: | ||
| } | } | ||
| - | em.bt, em.bt b, em.bb, em.bb b { | + | .block_install_name |
| - | | + | font-size: 18px; /* Размер текста */ |
| - | height: 10px; /* Высота уголка */ | + | font-style: italic; /* Наклонный текст */ |
| - | font-size: 0; /* Размер шрифта */ | + | |
| - | | + | |
| - | | + | |
| } | } | ||
| - | em.bt { | + | .footer_install |
| - | | + | |
| - | | + | font-size: 14px; /* Размер текста */ |
| + | font-style: | ||
| + | font-weight: | ||
| + | | ||
| } | } | ||
| - | em.bt b { | + | .table_block_install{ |
| - | | + | padding: 0px 0px 0px 300px; /* отступ блока вправо*/ |
| - | left: 4px; /* Сдвигаем вправо */ | + | |
| } | } | ||
| - | em.bb { background-position: 0 -20px; top: 2px; left: -2px; } | + | </ |
| - | em.bb b { background-position: 100% -30px; left: 4px; } | + | < |
| - | .color_block .block_content | + | </ |
| - | | + | < |
| + | < | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | < | ||
| + | <div class=" | ||
| + | Установка UCMS Demo | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | PHP-версия | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | Apache web server | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | <p class=" | ||
| + | Более подробную информацию о необходимых модулях можно найти на | ||
| + | <a href=" | ||
| + | </ | ||
| + | < | ||
| + | Невозможно продолжить. Исправьте ошибки и попробуйте еще раз. | ||
| + | < | ||
| + | <a href=" | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | <div class=" | ||
| + | < | ||
| + | Author: | ||
| + | <a href=" | ||
| + | <a href=" | ||
| + | – Ver: 1.2.10 | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | Отобразим файл test_5.php в веб - браузере | ||
| + | |||
| + | {{: | ||
| + | |||
| + | В данном примере мы разработали шаблон страницы **установщика**, | ||
| + | HTML и стилей CSS. В нем прописан код, разобранный в придыдущих главах. При жедании ознакомиться с | ||
| + | версткой сайта предгается прочитать краткое руководство по [[software: | ||
| + | |||
| + | Наше же приложение будет разделено на 3 части и будет иметь: | ||
| + | | ||
| + | - " | ||
| + | - " | ||
| + | |||
| + | ==== tpl дирректория и шаблоны ==== | ||
| + | Создадим в директории **./ | ||
| + | так-же два файла **tpl_install_header.php** и **tpl_install_footer.php** в новой директории. | ||
| + | |||
| + | В файл **tpl_install_header.php** вынесем из файла **test_5.php** код от начала страницы до конца | ||
| + | комментария\\ | ||
| + | |||
| + | <code php tpl_install_header.php> | ||
| + | < | ||
| + | " | ||
| + | <html xmlns=" | ||
| + | < | ||
| + | <meta http-equiv=" | ||
| + | < | ||
| + | < | ||
| + | эти стили нужны только в этом файле. После установки приложения эта папка | ||
| + | будет удалена. --> | ||
| + | <style type=" | ||
| + | | ||
| + | width: 700px; /* Ширина содержимого в рамке */ | ||
| + | |||
| + | | ||
| + | left: 0; /* Положение от левого края */ | ||
| + | right: 0; /* Положение от правого края */ | ||
| + | margin: auto; /* Отступы вокруг элемента */ | ||
| + | |||
| + | } | ||
| + | | ||
| + | border: 2px #808080 solid; /* Параметры рамки: ширина, | ||
| + | background: #e3ffec; /* Цвет фона */ | ||
| + | border-radius: 5px; /* закругленные края рамки */ | ||
| + | padding: 10px; /* со всех сторон отступ 10px */ | ||
| + | box-shadow: | ||
| + | } | ||
| + | .block_install_name | ||
| + | font-size: 18px; /* Размер текста */ | ||
| + | font-style: italic; /* Наклонный текст */ | ||
| + | font-weight: 700; /* Жирный текст */ | ||
| + | color: #808080; /* Цвет текста */ | ||
| + | } | ||
| + | .footer_install | ||
| + | | ||
| + | font-size: 14px; /* Размер | ||
| + | font-style: | ||
| + | font-weight: | ||
| + | color: #808080; /* Цвет текста */ | ||
| + | } | ||
| + | | ||
| + | padding: 0px 0px 0px 300px; /* отступ блока вправо*/ | ||
| } | } | ||
| </ | </ | ||
| + | < | ||
| </ | </ | ||
| < | < | ||
| - | < | + | < |
| - | <em class=" | + | < |
| - | <div class=" | + | <div class=" |
| - | Чтобы изготовить пугало | + | |
| - | | + | <div class=" |
| - | и убегают. И хотя у пугала нет никаких намерений, олень не | + | |
| - | подойдет к нему близко. Так пугало выполняет свое назначение, | + | </ |
| - | и поэтому | + | < |
| - | </div> | + | < |
| - | <em class="bb">< | + | </ |
| - | | + | |
| + | В файл **tpl_install_footer.php** вынесем | ||
| + | комментария\\ | ||
| + | |||
| + | |||
| + | <code php tpl_install_footer.php> | ||
| + | < | ||
| + | |||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | <p> | ||
| + | Author: | ||
| + | <a href="mailto: | ||
| + | <a href=" | ||
| + | – Ver: 1.2.10 | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| </ | </ | ||
| </ | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | ===== Файл install.php ===== | ||
| + | Открываем наш ранее созданный файл **install.php** и записываем в него три строчки кода PHP. | ||
| + | |||
| + | <code php install.php> | ||
| + | <?php include " | ||
| + | |||
| + | <?php include " | ||
| + | |||
| + | <?php include " | ||
| + | </ | ||
| + | |||
| + | Данный код мы рассмартивали ранее и нет необходимости повторяться. Функция **%%include%%** подчключает данные | ||
| + | из трех файлов по очереди. Вторым по очереди идет ранее созданный в главе [[software: | ||
| + | |||
| + | Откроем в браузере Файл **install.php** | ||
| + | |||
| + | {{: | ||
| + | |||
| + | Мы видем, что файлы **tpl_install_header.php** и **tpl_install_footer.php** создали обертку для нашего **lang_and_time_zone.php** файла. | ||
| + | |||
| + | Из файла **tpl_install_header.php** удалим файлы стилей и подключим внешний файл стилей Файл **install.css** установщика в | ||
| + | директории **/css/**. Наши стиль окна исчезднет, | ||
| + | |||
| + | <code php tpl_install_header.php> | ||
| + | < | ||
| + | <html xmlns=" | ||
| + | < | ||
| + | <meta http-equiv=" | ||
| + | < | ||
| + | < | ||
| + | install.css, | ||
| + | <link rel=" | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | < | ||
| + | <div class=" | ||
| + | Установка UCMS Demo | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| </ | </ | ||
| - | Главный компонент нашего файла - это окно. | + | |
| + | {{: | ||
| + | |||
| + | <note blue> | ||
| + | <wrap left>← [[software: | ||
| + | <wrap right> | ||
| + | </ | ||
software/development/demo/cms/ucms/creating_install.1745676601.txt.gz · Последнее изменение: — vladpolskiy