<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>sb0y[AT]home &#187; древо</title>
	<atom:link href="http://www.bagrincev.ru/tag/%d0%b4%d1%80%d0%b5%d0%b2%d0%be/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bagrincev.ru</link>
	<description>Уютный бложик девелопера.</description>
	<lastBuildDate>Fri, 30 Jul 2010 13:23:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>PHP: Построение древовидных данных в PHP</title>
		<link>http://www.bagrincev.ru/php-tree-data/</link>
		<comments>http://www.bagrincev.ru/php-tree-data/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 05:27:34 +0000</pubDate>
		<dc:creator>Sb0y</dc:creator>
				<category><![CDATA[Программирование]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tree]]></category>
		<category><![CDATA[древо]]></category>

		<guid isPermaLink="false">http://www.bagrincev.ru/?p=771</guid>
		<description><![CDATA[Недавно, возникла потребность сделать древовидный, порядковый список категорий, в одном из проектов. 2 главных условий, которые преследовал: 1) в html должны наглядно показываться родительские элементы и их &#171;дети&#187;; 2) для всей операции 1 SQL запрос. SQL-структура была такая: +------------+--------------+------+-----+---------+----------------+ &#124; FIELD &#124; Type &#124; NULL &#124; KEY &#124; DEFAULT &#124; Extra +------------+--------------+------+-----+---------+----------------+ &#124; categoryID &#124; ]]></description>
			<content:encoded><![CDATA[<p>Недавно, возникла потребность сделать древовидный, порядковый список категорий, в одном из проектов.</p>
<p>2 главных условий, которые преследовал: 1) в html должны наглядно показываться родительские элементы и их &laquo;дети&raquo;; 2) для всей операции 1 SQL запрос.<br />
<span id="more-771"></span><br />
SQL-структура была такая:</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #66cc66;">+</span><span style="color: #808080; font-style: italic;">------------+--------------+------+-----+---------+----------------+</span>
<span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">FIELD</span>          <span style="color: #66cc66;">|</span> Type             <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">NULL</span>   <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">KEY</span> <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">DEFAULT</span>   <span style="color: #66cc66;">|</span> Extra 
<span style="color: #66cc66;">+</span><span style="color: #808080; font-style: italic;">------------+--------------+------+-----+---------+----------------+</span>
<span style="color: #66cc66;">|</span> categoryID <span style="color: #66cc66;">|</span> int<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">3</span><span style="color: #66cc66;">&#41;</span>            <span style="color: #66cc66;">|</span> NO    <span style="color: #66cc66;">|</span> PRI   <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">NULL</span>     <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">AUTO_INCREMENT</span>  <span style="color: #66cc66;">|</span>
<span style="color: #66cc66;">|</span> parent       <span style="color: #66cc66;">|</span> int<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">3</span><span style="color: #66cc66;">&#41;</span>            <span style="color: #66cc66;">|</span> NO    <span style="color: #66cc66;">|</span>        <span style="color: #66cc66;">|</span> <span style="color: #cc66cc;">0</span>          <span style="color: #66cc66;">|</span>                        <span style="color: #66cc66;">|</span>
<span style="color: #66cc66;">|</span> name        <span style="color: #66cc66;">|</span> varchar<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">255</span><span style="color: #66cc66;">&#41;</span>   <span style="color: #66cc66;">|</span> NO    <span style="color: #66cc66;">|</span>        <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">NULL</span>     <span style="color: #66cc66;">|</span>                        <span style="color: #66cc66;">|</span>
<span style="color: #66cc66;">|</span> slug          <span style="color: #66cc66;">|</span> varchar<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">255</span><span style="color: #66cc66;">&#41;</span>   <span style="color: #66cc66;">|</span> NO    <span style="color: #66cc66;">|</span>        <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">NULL</span>     <span style="color: #66cc66;">|</span>                        <span style="color: #66cc66;">|</span>
<span style="color: #66cc66;">|</span> pic           <span style="color: #66cc66;">|</span> varchar<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">255</span><span style="color: #66cc66;">&#41;</span>   <span style="color: #66cc66;">|</span> YES   <span style="color: #66cc66;">|</span>        <span style="color: #66cc66;">|</span> <span style="color: #993333; font-weight: bold;">NULL</span>     <span style="color: #66cc66;">|</span>                        <span style="color: #66cc66;">|</span>
<span style="color: #66cc66;">+</span><span style="color: #808080; font-style: italic;">------------+--------------+------+-----+---------+----------------+</span>
<span style="color: #cc66cc;">5</span> rows <span style="color: #993333; font-weight: bold;">IN</span> <span style="color: #993333; font-weight: bold;">SET</span> <span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0.03</span> sec<span style="color: #66cc66;">&#41;</span></pre></div></div>

<p>После запроса в БД массив получился такой.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #990000;">Array</span>
<span style="color: #009900;">&#40;</span>
    <span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">Array</span>
        <span style="color: #009900;">&#40;</span>
            <span style="color: #009900;">&#91;</span>categoryID<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">1</span>
            <span style="color: #009900;">&#91;</span>parent<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">0</span>
            <span style="color: #009900;">&#91;</span>name<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> Фильмы
            <span style="color: #009900;">&#91;</span>slug<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> films
            <span style="color: #009900;">&#91;</span>pic<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> 
        <span style="color: #009900;">&#41;</span>
&nbsp;
    <span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">Array</span>
        <span style="color: #009900;">&#40;</span>
            <span style="color: #009900;">&#91;</span>categoryID<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">2</span>
            <span style="color: #009900;">&#91;</span>parent<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">0</span>
            <span style="color: #009900;">&#91;</span>name<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> Музыка
            <span style="color: #009900;">&#91;</span>slug<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> music
            <span style="color: #009900;">&#91;</span>pic<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=&gt;</span> 
        <span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#91;</span><span style="color: #339933;">...</span><span style="color: #009900;">&#93;</span>
<span style="color: #009900;">&#41;</span></pre></div></div>

<p>Для удобной работы я сгруппировал массив по <strong>categoryID</strong>, заменив его ключи на этот идентификатор.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$data</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$v</span><span style="color: #009900;">&#41;</span>
<span style="color: #000088;">$array</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$v</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'categoryID'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$v</span><span style="color: #339933;">;</span></pre></div></div>

<p>А вот и сама функция, которая пишет в глобальный массив $g_data результат своей рекурсивной работы.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> tree<span style="color: #009900;">&#40;</span><span style="color: #339933;">&amp;</span><span style="color: #000088;">$data</span><span style="color: #339933;">,</span> <span style="color: #000088;">$node_id</span><span style="color: #339933;">,</span> <span style="color: #000088;">$lvl</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
   <span style="color: #b1b100;">switch</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$lvl</span><span style="color: #009900;">&#41;</span>
   <span style="color: #009900;">&#123;</span>
      <span style="color: #666666; font-style: italic;">// для каждой категории может быть действие (напр. присвоить id)</span>
	<span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">:</span>
	<span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'&lt;option style=&quot;font-weight:bolder;&quot; disabled&gt;- КОРЕНЬ -&lt;/strong&gt;'</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">break</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">default</span><span style="color: #339933;">:</span>
        <span style="color: #666666; font-style: italic;">// str_repeat делает отступ слева, в зависимости от уровня кат-ии. Это наглядно показывает юзеру родителя категории и его дочерний элемент. А если кат-я самая &quot;верхняя&quot;, она выделяется стилем font-weight:bold</span>
	<span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'&lt;option '</span><span style="color: #339933;">.</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$data</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$node_id</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'parent'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">==</span><span style="color: #cc66cc;">0</span>?<span style="color: #0000ff;">'style=&quot;font-weight:bold;'</span><span style="color: #339933;">:</span><span style="color: #0000ff;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">' value=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$data</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$node_id</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'categoryID'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;&gt;'</span><span style="color: #339933;">.</span><span style="color: #990000;">str_repeat</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&amp;nbsp;&amp;nbsp;'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$lvl</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$data</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$node_id</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&lt;/option&gt;'</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
  <span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">g_data</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tree'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$html</span><span style="color: #339933;">;</span>
&nbsp;
   <span style="color: #666666; font-style: italic;">// рекурсия</span>
   <span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$data</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$row</span><span style="color: #009900;">&#41;</span>
      <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'parent'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> <span style="color: #000088;">$node_id</span><span style="color: #009900;">&#41;</span>
         <span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">tree</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$data</span><span style="color: #339933;">,</span> <span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'categoryID'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$lvl</span> <span style="color: #339933;">+</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Остаётся только запустить процесс.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">tree<span style="color: #009900;">&#40;</span><span style="color: #000088;">$array</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.bagrincev.ru/php-tree-data/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
