[爱分享]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栏目链接

[爱分享]jeecms基础+导航条+例子分析相关推荐

Bootstrap系列 -- 38. 基础导航条
在制作一个基础导航条时,主要分以下几步: 第一步:首先在制作导航的列表(<ul class="nav">)基础上添加类名"navbar-nav" 第 ...
iOS分享短信导航条上白色，无取消按钮，无法返回应用
为什么80%的码农都做不了架构师?>>> 在使用第三方分享,分享到短信进入短信界面,不显示新信息和取消的字样,导致无法返回原应用. 如果出现此种情况,请检查你是否使用了FDFu ...
bootstrap导航条例子
有人说前端发展太快,框架太多,各有所需,各有所长.看看这幅图,估计都知道这些框架,但是大部分公司中实际要用到的也就那么几个. 发展再快,框架再多.还是得回到原点,不就是Html+Css+JavaScr ...
Bootstrap导航条学习使用(一)
本文实例为大家分享了Bootstrap导航条的具体代码,供大家参考,具体内容如下 navbar: 导航条的基础样式 nav navbar-nav :导航条里菜单的的固定样式组合的class navba ...
Bootstrap(五) 导航条、分页导航
本文转自:http://www.imooc.com/learn/141 导航条基础导航条(navbar)和上一节介绍的导航(nav),就相差一个字,多了一个"条"字.其实在Boo ...
Bootstrap学习笔记——导航条、分页导航
1 导航条导航条(navbar)比航(nav)复杂很多:导航条(navbar)中有一个背景色.而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式. 1.1 基础导 ...
Android基础控件——TabLayout的使用、仿爱奇艺导航条
TabLayout的使用.仿爱奇艺导航条学习,学习,学以致用,让基础控件贴近实战效果 TabLayout是Google新推出的Material Design的控件之一,TabLayout的使用必须结 ...
bootstrap导航条文字颜色_XEditor基础组件：导航条
导航条是网页中最常见的组件之一,它通常位于网页的顶部.当我们想浏览网站的其他部分时,我们常常会回到网页顶部,然后点击导航条中的某个链接,跳转到其他页面. XEditor提供了各种各样的导航条,在使用导 ...
爱奇艺首页底部导航按钮android,仿爱奇艺/腾讯视频ViewPager导航条实现
仿爱奇艺/腾讯视频ViewPager导航条实现,支持自定义导航条高度,宽度,颜色变化,字体大小变化.支持多种滚动模式,支持自定义每个TabView的样式.项目地址:https://github.com ...
DIV+CSS基础教程：导航条的制作详解
课程开始: 前三节课,我们知道了什么是"内容块状元素和内联元素",以及XHTML+CSS布局的核心概念"盒子模型",同时又学习了一下页面布局中两种方 ...

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

[爱分享]jeecms基础+导航条+例子分析相关推荐

最新文章

热门文章