Рендеринг

Рендеринг в фреймворке FCF основан на собственном шаблонизаторе, который объединяет в себе описание HTML шаблона (подобного PHP, но с использованием JavaScript), методику предварительной обработки аргументов шаблона и их перегрузку и возможность наследования. Сами шаблоны имеют программный экземпляр на стороне браузера, именуемым враппером, который выполняет заложенные действия шаблона. Так же, каждый шаблон имеет встроенный механизм персональной обработки на сервере используя файлы *.receive.js.

Каждый шаблон может состоять из 4-х файлов.

  • [TEMPLATE_NAME].tmpl - Файл шаблона в нем описываются правила рендеринга, объявляются аргументы шаблона и определяются его опции. Данный файл является основным и его наличие обязательно, в отличие от остальных файлов.
  • [TEMPLATE_NAME].wrapper.js - Файл враппера/обработчика действий на клиенте.
  • [TEMPLATE_NAME].hooks.js - Файл хуков шаблона. Содержит в себе функции обработки и подготовки аргументов шаблона
  • [TEMPLATE_NAME].receive.js - Файл обработки запросов враппером на стороне сервера. Заменяет собой REST API и позволяет инкапсулировать функционал шаблона

Что бы создать файлы шаблона можно воспользоваться плагинами SublimeFCFPlugin, VSCodeFCFFramework (Пункт контекстного меню FCF->New template ) или воспользоваться программой fcfmngr

fcfmngr create template [TEMPLATE_NAME] [SUPER_TEMPLATE]

TEMPLATE_NAME - Имя нового шаблона

SUPER_TEMPLATE - Путь к базовому шаблону, от которого будет наследоваться новый. Необязательный параметр

Во вложенных страницах документации вы более подробно познакомитесь с устройством шаблонов и их рендерингом.