齐博x1第三季《模板风格的制作》系列011-加一个导航把系统后台的菜单调出

2020-09-01 作者:torylf 分类:教程 阅读:508

打开后台中的 网站菜单管理



后台自己设置好菜单,我们在布局模板中加入相关调用代码,让在其前端显示出来,我们先打开系统默认的看下

在系统默认pc_layout模板中这块就是系统的导航菜单并且带下拉的


当然我们不需要去完全复制系统的,我们自己先做一个导航,然后套用相应的数据即可


我们用ul列表来做一个列表导航: 

显示如下:


我们加点css让其横向排列(注意:这里不讲html和css知识,所以相关知识请参考html和css等相关资料)

其实做模板主要就是要学会html和css,然后再了解下数据的相关调用就可以了。

加了css后,预览如下:

这里只做演示不做效果。我们来分析下菜单的调用

先看这行

 

利用php定义一个变量,$menu_choose 并给一个值,这个值来自后面这句话:

这里虽然不讲php知识,但是大家还是要了解下这句话的含义,这句话是一个表达式,很多编程语言里都存在,比如js里.

即? :  问号冒号 也叫三目元算符

问号前面,代表判断,表示是不是为真,如果为真,那么就体现问号后面的内容,如果为假那么就体现冒号后面的内容

举个例子,1加1等于2 ? 显示对的 :显示错的 。前置条件是真,那么就体现问号后面的内容,其他忽略,所以体现的就是“显示对的”。


所以这里问的 config(‘system_dirname’)  是不是为真 这个config(‘system_dirname’)代表当前频道的关键字(比如cms),存在的话为真。

也就是说如果我们当前访问的是某个频道页(比如cms),那么就体现config(‘system_dirname’)即(cms)。

但是这里我们访问的是首页,所以config('system_dirname')代表为假,我们这里体现就是冒号后面的内容,即index

也就是说当前的表达式,我们把index赋值给变量 $menu_choose, 即$menu_choose = 'index';

这里小段知识点比较啰嗦,如果没看懂就多看几遍,毕竟这个表达式很多地方都会用到,也很方便,堪比if~else的用法


下面看这句:{volist}和{/volist}是配对的,代表循环中间的部分进行循环显示。



这里记住固定格式即可,里面的php方法不用管,总之是得到菜单数组

一个是 pc|get _web_menu;  一个是wap|get_web_menu

我们看下简单的代码实现

预览:


因为后台设置了5个pc头部菜单,所以这里循环了5个显示


这时,我们把代码中静态信息换成动态的变量:

相关信息就出来了

我们这里说明下一级循环,中间内容rs.son子菜单的循环需要css展示,道理相同不在重复表述。

还有其他的变量,就是菜单中的图标和一些其他信息的调用,自己写入代码体会下即可。


 标签: 模板制作
{{item.nickname}} @回复
发表于{{item.create_time}}

  • {{replyitem.nickname}} {{item.create_time}}
    @{{item.nickname}}

查看更多评论