Блоги

Навигационные полоски

Работа с контентом в Liferay 7.2

Как я писал ранее, серьезным улучшениям в Liferay 7.2 подверглась работа с контентными страницами. Посмотрим как теперь можно создавать страницы и контент на них в новой версии портала.

Теперь при создании новой страницы у нас выбор между Widget Page (страница с портлетами, как это было всегда) и Standard Page. О как! Теперь новый способ является на самом деле "стандартным"!

После создания страницы мы попадаем в редактор страницы, который состоит из самой страницы и различных строительных блоков справа

Страница строится из секций. Есть наборы готовых секций (Header, Footer, контентные секции). Секции можно накидывать на страницу и менять друг относительно друга.

Секции состоят из блоков, заготовок (Fragment-ов), которые можно редактировать (изменять текст, вставлять картинки)

Если вдруг нужной секции нет - можно справа переключится в "Section Builder" - и там выбрать необходимый Layout

А потом накидать в него фрагменты (Basic Components) из доступного набора.

В принципе, никто не мешает на контентную страницу добавить и классический портлет (справа есть вкладка "Widgets" где доступны все портлеты).

Тем самым, работа по созданию новых страниц организуется таким образом, что верстальщик заранее подготавливает набор секций, лейаутов, фрагментов, а редактор контента просто накидывает их на страницу и меняет то, что ему разрешили менять (текст, картинки...). Интерфейс, максимально ориентированный именно на работу с контентом а не "администрирование".

После окончания редактирования можно опубликовать изменения и переключится из режима редактирования в режим просмотра страницы (или обратно)

Все, мы получили новую страницу.

Как это выглядит с точки зрения редактора контента - понятно. Теперь посмотрим как это выглядит с точки зрения верстальщика.

"Фрагмент" - это по сути дела набор HTML + CSS + JS + набор каких-то ресурсов (картинок). Для разработки собственных фрагментов и секций можно использовать встроенный в портал редактор фрагментов (в качестве бонуса - автоподсказки для специальных тегов Liferay)

Но можно работать и в любом, удобном редакторе. Для этого есть специальный набор команд generator-liferay-fragments, который представляет из себя генератор кода для Yeoman. С его помощью можно создать новый проект, импортировать из портала уже созданные фрагменты, создать новые, экспортировать их обратно в портал для использования. При этом работать с кодом в любой удобной среде с поддержкой контроля версий (например git) и всеми привычными "плюшками" разработки.

 

16.04.2019