[Статья]

Часто возникает необходимость сделать модуль Меню более сложным. Например с большим количеством позиций меню или например с 4 уровнями вложенности.
В то же время представить себе дизайн портала с 40 позициями меню довольно сложно. Как минимум высота модуля меню в этом случае будет в несколько раз превышать размер содержания по высоте.

Хочу описать путь создания своего модуля меню любой сложности со сворачиванием не активных позиций меню
Пример работы такого модуля меню http://www.oriflame.kashglobal.org

1. Создаем php файл модуля в каталоге modules
   Это пример файла, его содержание нужно отредактировать под ваши нужды
   
   PHP Code:

   $menu = 
array(
      0 => 
        array(
              'link' => 'index.php',
              'parent' => '-1',
              'child' => '-1',
              'pageid' => 1,
              'title' => 'Главная страница',
              'level' => 0
        ),

      1000 => 
        array(
              'link' => 'index.php?p=news',
              'parent' => '-1',
              'child' => '1100,1200,1300',
              'pageid' => 3,
              'title' => 'Новости',
              'level' => 0
        ),
                  1100 => 
                    array(
                          'link' => 'index.php?p=news_kashglobal',
                          'parent' => '1000',
                          'child' => '-1',
                          'pageid' => 5,
                          'title' => 'Новости KASH Global',
                          'level' => 1
                    ),
                  1200 => 
                    array(
                          'link' => 'index.php?p=news_oriflame',          
                          'parent' => '1000',
                          'child' => '-1',
                          'pageid' => 6,
                          'title' => 'Новости Oriflame',
                          'level' => 1
                    ),
                  1300 => 
                    array(
                          'link' => 'index.php?p=new_in_catalog',
                          'parent' => '1000',
                          'child' => '-1',
                          'pageid' => 7,
                          'title' => 'Новинки каталога',
                          'level' => 1
                    ),

      2000 => 
        array(
              'link' => 'index.php?p=actions',
              'parent' => '-1',
              'child' => '2100,2200,2300',
              'pageid' => 8,
              'title' => 'Акции',     
              'level' => 0
        ),
                  2100 => 
                    array(
                          'link' => 'index.php?p=actions_cumulative',
                          'parent' => '2000',
                          'child' => '2110,2120',
                          'pageid' => 9,
                          'title' => 'Накопительная карта',
                          'level' => 1
                    ),
                             2110 => 
                                array(
                                      'link' => 'index.php?p=actions_cumulative_reg',
                                      'parent' => '2000,2100',
                                      'child' => '-1',
                                      'pageid' => 10,
                                      'title' => 'Регистрация',
                                      'level' => 2
                                ),
                             2120 => 
                                array(
                                      'link' => 'index.php?p=actions_cumulative_hist',
                                      'parent' => '2000,2100',
                                      'child' => '-1',
                                      'pageid' => 11,
                                      'title' => 'История заказов',
                                      'level' => 2
                                ),

                  2200 => 
                    array(
                          'link' => 'index.php?p=actions_in_catalog',
                          'parent' => '2000',
                          'child' => '-1',
                          'pageid' => 12,
                          'title' => 'Акции каталога',
                          'level' => 1
                    ),
                  2300 => 
                    array(
                          'link' => 'index.php?p=actions_for_consultant',
                          'parent' => '2000',
                          'child' => '-1',
                          'pageid' => 13,
                          'title' => 'Для консультантов',
                          'level' => 1
                    ),
      3000 => 
        array(
              'link' => 'index.php?p=competition',       
              'parent' => '-1',
              'child' => '3100',
              'pageid' => 14,
              'title' => 'Конкурсы',
              'level' => 0
        ),
                  3100 => 
                    array(
                          'link' => 'index.php?p=competition_showasman',
                          'parent' => '3000',
                          'child' => '3110,3120',
                          'pageid' => 15,
                          'title' => 'Покажи как надо управлять!',
                          'level' => 1
                    ),
                             3110 => 
                                array(
                                      'link' => 'index.php?p=competition_showasman_reg',
                                      'parent' => '3000,3100',
                                      'child' => '-1',
                                      'pageid' => 16,
                                      'title' => 'Регистрация',
                                      'level' => 2
                                ),
                             3120 => 
                                array(
                                      'link' => 'index.php?p=competition_showasman_start_april_2012',
                                      'parent' => '3000,3100',
                                      'child' => '3121,3122',
                                      'pageid' => 17,
                                      'title' => 'Старт Апрель 2012',
                                      'level' => 2
                                ),
                                        3121 => 
                                            array(
                                                  'link' => 'index.php?p=competition_showasman_start_april_2012_member',
                                                  'parent' => '3000,3100,3120',
                                                  'child' => '-1',
                                                  'pageid' => 18,
                                                  'title' => 'Участники',
                                                  'level' => 3
                                            ),
                                        3122 => 
                                            array(
                                                  'link' => 'index.php?p=competition_showasman_start_april_2012_result',
                                                  'parent' => '3000,3100,3120',
                                                  'child' => '-1',
                                                  'pageid' => 19,
                                                  'title' => 'Результаты',
                                                  'level' => 3
                                            ),




      4000 => 
        array(
              'link' => 'index.php?p=products',
              'parent' => '-1',
              'child' => '4100,4200,4300,4400',
              'pageid' => 4,
              'title' => 'Продукция',
              'level' => 0
        ),
                  4100 => 
                    array(
                          'link' => 'index.php?p=products_catalog',
                          'parent' => '4000',
                          'child' => '-1',
                          'pageid' => 20,
                          'title' => 'Каталог',
                          'level' => 1
                    ),
                  4200 => 
                    array(
                          'link' => 'index.php?p=products_catalog_new',
                          'parent' => '4000',
                          'child' => '-1',
                          'pageid' => 21,
                          'title' => 'Новинки каталога',
                          'level' => 1
                    ),
                  4300 => 
                    array(
                          'link' => 'index.php?p=products_catalog_action',
                          'parent' => '4000',
                          'child' => '-1',
                          'pageid' => 22,
                          'title' => 'Акции каталога',
                          'level' => 1
                    ),

                  4400 => 
                    array(
                          'link' => 'index.php?p=products_brends',
                          'parent' => '4000',
                          'child' => '4410',
                          'pageid' => 23,
                          'title' => 'Бренды',
                          'level' => 1
                    ),
                             4410 => 
                                array(
                                      'link' => 'index.php?p=Giordani_Gold',   
                                      'parent' => '4000,4400',
                                      'child' => '4111,4112,4113',
                                      'pageid' => 2,
                                      'title' => 'Gordani Gold',
                                      'level' => 2
                                ),
                                        4111 => 
                                            array(
                                                  'link' => 'index.php?p=Giordani_Gold_lips',
                                                  'parent' => '4000,4400,4410',
                                                  'child' => '-1',
                                                  'pageid' => 24,
                                                  'title' => 'Gordani Gold - Губы',
                                                  'level' => 3
                                            ),
                                        4112 => 
                                            array(
                                                  'link' => 'index.php?p=Giordani_Gold_eye',
                                                  'parent' => '4000,4400,4410',
                                                  'child' => '-1',
                                                  'pageid' => 25,
                                                  'title' => 'Gordani Gold - Глаза',
                                                  'level' => 3
                                            ),
                                        4113 => 
                                            array(
                                                  'link' => 'index.php?p=Giordani_Gold_face',
                                                  'parent' => '4000,4400,4410',
                                                  'child' => '-1',
                                                  'pageid' => 26,
                                                  'title' => 'Gordani Gold - Лицо',
                                                  'level' => 3
                                            ),



      8000 => 
        array(
              'link' => 'findex.php',       
              'parent' => '-1',
              'child' => '-1',
              'pageid' => 27,
              'title' => 'Форум',
              'level' => 0
        ),



);

$pageid = (int) $pages['pageid'];

foreach($menu As $id => $menuposition)
{
  if($menuposition['parent'] == '-1')
  {
    $menu[$id]['display'] = 'block';
    $menu[$id]['image'] = 'lid.gif';

    if($menuposition['pageid'] == $pageid)
    {
      if($menuposition['child'] != '-1')
      {
        $menu[$id]['image'] = 'li.gif';
        $childids = explode(",", $menuposition['child']);    
  
        foreach($childids As $childid)
        {
          $menu[$childid]['display'] = 'block';
          $menu[$childid]['image'] = 'lid.gif';
        }
      }

      $menu[$id]['image'] = 'lir.gif';
      $menu[$id]['strong'] = 1;
    }
  }
  else
  {
    if($menuposition['pageid'] == $pageid)
    {
      $menu[$id]['display'] = 'block';
      $childids = explode(",", $menuposition['child']);
        
      foreach($childids As $childid)
      {
        $menu[$childid]['display'] = 'block';
        $menu[$childid]['image'] = 'lid.gif';
      }
      
      $parentids = explode(",", $menuposition['parent']);
        
      foreach($parentids As $parentid)
      {
        $childids = explode(",", $menu[$parentid]['child']);
          
        foreach($childids As $childid)
        {
          $menu[$childid]['display'] = 'block';
          $menu[$childid]['image'] = 'lid.gif';
        }        
      }
      
      $menu[$id]['image'] = 'lir.gif';          
      $menu[$id]['strong'] = 1;
    }
  }  
}

foreach($menu As $id => $menuposition)
{
  if(empty($menuposition['display']))
  {
    $menu[$id]['display'] = 'none';
    $menu[$id]['image'] = 'lid.gif';
    $menu[$id]['strong'] = 0;
  }
  
  if(empty($menuposition['strong']))
  {
    $menu[$id]['strong'] = 0;
  }  
}

$advmenubits = '';

foreach($menu As $menuposition)
{
  eval('$advmenubits .= "' . fetch_template('adv_portal_advmenu_bit') . '";');
}

eval('$home["$mods[modid]"][\'content\'] = "' . fetch_template('adv_portal_advmenu') . '";'); 

   В этом файле описывается меню и обрабатывается и создается результирующий html
   Само меню описывается в массиве, каждый элемент массива представляет собой позицию меню в очередности обработки
   Разберем элемент массива
   
   PHP Code:

         8000 => 
        array(
              'link' => 'findex.php',       
              'parent' => '-1',
              'child' => '-1',
              'pageid' => 27,
              'title' => 'Форум',
              'level' => 0
        ), 

   8000 - уникальный ключ в массиве
   link - ссылка на страницу содержания, куда будет сделан переход
   parent - для того, что бы при переходе на страницу содержания, вышестоящие позиции меню отображались в модуле, необходимо вставить через запятую список уникальных ключей массива. Например '4000,4400' Если это первый уровень меню, то необходимо вставить значение '-1'
   child - список уникальных ключей массива, которые будут развернуты и отображены в меню при переходе на страницу содержания. Если это конечный пункт меню в ветке, то необходимо вставить значение '-1'. Перечислять уникальные ключи необходимо через запятую.
   pageid - id страницы в vBadvanced CMPS. Это значение необходимо для корректной идентификации активной страницы.
   title - просто название пункта меню
   level - значение вложенности в меню, необходим для организации отступов при отображении меню.
   
   Во вложении представлено 3 файла маркеров списка, вы можете установить свои маркеры.
   Эти изображения необходимо загрузить в каталог images/misc/
2. Добавляем в систему несколько элементов стиля
   

   .advmenu_level_0 {
       padding: 0 0 0 10px;
   }
   
   .advmenu_level_1 {
       margin: 0 0 0 10px;
       padding: 0 0 0 10px;
   }
   
   .advmenu_level_2 {
       margin: 0 0 0 20px;
       padding: 0 0 0 10px;
   }
   
   .advmenu_level_3 {
       margin: 0 0 0 30px;
       padding: 0 0 0 10px;
   }
   
   .advmenu_a {
       font-size: 11px;
   }

3. Создаем шаблоны отображения
   1. adv_portal_advmenu
      

      <tr>
      	<td class="$bgclass">
      		$advmenubits
      	</td>
      </tr>

   2. adv_portal_advmenu_bit
      

      <div style="display: $menuposition[display]; background: url('images/misc/$menuposition[image]') no-repeat left center;" class="advmenu_level_$menuposition[level]">
      	<a class="advmenu_a" href="$menuposition[link]">
      		<if condition="$menuposition[strong]==1">
      			<strong>$menuposition[title]</strong>
      		<else />
      			$menuposition[title]
      		</if>
      	</a>
      </div>

4. Создаем php модуль.
   При создании модуля необходимо в позициях:
   • Подключаемый файл выбрать файл меню, который только что создали
   • Использованные шаблоны добавить созданные шаблоны adv_portal_advmenu и adv_portal_advmenu_bit
   • Использовать шаблон оболочки модуля - Да
5. Добавляем модуль на страницы.

Надеюсь описал достаточно понятно. Естественно все можно сделать под свои нужды.
Обновлять меню можно очень простым способом, просто отредактировав php файл.

Я, конечно, плохо разбираюсь в VBAdvansed, но разве массив, что в php файле, запросом в БД получить низя?

Sellrion, Можно, но для этого надо сначала создать табличку в бд с необходимыми полями и заполнить ее, а для этого надо в админке сделать интерфейс управления, прописать в нем все действия .... такие как добавление, перемещение, удаление, редактирование.... что же касается основного модуля меню, то его никто не отменяет, он как работал так и работает, да и не всегда нужно такое сложное меню. У меня просто стояла такая задача реализовать именно такую функциональность.
В общем я не вижу причины наворачивать админский интерфейс на то, что можно вполне скорректировать в файле.

наверное в данном случае данных в БД просто нет, менюшка создается руками
нечто подобное делал именно с использованием настроек воблы и своими таблицами в базе
в админке добавлялись данные о строке меню и указывался родительский элемент
пример здесь http://forum.clubvolvo.ru/?styleid=18
верхняя строка в навбаре
вложенность под-менюшек практически любая

а js или даже на css не проще ли? а то и менюшка раскрывается, только при переходе на следующую страницу

Originally Posted by Вектор

а js или даже на css не проще ли? а то и менюшка раскрывается, только при переходе на следующую страницу

Само меню это не проблема, проблема в том, что нужно оставить раскрытым элемент меню соответствующий содержанию и все вышестоящие позиции тоже.
С js вероятно возможно сделать то же самое но с чистым css точно нет.
К то му же можно предусмотреть раскрытие всех вложенных уровней при нахождении в каждой конкретной позиции меню.
Именно для этого и предусмотрены элементы в массиве parent и child.

Эм, я все равно чего-то не понимаю.) Вот например у нас есть элемент меню:

PHP Code:

1000 =>  
        array( 
              'link' => 'index.php?p=news', 
              'parent' => '-1', 
              'child' => '1100,1200,1300', 
              'pageid' => 3, 
              'title' => 'Новости', 
              'level' => 0 
        ), 


У этого элемента есть элемент 'link', в значении которого есть идентификатор news. Это значит что данная ссылка ведет на какую-то страницу с этим идентификатором. То есть в БД должна быть запись об идентификаторе news и, возможно, контент, к ней привязанный. Там же должен быть тогда и title и уж точно pageid. Что касается иерархии, то во-первых на мой взгляд элемент 'child' - лишний: всех потомков элемента можно найти по элементу 'parent', который должен совпадать с индексом текущего элемента, во-вторых вышесказанное касается того случая, когда данные в БД находятся. А тут автор уже вручную, при помощи многомерности массива menu реализовал необходимую иерархию элементов. То есть в случае с заранее существующим массивом, ни parent ни child ни level не нужны - они заранее очевидны из структуры массива. Тогда в чем же проблема-то взять данные из БД?) Я чего-то не понимаю?)

Sellrion, Все можно, и ты прав можно получить массив прямо из бд, но надо будет его еще и сформировать и составить правильно, фактически сделать его таким же как и в модуле.

Originally Posted by Sellrion

У этого элемента есть элемент 'link', в значении которого есть идентификатор news. Это значит что данная ссылка ведет на какую-то страницу с этим идентификатором. То есть в БД должна быть запись об идентификаторе news и, возможно, контент, к ней привязанный. Там же должен быть тогда и title и уж точно pageid.

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

Originally Posted by Sellrion

Что касается иерархии, то во-первых на мой взгляд элемент 'child' - лишний: всех потомков элемента можно найти по элементу 'parent', который должен совпадать с индексом текущего элемента, во-вторых вышесказанное касается того случая, когда данные в БД находятся.

Можно но фактически ты придешь к тому, что сформируешь аналогичный массив.

Originally Posted by Sellrion

А тут автор уже вручную, при помощи многомерности массива menu реализовал необходимую иерархию элементов. То есть в случае с заранее существующим массивом, ни parent ни child ни level не нужны - они заранее очевидны из структуры массива.

Данные элементы нужны для установки значений dispay: hide и dispay: block при формировании html, без них довольно сложно установить каждой позиции правильное значение свойств отображения. Вернее можно, создав рекурсивную функцию. Просто я посчитал, что наворачивать сюда еще и функцию будет лишним, хотя безусловно можно обойтись и дез этих элементов массива, если мы не ищем простых путей.

Originally Posted by Sellrion

Тогда в чем же проблема-то взять данные из БД?) Я чего-то не понимаю?)

О нет взять данные можно, но в результате мы фактически получим тот же массив с теми же элементами, просто у нас будет на один запрос к бд больше, к тому же мы будем формировать массив практически в том же виде, а потом будем выводить его в html.

И так +1 запрос к бд +1 функция, для содержания которое фактически не изменяется динамически, а часто вообще не изменяется.
Лично я посчитал, что так будет проще. Хотя может быть и не совсем кошерно и не абсолютно девелоперски не правильно.... но я то и не девелопер.

но в любом случае спасибо за конструктивную критику. Пока обсуждали пришел к нескольким правильным мыслям, например на создание нескольких страниц интеграции для индикации в меню разных позиций. Имею ввиду своя страница для Альбомов, Форума, Блога, Кабинета.... как то сразу не допер, что там в общем то можно сделать и так будет правильней.

Originally Posted by SMak044

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

А вот для этого по хорошему и надо бы использовать БД с интерфейсом в админке. Но раз уж этого делать не хочется, то можно задействать этот самый файл. Только текст там будет раз в... 10 меньше. Что-то вроде:

PHP Code:

$additional = array(
              'link' => 'findex.php',  
              'parent' => '-1',  
              'title' => 'Новости',
        ); 


С последующим array_merge с тем, что ты получишь из БД. Такой файл редактировать под себя в разы проще и быстрее, согласись.

Originally Posted by SMak044

Можно но фактически ты придешь к тому, что сформируешь аналогичный массив.

Конечно. Но из в разы меньшего количества исходных данных, которые ты предлагаешь юзеру редактировать вручную, что совершенно не нужно. Так ведь?)

Originally Posted by SMak044

И так +1 запрос к бд +1 функция, для содержания которое фактически не изменяется динамически, а часто вообще не изменяется.
Лично я посчитал, что так будет проще. Хотя может быть и не совсем кошерно и не абсолютно девелоперски не правильно.... но я то и не девелопер.

Зато я вот - девелопер, и я бы никогда не заставил юзера вручную редачить километровый файлик, когда можно обойтись немного более сложным кодом. +1 функция вообще роли не играет чисто с точки зрения производительности. +1 запрос к БД может быть, но уж лучше задействовать его чем подобные головняки с редактированием. ИМХО, конечно.)

Originally Posted by Sellrion

Зато я вот - девелопер, и я бы никогда не заставил юзера вручную редачить километровый файлик

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

Originally Posted by Sellrion

А вот для этого по хорошему и надо бы использовать БД с интерфейсом в админке.

Я уже говорил, что мысль про то что разнообразный контент можно развести на разные страницы интеграции в портале, очень здравая и спасибо за нее. Тогда да фактически мы получим запись в бд, а вот если не разводить контент по разным страницам интеграции, то получим id только той что есть...