TP3.2二级导航与高亮显示
2018-06-22 05:25:40来源:未知 阅读 ()
闲来无事,记记笔记
二级导航的实现,就是一个二级联动,嗯
先来看看数据库,我喜欢用一个表,表多了就不好玩了
二级代号取一级导航的代号就行了,做个简单的栗子;
代码部分:
看控制器,大头在这:
<?php namespace Otcms\controller; use Think\controller; use Otcms\controller\WxhController; use Think\index; class WxhController extends Controller { public function index() { $cha = M('article'); $chaa = $cha->where("a_keyword = 274")->select(); foreach($chaa as &$v) { $aid = $v['a_id']; $aa = $cha->where("laiyuan = $aid")->select(); //判断是否有二级菜单 if(empty($aa)) { $v['shao']=""; } else{ $v['shao']= $aa; } //dump($aa); } $this->assign('chaa',$chaa); $this->display('Wxh:public/25-1index'); } }
嗯 第一个sql是一级导航的 第二个就是查的二级导航,
看前端代码:
<nav class="nav"> <ul class="ul1"> <foreach name="chaa" item="ab"> <li class="li1"> <a href="about.html">{$ab.a_title}</a> <if condition=" $ab['shao'] neq '' "> <ul> <foreach name="ab[ 'shao'] " item="v "> <li> <a href="about.html ">{$v.a_title}</a> </li> </foreach> </ul> <else /> </if> </li> </foreach> </ul> </nav>
这里的 <if condition=" $ab['shao'] neq '' ">是判断是否为空
高亮显示:
var pathArray = location.pathname;
$aa=$("a[href='"+pathArray+"']").$dd.addClass("current");
这两句代码可以搞定大多数导航高亮,
遇到特殊的需要使用:可以取到他的父级:用parents
<script type="text/javascript">
var pathArray = location.pathname;
$("a[href='"+pathArray+"']").parents('li').addClass("current");
</script>
第二种:
控制器里获取地址:
$action = CONTROLLER_NAME."/".ACTION_NAME;
$this->assign('action',$action);
获取到 然后前端:
<if condition=" $cdsy[0]['miaoshu'] eq $action">
看看是不是跟我存的地址是一样的!
ok 学习笔记@@@
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- php可应用于面包屑导航的迭代寻找家谱树实现方法 2019-08-23
- 使用tp3.2和mbUploadify.js上传图片的代码,记录一下 2018-12-11
- tp3.2和Bootstrap模态框导入excel表格数据 2018-12-04
- 关于TP3.2框架读取Sql server中文字段数据以及处理乱码的一 2018-11-26
- 关于TP3.2微信开发那点事(基础篇) 2018-06-23
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash