导航栏的实现

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

 

 

 

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

方法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>

                                     &gt;

                                   </#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>

                              &gt;

                   <a href="${publishDirectoryService.getCatalogWebPath(catalog_navigation)}">${catalog_navigation.name}</a>

                          </#if>

     

              <#if (catalog_navigation_index + 1) = 4>

                              &gt;

               <a href="${publishDirectoryService.getCatalogWebPath(catalog_navigation)}">${catalog_navigation.name}</a>

                          </#if>

              

                       </#if>

                  </#list>

</div>

 

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