首頁  >  文章  >  後端開發  >  ThinkPhp3.2中關於二級導航與高亮顯示的程式碼案例

ThinkPhp3.2中關於二級導航與高亮顯示的程式碼案例

黄舟
黄舟原創
2018-05-19 16:19:251928瀏覽

閒來無事,記筆記

二級導航的實現,就是一個二級聯動,嗯

先來看看資料庫,我喜歡用一個表,表多了就不好玩了

 

# 二級代號取一級導航的代號就行了,做個簡單的栗子;

程式碼部分:

看控制器,大頭在這:

<?php
namespace Otcms\controller;
use Think\controller;
use Otcms\controller\WxhController;
use Think\index;
class WxhController extends Controller
{
    public function index()
    {
        $cha = M(&#39;article&#39;);
        $chaa = $cha->where("a_keyword = 274")->select();

        foreach($chaa as &$v)
        {

            $aid = $v[&#39;a_id&#39;];

      $aa =  $cha->where("laiyuan = $aid")->select();

            //判断是否有二级菜单

            if(empty($aa))
            {
                $v[&#39;shao&#39;]="";
            }
            else{
                           $v[&#39;shao&#39;]= $aa;

            }

//dump($aa);
        }
        $this->assign(&#39;chaa&#39;,$chaa);



        $this->display(&#39;Wxh:public/25-1index&#39;);
    }



}

嗯 第一個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[&#39;shao&#39;]  neq &#39;&#39; ">
                                            <ul>

                                                <foreach name="ab[ &#39;shao&#39;] " item="v ">

                                                    <li>
                                                        <a href="about.html ">{$v.a_title}</a>
                                                    </li>

                                                </foreach>

                                            </ul>   
                                            <else />
                                        </if>
                                    </li>

                                </foreach>

                            </ul>
                        </nav>

這裡的 24062f5f7c6270271651146844a9f9b4是判斷是否為空

高亮顯示:

var pathArray = location.pathname;$aa=$("a[href=&#39;"+pathArray+"&#39;]").$dd.addClass("current");

這兩句程式碼可以搞定大多數導航高亮,

遇到特殊的需要使用:可以取到他的父級:用parents

<script type="text/javascript">var pathArray = location.pathname;
$("a[href=&#39;"+pathArray+"&#39;]").parents(&#39;li&#39;).addClass("current");
</script>

以上是ThinkPhp3.2中關於二級導航與高亮顯示的程式碼案例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn