[爱分享]jeecms基础+导航条+例子分析

基本语句总结
1.分析例子：

<link href="/${res}/css/lfp.css" rel="stylesheet" type="text/css"/>

/${res}/是进入到根目录。
css/lfp.css:是在资源里面导入自己的前段代码。
2.导入外部链接

[#include "../include/header_li.html"/]

相应的在自己的资源里面，把自己原先静态头部的代码独立出来。建立一个独立的文件夹，如：header_li。
3.导入图片

<img src="/${res}/images//g.png"/>

/${res}/进入相应的根目录

4.一级导航条：导航栏目数据获取标签
a. 循环栏目列表（ul li序列）

<ul>
  <li>

    [@cms_channel_list]  

  		 <a href="${base}/">首页</a> <!--例如 localhost/-->

	[#list tag_list as c] 

			<a  href="${c.url}">${c.name}</a> 

	[/#list] 

	[/@cms_channel_list]

</li>

</ul>

如图所示：这是加载出来的一级导航条

注意：在使用栏目标签的时候必须在栏目里面建立好相应的栏目。
${base}/ 回到首页标签 (一般情况下首页可以独立出去不用循环)

${c.url} 栏目链接 (在栏目里面的输入框中写入相应的链接)

${c.name} 栏目名称 (在栏目里面的输入框中写入相应的名称)

假如想控制导航条的数量的话，可以假如以下加*的语句进行控制：

<ul>
  <li>

    [@cms_channel_list]  

  		 <a href="${base}/">首页</a> <!--例如 localhost/-->

	[#list tag_list as c] 
			**[#if c_index<5]**
			<a  href="${c.url}">${c.name}</a> 
			**[/#if]**
	[/#list] 

	[/@cms_channel_list]

</li>

</ul>

这里面的数值自己写。

5.二级导航

在一级导航标签体中嵌套以下标签获取二级栏目列表

[@cms_channel_list parentId=c.id]

 [#list tag_list as c2]

      <li>

         <a href="${c2.url}">

          ${c2.name}

         </a>

       </li>

 [/#list] 

[/@cms_channel_list]

说明：c是一级栏目，当然也这里的参数parentId也可以指定id

tag_list是数据集合，name栏目名称，url栏目链接