<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                本節在布局模板中加一個導航,調出系統后臺的自定義菜單 打開后臺中的 網站菜單管理![](https://img.kancloud.cn/2d/16/2d1613702dad0e19ed8b4774cd553d92_692x493.png) 后臺自己設置好菜單,我們在布局模板中加入相關調用代碼,讓在其前端顯示出來,我們先打開系統默認的看下 在系統默認`pc_layout`模板中這塊就是系統的導航菜單并且帶下拉的 ![](https://img.kancloud.cn/5a/c7/5ac7e779abe8d899b949642b85bca733_690x416.png) 當然我們不需要去完全復制系統的,我們自己先做一個導航,然后套用相應的數據即可 我們用ul列表來做一個列表導航: ![](https://img.kancloud.cn/1e/c9/1ec9850f4fc9758c1e28560b6ecc0679_476x178.png) 顯示如下: ![](https://img.kancloud.cn/c9/9d/c99dcdbf8f1746d7305312295ba1c861_511x253.png) 我們加點css讓其橫向排列(注意:這里不講html和css知識,所以相關知識請參考html和css等相關資料) 其實做模板主要就是要學會html和css,然后再了解下數據的相關調用就可以了。 加了css后,預覽如下: ![](https://img.kancloud.cn/a4/52/a4528000cf56ad35ee84c7ac2006ac43_514x143.png) 這里只做演示不做效果。我們來分析下菜單的調用 先看這行 ![](https://img.kancloud.cn/44/4c/444ce412772ad87a9b294a5d83911ad9_678x73.png) 利用php定義一個變量,`$menu_choose `并給一個值,這個值來自后面這句話: ![](https://img.kancloud.cn/f9/53/f95367c18e36b55b6219e51578ababf1_685x71.png) 這里雖然不講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}`是配對的,代表循環中間的部分進行循環顯示。 ![](https://img.kancloud.cn/bd/2a/bd2a4bbc34773a3bd640384eb4f48752_653x93.png) 這里記住固定格式即可,里面的php方法不用管,總之是得到菜單數組 一個是` pc|get _web_menu`;? 一個是`wap|get_web_menu` 我們看下簡單的代碼實現 ![](https://img.kancloud.cn/40/1b/401b8c7bf08bacd0249b221302a2b878_676x165.png) 預覽: ![](https://img.kancloud.cn/67/da/67da8a2298d85c3dc01a86aa2be6a9c3_544x141.png) 因為后臺設置了5個pc頭部菜單,所以這里循環了5個顯示 ![](https://img.kancloud.cn/b6/51/b651cf75c41bf1d4da33f01aa7221c4a_653x514.png) 這時,我們把代碼中靜態信息換成動態的變量: ![](https://img.kancloud.cn/73/3d/733db1c7c0a59307dec627ffaeed36f1_670x170.png) 相關信息就出來了 ![](https://img.kancloud.cn/ce/d7/ced7d5b867851bd8c392bd46af59bc09_540x107.png) 我們這里說明下一級循環,中間內容rs.son子菜單的循環需要css展示,道理相同不在重復表述。 還有其他的變量,就是菜單中的圖標和一些其他信息的調用,自己寫入代碼體會下即可。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看