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

Урок 134 из 348
Автор: Денис Котлярчук
Сложность урока:
3 уровень - средняя сложность. Необходимо внимание и немного подумать.
3 из 5
Дата изменения: 24.11.2020
Просмотров: 43002
Ограничения по редакциям: Ограничений нет

  Создаем новостной раздел

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

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

    Подробнее...
    разместите на странице компонент Новости (мы рассматривали размещение компонента в предыдущих уроках):

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

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

    Подробнее...
    Новости и выбираем инфоблок, содержащий новости.

  4. На этом всё! Система автоматически создаст страницу со списком новостей:

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

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

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

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

  1. Создайте страницу для списка новостей (например, list.php);
  2. Разместите на ней компонент ;

    Этот компонент выводит на странице заголовок, текст анонса и другую информацию (в зависимости от настроек). Каждый элемент списка новостей - ссылка на просмотр подробной информации;

  3. Теперь создайте страницу для подробной информации об отдельной новости (например, detail.php);
  4. Разместите на этой странице компонент ;
  5. На странице со списком новостей (list.php в нашем случае) настроим ссылки для перехода к отдельной новости (на страницу detail.php). В настройках компонента Список новостей нас интересует группа параметров Шаблоны ссылок. Зададим адрес нужной нам страницы (detail.php), а также параметр (ELEMENT_ID). Этот параметр будет содержать в себе код той новости, которая была выбрана пользователем:

    detail.php?ELEMENT_ID=#ELEMENT_ID#

  6. Теперь настроим страницу отдельной новости (detail.php). В компоненте Новость отдельно в блоке Шаблоны ссылок зададим параметр URL страницы просмотра списка элементов :

    Это поможет нам возвращаться к списку новостей. В группе Основные параметры зададим параметр ID новости ;

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

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

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

  Заключение

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

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


Курсы разработаны в компании «1С-Битрикс»
Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

Мы благодарны Вам за помощь в улучшении документации.

Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас