Как сделать вывод статей из БД с разным стилем?

Question

[lesmanora]

Нужно сделать вот такую сетку вывода статей из MySQL (смотри фото). Как сделать просто вывод статей с 1 стилем я знаю, а вот как осуществить такое даже сообразить не могу. Через цикл? Может может кто-то помочь или пример есть какой нибудь?



Сайт пишется без конструкторов, только с применением Bootstrap.

Answer 1

[Владимир Коротенко]

Список делится по 3 в четных идёт первая ячейка полной высоты и 2 половинчатой, в нечетных 2 половинчатых и последняя полная, все это делается in-line-block и запихивается в один rows бутстрап все разложит сам

Comments

[lesmanora]

я знаю как сделать бутстрап верстку, я не понимаю, как это запихнуть потом в PHP и сделать вывод из БД.

[Владимир Коротенко]

lesmanora, странно, любой запрос к бд даёт список вы по нему пробегаете любым методом и формируете верстку в чем тогда вопрос?

[lesmanora]

Владимир Коротенко, Стандартный запрос с которым мне довелось работать это вот:

<?php
 
$link = mysqli_connect($db_host, $db_user, $db_password, $db_database) 
    or die("Ошибка " . mysqli_error($link)); 
     
$query ="SELECT * FROM blog  ORDER BY id  ";
 
$result = mysqli_query($link, $query) or die("Ошибка " . mysqli_error($link)); 


if (mysqli_num_rows($result) > 0)
{
 $row = mysqli_fetch_array($result); 
 
 do
 {
	
	$img_pathh = 'uploads_images/'.$row["image"];

 list($width, $height) = getimagesize($img_pathh); 
$ratioh = $max_height/$height; 
$ratiow = $max_width/$width; 
$ratio = min($ratioh, $ratiow); 

$width = intval($ratio*$width); 
$height = intval($ratio*$height); 
	
						 echo '	 
				
					<div class="col-md-4 editContent">
						<div class="blog">
							<div class="blogimg"><img src="'.$img_pathh.'" /></div>
							<div class="blogtext">
								<p>'.$row["zagalovok"].'</p>
								<a href="article.php?id='.$row["id"].'">Читать <img src="img/strek2.png"/></a>
							</div>
						</div>
					</div>
					
					
		     ';
}
    while ($row = mysqli_fetch_array($result));
}							
?>

И он работает только с 1 стилем.

[Владимир Коротенко]

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

[lesmanora]

Владимир Коротенко, Извините, пожалуйста, а нет никакого мануала где это на практике можно посомтреть?
В интернете ничего похожего не получается найти

[Владимир Коротенко]

lesmanora, а что конкретно не понятно? Оператор остаток от деления ? Или условный вывод? Мне просто искренне не понятно?

[FanatPHP]

Ох, очередная жертва видеокурсов
Рекомендую вместо этого бессмысленного забора шаманских заклинаний

if (mysqli_num_rows($result) > 0)
{
 $row = mysqli_fetch_array($result); 

 do
 {
    ...  

}
    while ($row = mysqli_fetch_array($result));
}

писать нормальный код

while ($row = mysqli_fetch_array($result)) {
   ...
}

Но лучше всего конечно будет сначала получить данные
$data = $result->fetch_all(MYSQLI_ASSOC);
а потом их выводить

foreach ($data as $row) {
   ...
}

[lesmanora]

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

[Владимир Коротенко]

FanatPHP, можно же и через for в данном случае даже лучше будет

[FanatPHP]

lesmanora, а по стилям проще всего тупо сделать 6 стилей, cell-1, cell-2 и так далее. И при выводе просто нумеровать.

[FanatPHP]

Владимир Коротенко, через for никогда не лучше. тем более здесь

[Владимир Коротенко]

FanatPHP, и сверху инициализировать счётчик?

[Владимир Коротенко]

lesmanora, https://www.php.net/manual/ru/language.operators.a...
В случае цикла проверяете $i % 3 == 0,1,2
То есть если текущее значение делиться нацело на 3 то 0 или 1 или 2
Соответственно ставите стили или если вам нужна чересполосица то делите на 6 и выставляете в каждом случае нужные значения

[lesmanora]

Владимир Коротенко, спасибо большое, буду изучать

[Владимир Коротенко]

FanatPHP, это старый спор итератор vs цикл . В случае цикла мы получаем бесплатную переменную и экономим память, но это уже загон

[FanatPHP]

где она бесплатная? для неё надо получать нум ровс, плюс городить сам фор.

но любом случае и так и так будет наеправильно. надо получать в массив и выводить через форич

[Владимир Коротенко]

FanatPHP, то есть вы думаете что эльфы формируют этот энумератор? И он ничего не стоит?
Под капотом там серьезная структура которая делает вам удобно, но это не бесплатно

[FanatPHP]

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

[Владимир Коротенко]

FanatPHP,
Вот вам и осмысленность, не пишу на Php, но на нем примерно тоже

TrashExmplItems = new List<TrashExmplItem>();

            var counter = 0;
            foreach (var item in TrashExmplItems)
            {
                Debug.WriteLine($"<div class='clm-{counter % 3}'>{item.Name} </div>");
                counter++;
            }

            for (var i = 0; i < TrashExmplItems.Count; i++)
            {
                Debug.WriteLine($"<div class='clm-{i % 3}'>{TrashExmplItems[i].Name} </div>");
            }

[FanatPHP]

В РНР отдельный counter для foreach не нужен, он есть в комплекте

[Владимир Коротенко]

FanatPHP, Вот видишь либо магия, которую нужно знать, либо трудно уловимая ошибка. Ну и неявное создание переменной, которая тоже память.

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

[FanatPHP]

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

[Владимир Коротенко]

FanatPHP, где в php хранится текущий индекс итерируемой коллекции. Я реально человек со стороны

[Владимир Коротенко]

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

[Владимир Коротенко]

FanatPHP,
Все же магия. В обычном массиве чисел, появляется переменная. Забавно.

$array  = [4,3,2,1,0];
foreach($array as $key => $value){
   echo($key . ' value: ' . $value  ."\n");
}

[lesmanora]

Владимир Коротенко, огромное спасибо за помощь, все сделано при деление на 6, причем сделала условие при котором меняются стили в зависимости от количества статей.

Answer 2

[FanatPHP]

Через цикл?

Да.

Comments

[Владимир Коротенко]

Адмирал очевидность:)