Да всё проще чем кажеться в базу заносите id
, cat_name
, level
, sort
где:
- cat_name - имя категории
- level - уровень
- sort - порядок расположение
далее берём выбираем:
` select * from `tree` order by `sort` asc;
в результате получаем массив вида:
array(
array('1', 'test cat', '1', '1'),
array('2', 'test cat', '2', '2'),
array('3', 'test cat', '2', '3'),
array('4', 'test cat', '1', '4'),
array('5', 'test cat', '1', '5'),
)
далее, нам необходимо отрендерить, сформируем простую разметку:
<?php
echo '<div>';
foreach ($result as $res) {
echo '<div class="level-' . $res['level'] . '>' . $res['cat_name'] . '</div>';
}
и после уже опишем в css как хотим разложить получившееся дерево:
.level-1 {
position:absolute;
left: 5px;
}
.level-2 {
position:absolute;
left: 10px;
}
.level-3 {
position:absolute;
left: 15px;
}
таким образом мы получим простую прямолинейную логику скрипта и древовидное представление. В действительности не обязательно хранить дерево как есть мы можем просто взять прямолинейную структуру, и сместив некоторые её элементы на некое число в право или в лево, тем самым получить представления дерева.
p.s. Я бэкэнд программист, по этому не могу провести полностью css и js код для реализации такого подхода, да и не сталбы потому как время и работа, а решение вопроса тянет на статью о построение диревьев.