Фронт-энд: различия между версиями

Материал из Центр поддержки системы бронировании
Перейти к навигации Перейти к поиску
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
 
[[Категория:Термины]]
 
[[Категория:Термины]]
'''Фронт-энд''' - это страницы системы, отображаемые пользователям в процессе осуществления поиска, бронирования, оплаты, аннуляции и т.п. Фронт-энд не предоставляет пользователями возможностей изменения каких-либо настроек системы.
+
'''Фронт-энд''' это страницы системы, отображаемые пользователям в процессе осуществления поиска, бронирования, оплаты, аннуляции и т.п. Фронт-энд не предоставляет пользователями возможностей изменения каких-либо настроек системы.
  
== Макеты страниц в Nemo ==
+
== Макеты страниц в {{NameSystem}} ==
  
Макет страницы - это некая сущность, определяющая, какие данные будут отображаться на странице фронт-энда, построенной на основе данного макета, также задает HTML-верстку для размещения этих данных путем назначения шаблона каждому макету страницы. Для редактирования макетов страниц используется раздел '''«Управление контентом - Макеты страниц»'''.  
+
Макет страницы это некая сущность, определяющая, какие данные будут отображаться на странице фронт-энда, построенной на основе данного макета, также задает HTML-верстку для размещения этих данных путем назначения шаблона каждому макету страницы. Для редактирования макетов страниц используется раздел '''Управление сайтом → Nemo CMS → Макеты страниц'''.  
  
 
Для указания того, какие данные стоит выводить во фронт-энде, каждый макет страницы имеет связанный набор элементов. Макеты страниц имеют иерархическую структуру, что дает возможность администратору сформировать логическую структуру сайта, а также позволяет реализовать механизм наследования элементов по пути.  
 
Для указания того, какие данные стоит выводить во фронт-энде, каждый макет страницы имеет связанный набор элементов. Макеты страниц имеют иерархическую структуру, что дает возможность администратору сформировать логическую структуру сайта, а также позволяет реализовать механизм наследования элементов по пути.  
  
 
== Настройки макета страницы ==
 
== Настройки макета страницы ==
*'''Заголовок''' - заголовок макета страницы;
+
* {{Setting|Заголовок}} — заголовок макета страницы.
*'''Описание''' - описание макета страницы;
+
* {{Setting|Описание}} — описание макета страницы.
*'''Родитель''' - владелец страницы в иерархической структуре (используется для наследования элементов макетов страниц);
+
* {{Setting|Родитель}} — владелец страницы в иерархической структуре (используется для наследования элементов макетов страниц).
*'''Шаблон''' - шаблон HTML с версткой данного макета страницы;
+
* {{Setting|Шаблон}} — шаблон HTML с версткой данного макета страницы.
*'''Режим создания элементов страницы''' - при формировании выходного потока во фронт-энд на основе макета страницы сперва загружаются элементы всех макетов, начиная с корневого и до текущего, кроме тех, у которых данный параметр установлен в значение '''«Не наследовать далее»''', и лишь после этого - элементы текущего макета.
+
* {{Setting|Режим создания элементов страницы}} — при формировании выходного потока во фронт-энд на основе макета страницы сперва загружаются элементы всех макетов, начиная с корневого и до текущего, кроме тех, у которых данный параметр установлен в значение '''«Не наследовать далее»''', и лишь после этого элементы текущего макета.
*'''Включено''' - включить или выключить макет страницы.
+
* {{Setting|Включено}} — включить или выключить макет страницы.
  
 
При нажатии на заголовок макета в структуре, отображается список элементов данного макета.  
 
При нажатии на заголовок макета в структуре, отображается список элементов данного макета.  
Строка 22: Строка 22:
 
Макет страницы отвечает за формирование выходного HTML-потока во фронт-энд. Для этого применяется шаблон, в ключевые места которого макет страницы может разместить HTML-поток какого-либо элемента страницы и/или блока элементов.
 
Макет страницы отвечает за формирование выходного HTML-потока во фронт-энд. Для этого применяется шаблон, в ключевые места которого макет страницы может разместить HTML-поток какого-либо элемента страницы и/или блока элементов.
  
Для этого используются функции {cms_render_block id=ID блока} и {cms_render_element id=ID элемента}.
+
Для этого используются функции <syntaxhighlight lang="text" enclose="none" style="font-size: 1em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">{cms_render_block id=ID блока}</syntaxhighlight> и <syntaxhighlight lang="text" enclose="none" style="font-size: 1em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">{cms_render_element id=ID элемента}</syntaxhighlight>.
  
 
'''Пример шаблона макета страницы:'''
 
'''Пример шаблона макета страницы:'''
Строка 40: Строка 40:
 
</table></pre>
 
</table></pre>
  
<span style="color:#ff0000;">!</span> URL для доступа к фронт-энду из браузера имеет следующий формат:
+
{{AttentionBox|URL для доступа к фронт-энду из браузера имеет следующий формат: <syntaxhighlight lang="text" enclose="none" style="font-size: 1em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">http://sitedomain/index.php?go=content&page=ID[&param1=&...&paramN=]</syntaxhighlight>, где <syntaxhighlight lang="text" enclose="none" style="font-size: 1em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">ID</syntaxhighlight> — идентификатор макета страницы, который должен быть отображен (если он не задан, то используется значение по умолчанию), <syntaxhighlight lang="text" enclose="none" style="font-size: 1em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">sitedomain</syntaxhighlight> – домен, который задан в настройках агентства.}}
 
 
<pre>http://sitedomain/index.php?go=content&page=ID[&param1=&...&paramN=]</pre>
 
 
 
где ID- id макета страницы, который должен быть отображен (если он не задан, то используется значение по умолчанию) , sitedomain – домен, который задан в настройках агентства.
 
  
 
== Переменные и выражения, доступные в шаблонах макета страницы ==
 
== Переменные и выражения, доступные в шаблонах макета страницы ==
  
<table border="1">
+
{| collspadding="10" border="1" class="wikitable"
<tr bgcolor="#cccccc">
+
! Имя переменной !! Значение
<th> Имя переменной     </th><th> Значение   </th>
+
|-
 
+
| width="400" | {$site}
</tr>
+
| Настройки сайта
<tr>
+
|- 
<td > {$site} </td><td> Настройки сайта       </td>
+
| {$page}
</tr>
+
| Настройки макета страницы
<tr>
+
|-
<td> {$page}</td><td> Настройки макета страницы </td>
+
| {$title}
 
+
| Заголовок макета страницы
</tr>
+
|-
<tr>
+
| {$page_path}
<td>{$title} </td><td> Заголовок макета страницы </td>
+
| Массив настроек макетов страниц от корневого до текущего
</tr>
+
|-
<tr>
+
| {$elements}
<td>{$page_path} </td><td> Массив настроек макетов страниц от корневого до текущего </td>
+
| Массив настроек элементов текущей страницы с учетом наследования
 
+
|-
</tr>
+
| {$blocks}
<tr>
+
| Массив настроек блоков элементов сайта
<td>{$elements} </td><td> Массив настроек элементов текущей страницы с учетом наследования </td>
+
|-
</tr>
+
| {foreach from=$data item=field key=key}{$key}={$field}<br>{/foreach}
<tr>
+
| Вывод элементов массива (в шаблоне макета страницы для вывода всех полей настроек соответствующего объекта вместо “data” могут применяться “site”, “page”)
<td>{$blocks} </td><td> Массив настроек блоков элементов сайта </td>
+
|-
 
+
! colspan="2" | Настройки сайта
</tr>
+
|-
<tr>
+
| {$site.site_title}
<td>{foreach from=$data item=field key=key}{$key}={$field}&lt;br&gt;{/foreach}</td><td> Вывод элементов массива (в шаблоне макета страницы для вывода всех полей настроек соответствующего объекта вместо “data” могут применяться “site”, “page”)</td>
+
| Заголовок сайта
</tr>
+
|-
<tr bgcolor="#cccccc">
+
! colspan="2" | Настройки макета страницы
<th colspan="2">Настройки сайта </th>
+
|-
 
+
| {$page.page_title}
</tr>
+
| Заголовок шаблона страницы
<tr>
+
|-
<td>{$site.site_title} </td><td class="col1"> Заголовок сайта </td>
+
| {$page.page_description}
</tr>
+
| Описание шаблона страницы
<tr bgcolor="#cccccc">
+
|-
<th colspan="2">Настройки макета страницы </th>
+
| {$page.date_create}
</tr>
+
| Дата создания
 
+
|-
<tr>
+
| {$page.elements_count}
<td>{$page.page_title} </td><td> Заголовок шаблона страницы </td>
+
| Количество элементов
</tr>
+
|-
<tr>
+
| {$page.page_template}
<td>{$page.page_description} </td><td> Описание шаблона страницы </td>
+
| Шаблон
</tr>
+
|-
 
+
| {$page.template_title}
<tr>
+
| Заголовок шаблона
<td>{$page.date_create} </td><td> Дата создания </td>
+
|-
</tr>
+
|}
<tr>
 
<td>{$page.elements_count} </td><td>Количество элементов </td>
 
</tr>
 
 
 
<tr>
 
<td>{$page.page_template} </td><td> Шаблон </td>
 
</tr>
 
<tr>
 
<td>{$page.template_title} </td><td> Заголовок шаблона </td>
 
</tr>
 
 
 
</table>
 
  
 
== См. также ==
 
== См. также ==
[[Веб-страница]]
+
* [[Веб-страница]]

Текущая версия на 16:43, 11 сентября 2019

Фронт-энд — это страницы системы, отображаемые пользователям в процессе осуществления поиска, бронирования, оплаты, аннуляции и т.п. Фронт-энд не предоставляет пользователями возможностей изменения каких-либо настроек системы.

Макеты страниц в Nemo.travel

Макет страницы — это некая сущность, определяющая, какие данные будут отображаться на странице фронт-энда, построенной на основе данного макета, также задает HTML-верстку для размещения этих данных путем назначения шаблона каждому макету страницы. Для редактирования макетов страниц используется раздел Управление сайтом → Nemo CMS → Макеты страниц.

Для указания того, какие данные стоит выводить во фронт-энде, каждый макет страницы имеет связанный набор элементов. Макеты страниц имеют иерархическую структуру, что дает возможность администратору сформировать логическую структуру сайта, а также позволяет реализовать механизм наследования элементов по пути.

Настройки макета страницы

  • Заголовок — заголовок макета страницы.
  • Описание — описание макета страницы.
  • Родитель — владелец страницы в иерархической структуре (используется для наследования элементов макетов страниц).
  • Шаблон — шаблон HTML с версткой данного макета страницы.
  • Режим создания элементов страницы — при формировании выходного потока во фронт-энд на основе макета страницы сперва загружаются элементы всех макетов, начиная с корневого и до текущего, кроме тех, у которых данный параметр установлен в значение «Не наследовать далее», и лишь после этого — элементы текущего макета.
  • Включено — включить или выключить макет страницы.

При нажатии на заголовок макета в структуре, отображается список элементов данного макета.

Шаблоны макетов страниц

Макет страницы отвечает за формирование выходного HTML-потока во фронт-энд. Для этого применяется шаблон, в ключевые места которого макет страницы может разместить HTML-поток какого-либо элемента страницы и/или блока элементов.

Для этого используются функции {cms_render_block id=ID блока} и {cms_render_element id=ID элемента}.

Пример шаблона макета страницы:

<table width="100%" >
<tr>
<td colspan="3">{cms_render_block id=1}</td>
</tr>
<tr>
<td>{cms_render_element id=1}</td>
<td>{cms_render_element id=2}</td>
<td>{cms_render_element id=3}</td>
</tr>
<tr>
<td colspan="3">{cms_render_block id=2}</td>
</tr>
</table>
Внимание! URL для доступа к фронт-энду из браузера имеет следующий формат: http://sitedomain/index.php?go=content&page=ID[&param1=&...&paramN=], где ID — идентификатор макета страницы, который должен быть отображен (если он не задан, то используется значение по умолчанию), sitedomain – домен, который задан в настройках агентства.

Переменные и выражения, доступные в шаблонах макета страницы

Имя переменной Значение
{$site} Настройки сайта
{$page} Настройки макета страницы
{$title} Заголовок макета страницы
{$page_path} Массив настроек макетов страниц от корневого до текущего
{$elements} Массив настроек элементов текущей страницы с учетом наследования
{$blocks} Массив настроек блоков элементов сайта
{foreach from=$data item=field key=key}{$key}={$field}
{/foreach}
Вывод элементов массива (в шаблоне макета страницы для вывода всех полей настроек соответствующего объекта вместо “data” могут применяться “site”, “page”)
Настройки сайта
{$site.site_title} Заголовок сайта
Настройки макета страницы
{$page.page_title} Заголовок шаблона страницы
{$page.page_description} Описание шаблона страницы
{$page.date_create} Дата создания
{$page.elements_count} Количество элементов
{$page.page_template} Шаблон
{$page.template_title} Заголовок шаблона

См. также