Как правильно вывести новость в yii2?

Question

[Виктор Уманский]

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



model

public static function getFiveArticlesForSportPit()
{
    return self::find()
        ->where(['status' => self::STATUS_ON])
        ->asArray()
        ->limit('5')
        ->orderBy(['id' => SORT_DESC])
        ->all();
}

view

<div class="news">
<?php foreach ($fiveArticles as $article) : ?>
    <div class="new-long">
        <div class="new-long-img">
            <?= Html::img('/web/uploads/articles/' . Articles::getImageTitle($article['img_id']), ['width' => '320', 'height' => '240']) ?>
        </div>
        <div class="new-long-title">
            <?= $article['title'] ?>
        </div>
        <div class="new-long-text">
            <?= $article['text'] ?>
        </div>
        <div class="new-long-date">
            <?= $article['created_at'] ?>
        </div>
        <div class="new-long-readmore">

        </div>
    </div>

    <div class="new-short">
        <div class="new-short-img">
            <?= Html::img('/web/uploads/articles/' . Articles::getImageTitle($article['img_id']), ['width' => '320', 'height' => '240']) ?>
        </div>
        <div class="new-short-title">
            <?= $article['title'] ?>
        </div>
        <div class="new-short-description">
            <?= $article['text'] ?>
        </div>
        <div class="new-short-date">
            <?= $article['created_at'] ?>
        </div>
        <div class="readmore">

        </div>
    </div>
<?php endforeach; ?>

Comments

[nepster-web]

Так, а в чем собственно вопрос ? Что не работает ?

[Виктор Уманский]

nepster-web: получается что верхний и нижний div блоки дублируется и в итоги получается вывод 10 статей

[nepster-web]

Виктор Уманский: вам нужен только первый new-long-img ?

[Виктор Уманский]

nepster-web: да, я делал отдельный foreach для него, но получается что статья дублируется

[nepster-web]

В рамках вашего кода да и yii в целом, можно костылить:

<?php foreach ($fiveArticles as $i => $article) : ?>

<?php if ($i === 0): ?>
    --- new-long
<?php continue; ?>
<?php endif; ?>

-- new-short

<?php endforeach; ?>

На работоспособность не проверял

[Виктор Уманский]

nepster-web: спасибо, да это работает!

[Виктор Уманский]

nepster-web: объясните эту часть проверки <?php if ($i === 0): ?>

[nepster-web]

Виктор Уманский: массив как правило состоит из ключа и значения.

Например: ['key' => 'value'], или ['value']. Во втором случае, ключ будет числовым и начинается с 0.

foreach ($array as $value)

Проходит по всем значениям массива, но так-же можно получить и доступ к ключу (заданный вами или порядковый номер):

foreach ($array as $key => $value)

В нашем случае мы делаем:
foreach ($fiveArticles as $i => $article)

Где:
$fiveArticles - массив записей
$i - порядковый номер (не попутать с id, просто номер записи в массиве по порядку начиная с 0)
$article - сама запись

Соответственно в цикле мы проверяем, если запись первая (все записи идут по порядку начиная с 0), то делаем соответствующие действия.

==== - означает жесткую проверку с 0.

[Виктор Уманский]

nepster-web: а теперь я понял, спасибо!

Answer 1

[Максим Тимофеев]

yii тут не при чем. Это же вопрос верстки. Посмотрите:
https://masonry.desandro.com/layout.html

Comments

[Виктор Уманский]

у меня не верстки проблема была, а в правильном выводе из бд статьи nepster-web и со своей проверкой он мне помог!

[Максим Тимофеев]

Виктор Уманский: Как вопрос составили - такой ответ я и дал))

[Виктор Уманский]

Максим Тимофеев: Все нормально Максим, главное что у людей есть возможность помогать)

[Максим Тимофеев]

Виктор Уманский: сорри, за правку вопроса, комменты лень читать было )))

[Виктор Уманский]

Максим Тимофеев: Максим хочу по благодарить Вас за видео

Nested sets строим дерево с drag&drop

, мне оно очень помогло, понял трудные нюансы))
Хотел узнать, а следующие видео про фильтрацию товаров магазине Вы сделаете, у меня лично есть не понятка с range picker для цены и не могу разобраться с фильтрацией (чекбокс) для товарки??

[Максим Тимофеев]

Виктор Уманский: ))) Сейчас мучаюсь с подобной задачей. Как чувствовали )) Да,будет обязательно, сейчас сейт-нот но надеюсь разгребу на днях

[Виктор Уманский]

Максим Тимофеев: OK

Answer 2

[Максим Федоров]

Не изобретайте велосипед, просто выводите в цикле все 5 новостей или используйте DataProvider + ListView. А позиционирование элементов настраиваете через CSS.

Comments

[nepster-web]

не всегда так можно провернуть, все через css.

[Виктор Уманский]

Я уже понял как можно решать такие проблемы!