Теги: Фреймворк

Bootstrap 4. Компонент «Формы»

Компонент «Формы» — это набор CSS-классов, которые предназначены для оформления HTML форм: form-group, form-control, input-group, input-group-prepend, input-group-text, form-row, form-inline, invalid-feedback, valid-feedback, is-invalid, is-valid.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 3

По умолчанию адаптивные блоки визуально отображаются в том порядке, в котором они расположены в HTML коде. Изменить визуальный порядок следования адаптивного блока выполняется посредством класса order-{1…12}. Этот класс предназначен xs устройств. Для изменения порядка для sm, md, lg и xl используется…
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 2

Адаптивная сетка Bootstrap 4 построена на основе Flexbox. Основой сетки является класс row в качестве родительского контейнера для нескольких адаптивных блоков. Для класса row задано свойство display:flex, а дочерние элементы делят его пространство на части, но для разных разрешений экрана — по разному.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 1

Bootstrap 4 — это открытый и бесплатный HTML, CSS и JS фреймворк, который используется веб-разработчиками для быстрого создания адаптивных дизайнов сайтов. В сущности — это просто набор сss- и js-файлов. После подключения этих файлов к странице станут доступны большое количество готовых классов и компонентов.
Категория: Web-разработкаHTML и CSS

Магазин на Yii2, часть 13. Страница товара и хлебные крошки

Следующий этап — создаем модель, контроллер и представление для показа страницы товара. Для снижения нагрузки полученные от модели данные кешируем в контроллере. Заодно добавим хлебные крошки для страницы товара и для раздела каталога. Для этого создадим виджет ChainWidget и будем вызывать его в view-шаблонах товара и категории.
Категория: Web-разработкаYii2 и Laravel

Магазин на Yii2, часть 12. Промежуточные итоги и рефакторинг кода

Некий промежуточный итог — здесь все, что было сделано на текущий момент. Исправлены ошибки, допущенные ранее. Добавлены новые поля в таблицы базы данных. Переписаны некоторые фрагменты кода, которые оказались неудачными. Добавлено кеширование тяжелых фрагментов кода, связанных с выборкой данных из БД.
Категория: Web-разработкаYii2 и Laravel

Магазин на Yii2, часть 11. Пагинация и мета-теги для брендов

Мы добавили мета-теги и постраничную навигацию для страниц категорий. Теперь сделаем это для страниц брендов. Пагинация для товаров бренда мало чем отличается от пагинации для товаров категории. В таблице brand базы данных предусмотрены поля keywords и description, которые заполняются при создании бренда.
Категория: Web-разработкаYii2 и Laravel

Магазин на Yii2, часть 10. Добавляем постраничную навигацию

Сейчас на странице категории показываются все товары этой категории и всех ее потомков. Это подходит для небольшого каталога, но когда товаров много, страница будет очень большой. Давайте добавим постраничную навигацию и используем для этого класс Pagination.
Категория: Web-разработкаYii2 и Laravel

Yii2. Постраничная навигация

Для создания постраничной навигации в Yii2 предназначен класс Pagination. Использование данного класса может потребоваться там, где присутствуют большие массивы данных. Это может быть каталог товаров, лента новостей, записи блога и так далее. К примеру, давайте выведем все записи блога…
Категория: Web-разработкаYii2 и Laravel

Yii2. Передача данных в шаблон

Передавая данные через второй параметр метода render(), мы явно передаем данные в view-шаблон. Данные должны быть представлены как ассоциативный массив в виде пар ключ-значение. При рендеринге вида, php вызывает встроенную функцию extract(), чтобы переменные из массива «распаковались» в переменные view-шаблона.
Категория: Web-разработкаYii2 и Laravel
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.