导航栏的实现

首页 > 新闻中心 > 认识科博会

 

 

导航功能的实现，是通过栏目的索引值循环出来的。

方法1、 全自动导航栏的实现(意思是点击首页，新闻中心，认识科博会 都可以进入相应的栏目下面)。

Freemaker的代码如下：

<div class="listColumnTitle">您现在的位置是：
                <#assign catalogs = catalogService.getNavigationCatalogName(catalog)/>
                   <#list catalogs?sort_by("displayOrder")?reverse as catalog_navigation>
<#if catalog_navigation.id != '0'>
<a href="${publishDirectoryService.getCatalogWebPath(catalog_navigation)}">${catalog_navigation.name}</a>
<#if (catalog_navigation_index + 1) != catalogs?size>
                                     > 
                                   </#if>
</#if>
                  </#list>
</div>

 

方法2、半自动的导航栏的实现(意思是，有些栏目是死的没有超链接的功能，不能点进去)。

Freemaker的代码如下：

<div class="listColumnTitle">您现在的位置是：
                <#assign catalogs = catalogService.getNavigationCatalogName(catalog)/>
                   <#list catalogs?sort_by("displayOrder")?reverse as catalog_navigation>
<#if catalog_navigation.id != '0'>
<#if (catalog_navigation_index + 1) = 2>
               ${catalog_navigation.name}
               </#if>
 
<#if (catalog_navigation_index + 1) = 3>
                              > 
                   <a href="${publishDirectoryService.getCatalogWebPath(catalog_navigation)}">${catalog_navigation.name}</a>
                          </#if>
      
<#if (catalog_navigation_index + 1) = 4>
                              > 
               <a href="${publishDirectoryService.getCatalogWebPath(catalog_navigation)}">${catalog_navigation.name}</a>
                          </#if> 
               
</#if>
                  </#list>
</div>

重点是理解思想，首页栏目通过id来判断，其它的栏目通过索引来判断。