PHP / HTML / CSS: стилизация массива данных

Question

При импорте массива данных из базы данных (я использую php / mysql), как мне перейти к стилизации этой информации с помощью css?Я предполагаю, что я добавляю теги html для каждого отдельного фрагмента данных из массива?но если да, на каком этапе я бы назначил эти теги?

Я немного новичок в php, но я в порядке с css и xhtml.

На данный момент мой массив содержит:

Business_Name  |  Address  |  Tel | Service  | Url | Email | Recommendations | Image_Url

Любая помощь будет высоко ценится.

Редактировать: Картина рисует тысячу слов: 0)

Списки http://s1208.photobucket.com/albums/cc376/Elementgraphics/lineage.jpg

Answer 1

попробуйте сделать массив для ширины цикла, который вы массив

что-то вроде

<?php
  echo "<ul>";
 foreach($array as $arrkey){
     echo "<li>".$arrkey."</li>";   

 }
 echo "</ul>";
?>

и сделать несколько CSS на <li>.

редактировать:

 <?php

   $cont=0;

      echo '<ul>';
     foreach($array as $arrkey){
         echo '<li class="yourclass-.$cont.'">'.$arrkey.'</li>';   
        $cont++;
     }
     echo "</ul>";
    ?>

затем стилизовать каждый <li>

как

li.yourclass-0{

}

Answer 2

Это довольно открытый вопрос, но я постараюсь дать вам несколько общих указаний.

Вам доступно несколько вариантов. Самый простой и простой способ - просто начать выплевывать HTML из своего PHP-скрипта, например:

<table><tr><td><?php echo $arr['Business_Name']; ?></td>...<td><img src="<?php echo $arr['Image_Url']; ?>"></td></tr></table>

Короче говоря, echo ваш друг.

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

То, что вы хотите сделать в этом случае, это отделить ваши интересы - отделить логику «отображения» от логики «бизнеса».

Это может быть сделано несколькими различными способами - я предлагаю вам взглянуть на некоторые инструменты шаблонов, такие как Smarty, или на некоторые фреймворки, такие как Zend, - они имеют большое значение для отделения бизнес-логики от логики отображения.

Answer 3

если мы предположим, что $ res является вашим результирующим набором, то

$ str = "table width = '100%'";

while ($ row = mysql_fetch_array ($ res)){$ str. = "tr td class = 'class_name'". $ row ['col_name']. "/ td ​​/ tr";}

$ str. = "/ Table";

echo $ str;

Answer 4

Полагаю, вы спрашиваете только о «дизайне» вывода. Если так, то вопрос становится более расплывчатым.

Проектирование зависит от того, как вы хотите показать эти данные своим зрителям. Если вы хотите табличную структуру, используйте <table>. Или, если они должны отображаться в виде списка, используйте <ul> или <ol> и используйте CSS для его стилизации. Добавление встроенных свойств стиля - очень плохой подход. Избегайте этого.

Как сказал Алекс, этот вопрос очень открытый и расплывчатый. Попробуйте уточнить свой вопрос немного больше.