Примеры работы с компонентами

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

Пример работы с компонентами: создаем новостной раздел

В этом нам поможет комплексный компонент . Выполним несколько простых шагов:

Создайте новую страницу , которую мы будем использовать для отображения новостей (мы рассматривали создание страниц в предыдущих уроках);
С помощью визуального редактора Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода.

Подробнее... разместите на странице компонент Новости (мы рассматривали размещение компонента в предыдущих уроках):
Произведите базовую настройку компонента (нам понадобится только группа Основные параметры, все остальные параметры оставьте как есть):

Указываем тип инфоблока Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных

Подробнее... Новости и выбираем инфоблок, содержащий новости.
На этом всё! Система автоматически создаст страницу со списком новостей:

и страницу для каждой новости:

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

Создание новостного раздела с помощью простых компонентов (для ознакомления)
В качестве дополнительного примера рассмотрим публикацию новостей с помощью простых компонентов. Этот процесс сложнее, мы будем создавать несколько страниц и производить дополнительные настройки. Кроме того, обратим внимание, что новостной инфоблок у нас простой, без разделов (этот момент влияет на построение шаблонов ссылок). Создайте страницу для списка новостей (например, list.php); Разместите на ней компонент ; Этот компонент выводит на странице заголовок, текст анонса и другую информацию (в зависимости от настроек). Каждый элемент списка новостей - ссылка на просмотр подробной информации; Теперь создайте страницу для подробной информации об отдельной новости (например, detail.php); Разместите на этой странице компонент ; На странице со списком новостей (list.php в нашем случае) настроим ссылки для перехода к отдельной новости (на страницу detail.php). В настройках компонента Список новостей нас интересует группа параметров Шаблоны ссылок. Зададим адрес нужной нам страницы (detail.php), а также параметр (ELEMENT_ID). Этот параметр будет содержать в себе код той новости, которая была выбрана пользователем: `detail.php?ELEMENT_ID=#ELEMENT_ID#` Теперь настроим страницу отдельной новости (detail.php). В компоненте Новость отдельно в блоке Шаблоны ссылок зададим параметр URL страницы просмотра списка элементов : Это поможет нам возвращаться к списку новостей. В группе Основные параметры зададим параметр ID новости ; Помните мы задавали параметр для списка новостей, который содержал код выбранной новости? Здесь мы получаем этот параметр и запрашиваем в базе данных содержание этой новости. В итоге получаем вот такой результат. Страница со списком новостей: Страница детального просмотра новости:

Создание новостного раздела с помощью простых компонентов (для ознакомления)

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

Создайте страницу для списка новостей (например, list.php);
Разместите на ней компонент ;
Этот компонент выводит на странице заголовок, текст анонса и другую информацию (в зависимости от настроек). Каждый элемент списка новостей - ссылка на просмотр подробной информации;
Теперь создайте страницу для подробной информации об отдельной новости (например, detail.php);
Разместите на этой странице компонент ;
На странице со списком новостей (list.php в нашем случае) настроим ссылки для перехода к отдельной новости (на страницу detail.php). В настройках компонента Список новостей нас интересует группа параметров Шаблоны ссылок. Зададим адрес нужной нам страницы (detail.php), а также параметр (ELEMENT_ID). Этот параметр будет содержать в себе код той новости, которая была выбрана пользователем:
detail.php?ELEMENT_ID=#ELEMENT_ID#
Теперь настроим страницу отдельной новости (detail.php). В компоненте Новость отдельно в блоке Шаблоны ссылок зададим параметр URL страницы просмотра списка элементов :
Это поможет нам возвращаться к списку новостей. В группе Основные параметры зададим параметр ID новости ;

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

В итоге получаем вот такой результат. Страница со списком новостей:

Страница детального просмотра новости:

Заключение

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

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

Назад в раздел

Подписаться на новые материалы раздела:

Загрузка...