Верстка и вывод из БД циклом php?

Question

[SteveJ42]

Всем привет, появился такой вопрос!
Допустим нужно создать секцию на сайте с статьями из базы данных. Есть верстка и нужно эти статьи вывести из базы данных в определенные теги html со стилями css.
Как это сделать правильно чтобы верстка не полетела из за количества статей и их содержимого.
Как вообще изначально правильно верстать с учетом того что данные будут выводиться из БД?
Есть ли какая нибудь хорошая информацию по этой теме!!!?

Comments

[Дмитрий]

Добрый день.
Не мешать html с php, вот главное правило.
Так не делать

foreach($arrays as $array){
   echo '<div>' . $array['title'] . '</div>';
}

Так будет правильней

<?php
foreach($arrays as $array){
?>
   <div><?= $array['title'] ?> </div>
<?php
}
?>

[SteveJ42]

Дмитрий, Добрый день, просто не могу понять именно как будут выводится данные из БД, чтобы верстка не полетела и допустим при выводе большого заголовка статьи.
Чтобы этот выведенный заголовок не мешал существовать следующим элементам.
Есть ли как нибудь хорошая информация/курс/видеоурок про верстку и дальнейшее ее динамическое оживление
Понимаю то что вопрос очень туманный и не всем будет понятен, но все же надеюсь на какой то отклик:)

[Дмитрий]

SteveJ42, вариантов может быть несколько.
Самый простой подсказал feycot.
Ну и вёрстка должна выполняться с учётом того, что данных может быть много на странице. Не одна статья, а несколько.

[SteveJ42]

Дмитрий, Хорошо, спасибо!!!

Answer 1

[feycot]

При выводе данных из БД обычно используется пагинация для постраничного вывода.
Чтобы данные не ломали верстку, то либо верстку делают такую, чтобы она не ломалась, Либо ограничивают данные. Например если у нас таблица со статьями, то выводят 200 символов в тексте статьи, остальное можно увидеть при детальном просмотре.

Answer 2

[Алекс Глебов]

В целом это опыт, но некоторые моменты есть.
1) проверять переполнение контентом. Учитывать любую длину текстов и размеры картинок. Так же учитывать отсутствие некоторых блоков.
2) узнать что за редактор контента в админке. Вывести все теги которые в нем можно ввести на 1 страницу и стилизовать. Вот пример редактора
3) познакомиться с бутстрапом, внутри он г. но по функционалу там компоненты, которые работают с любым контентом и служат основой для различных тем. Бекендеры любят его.
3) Самое идеальное самому попробовать поработать с шаблоном. Любой курс по бекенд технологии на 20 часов поможет.