Работа с компонентами CMS 1С-Битрикс

"1С-Битрикс: Управление сайтом" - профессиональная система управления содержимым сайта, универсальный программный продукт для создания и поддержки:

корпоративных сайтов, интернет-магазинов, информационных порталов, сайтов сообществ,

социальных сетей и других веб-проектов.

Компонент - специальная программная оболочка, позволяющая визуальными средствами системы вставлять и настраивать программный код в шаблон сайта или на его страницы. Компонент предназначен для вывода динамической информации из Базы данных сайта.

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

Виды компонентов

Компоненты делятся на простые (одностраничные) и комплексные (многостраничные).

С точки зрения структуры и способов подключения простые и комплексные компоненты очень похожи. Но с точки зрения функционирования они сильно отличаются.

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

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

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

Комплексные компоненты разрешают следующие проблемы:

• Отпадает необходимость создания большого числа статических страниц для размещения всех требуемых подкомпонентов.
• Отпадает необходимость отдельно настраивать для каждого из подкомпонентов общие (пересекающиеся) свойства (например, тип инфоблока и инфоблок).
• Происходит установление сложных взаимосвязей между подкомпонентами. Например, нет необходимости для страницы со списком сообщений темы форума настраивать, как эта страница может указать на страницу списка тем форума, а как на страницу профиля посетителя.
• В компонент (даже с кастомизированными шаблонами вывода) можно добавить новую страницу. Например, если на форуме появится страница (подкомпонент) по выводу 10 посетителей с самым высоким рейтингом, то эта страница станет доступной и в публичной части.
• Можно сменить шаблон вывода всего комплексного компонента одним действием, а не настраивать вывод каждого из подкомпонентов.

Алгоритм работы комплексного компонента таков:

1. На основании действий посетителя сайта (например, переход по пунктам меню) комплексный компонент определяет, какая страница должна быть показана пользователю, и подключает свой шаблон компонента для этой динамической страницы;
2. Шаблон страницы подключает обычные компоненты, автоматически настраивая необходимым образом их свойства;
3. Обычные компоненты выполняют свою работу: запрашивают данные у ядра системы, форматируют их и выводят посетителю, а также предоставляют пользователю различные элементы управления (ссылки, формы, кнопки и т.п.);
4. Пользователь с помощью каких-либо элементов управления, посылает новый запрос комплексному компоненту.

Панель компонентов в визуальном редакторе

Для быстрого размещения компонентов на странице разработан интерфейс на базе визуального HTML-редактора.

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

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

Если вам нужно найти какой-то конкретный компонент, но вы не хотите самостоятельно искать его в списках, вы можете найти его, используя функцию Поиск компонентов.

Размещение компонента

При создании/редактировании страницы с помощью визуального HTML-редактора можно выбрать подходящий компонент из списка и переместить его в рабочую область страницы.

Настройки компонента из визуального редактора

Вызвать настройки выбранного компонента, можно двумя способами: 1. Воспользоваться пунктом меню Свойства для выбранного компонента в нижней части редактора, либо 2. Дважды кликнуть на иконке компонента в рабочей области страницы. После чего откроется форма Параметры компонента.

В данной форме можно выделить три основные области:

1. Группы настройки компонента

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

1. Область редактирования параметров

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

• выбор элемента из выпадающего списка; (для некоторых полей типа Выпадающий список возможен выбор значения (другое)–>. В этом случае необходимо ввести код в поле, расположенное рядом)
• выбор нескольких элементов из множественного списка (удерживая нажатой клавишу Ctrl);
• снятие или отметка некоторой опции (поле типа CheckBox);
• ввод информации в текстовую строку.

1. Справка

Справка необходима для того, чтобы избежать ошибок при изменении параметров компонента. Она вызывается при наведении курсора мыши на значок , находящийся рядом с полем и отображает подсказки по заполнению полей.

Кроме того, параметры компонента могут быть настроены непосредственно в режиме редактирования исходного кода страницы: кнопка на панели инструментов визуального HTML-редактора.

Настройки компонента из рабочего поля

• Для того, чтобы изменить параметры компонента из рабочего поля страницы нужно установить курсор на область компонента, размещенного в рабочей области страницы и в появившейся панели выбрать пункт Редактировать параметры компонента;
• Использовать диалог Параметры компонента, который можно вызвать, дважды кликнув на иконке компонента в рабочей области страницы.

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

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

Управление компонентами

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

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

Редактировать шаблон компонента – редактирование текущей страницы шаблона. Команда отображается, если применен пользовательский шаблон. По нажатии происходит переход к редактированию шаблона.

Отключить компонент – сделать компонент неактивным. Данные, выводимые компонентом, не отображаются в рабочей области, пока пользователь не решит включить его.

Обновить кэш компонента – обновление информации, содержащейся в кэше компонента.

Параметры компонентов

Для удобства настройки компонента его параметры разделены по группам, причем каждому компоненту присущ свой набор групп параметров.

При настройке параметров можно не сразу настраивать все параметры. Сперва можно настроить основные параметры, требующие более тщательной настройки, без которых работа компонента невозможна или будет осуществляться с ошибками. Затем, оценив внешний вид выводимой информации, можно перейти к настройке дополнительных параметров и параметров внешнего вида.

Рассмотрим наиболее встречающиеся группы параметров компонентов:

Шаблон компонента

В данной группе доступен одноименный параметр Шаблон компонента, отвечающий за внешний вид отображаемых данных. Большинство компонентов имеют только один шаблон .default, используемый по умолчанию, и, следовательно, никаких настроек производить не нужно.

Если для компонента доступно несколько шаблонов, то следует выбрать нужный в выпадающем списке (например, для комплексного компонента Каталог дополнительно доступны встроенные шаблоны offers и properties или же разработчик сайта создал собственный шаблон). Учтите, что при смене шаблона изменится внешний вид создаваемой страницы сайта.

Основные параметры и Источник данных

В группах параметров Основные параметры и/или Источник данных (например, для компонентов веб-форм) задается источник публикуемых данных (инфоблок, форумы, веб-форма, опрос и т.д.). В некоторых случаях источник следует задавать с помощью кода, в котором передается идентификатор элемента данных.

Также в группе параметров Источник данных для многих компонентов задаются параметры сортировки разделов и элементов данных (следует выбрать по какому признаку и как сортируются данные).

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

Шаблоны ссылок

Данная группа параметров предназначена для настройки адресов к связанным компонентом страницам сайта.

Управление адресами страниц

Группа параметров Управление адресами страниц встречается только в комплексных компонентах и в следующих одностраничных: Список своих элементов, Заполнение веб-формы,Просмотр результата, Редактирование результата и Список результатов. В группе выполняется настройка поддержки режима ЧПУ.

При включении режима ЧПУ задается папка, с которой работает компонент, и настраиваются шаблоны адресов страниц. В противном случае, задаются имена переменных и идентификаторы для управления страницами.

Управление режимом AJAX

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

Параметры режима AJAX настраиваются в зависимости от отображаемых данных компонентом.

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

В компонентах есть встроенная поддержка кеширования. Для тех компонентов, для которых возможно кеширование, в наборе параметров отражаются настройки кеширования.

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

Дополнительные настройки

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

ЛЕКЦИЯ 8