thinkphp5 標籤產生的原始碼混亂
迷茫
迷茫 2017-06-26 10:49:22
0
1
818
        <ul class="nav sidebar-menu">
            <li {eq name="$url" value="index"}class="active"{/eq}>
                <a href="{:url('/admin/index/index')}">
                    <i class="menu-icon glyphicon glyphicon-home"></i>
                    <span class="menu-text"> 后台首页 </span>
                </a>
            </li>
            {volist name="nav" id="vo"}
            <li>
                <a href="#" class="menu-dropdown">
                    <i class="menu-icon fa {$vo.icon}"></i>
                    <span class="menu-text"> {$vo.title} </span>
                    <i class="menu-expand"></i>
                </a>

                <ul class="submenu">
                    {volist name="vo['children']" id="sub"}
                    <?php $sname=substr($sub['name'],0,strpos($sub['name'], '/')); ?>
                    <li {eq name="$url" value="$sname"}class="active"{/eq}>
                        <a href="/admin/{$sub.name}">
                            <span class="menu-text">{$sub.title}</span>
                        </a>
                    </li>
                    {/volist}
                </ul>
            </li>
            {/volist}
        </ul>

上面程式碼排列是標準的,但不知道為什麼tp5循環出來的徹底亂了
變成了以下這樣

        <ul class="nav sidebar-menu">
            <li >
                <a href="/admin/index/index">
                    <i class="menu-icon glyphicon glyphicon-home"></i>
                    <span class="menu-text"> 后台首页 </span>
                </a>
            </li>
                        <li>
                <a href="#" class="menu-dropdown">
                    <i class="menu-icon fa fa-dropbox"></i>
                    <span class="menu-text"> 产品 </span>
                    <i class="menu-expand"></i>
                </a>

                <ul class="submenu">
                                    </ul>
            </li>
                        <li>
                <a href="#" class="menu-dropdown">
                    <i class="menu-icon fa fa-user"></i>
                    <span class="menu-text"> 管理员 </span>
                    <i class="menu-expand"></i>
                </a>

                <ul class="submenu">
                                        <li >
                        <a href="/admin/user/lst">
                            <span class="menu-text">管理员列表</span>
                        </a>
                    </li>
                                        <li class="active">
                        <a href="/admin/authrule/lst">
                            <span class="menu-text">权限列表</span>
                        </a>
                    </li>
                                        <li >
                        <a href="/admin/authgroup/lst">
                            <span class="menu-text">用户组</span>
                        </a>
                    </li>
                                    </ul>
            </li>
                        <li>
                <a href="#" class="menu-dropdown">
                    <i class="menu-icon fa fa-gear"></i>
                    <span class="menu-text"> 系统设置 </span>
                    <i class="menu-expand"></i>
                </a>

                <ul class="submenu">
                                        <li >
                        <a href="/admin/conf/lst">
                            <span class="menu-text">配置列表</span>
                        </a>
                    </li>
                                        <li >
                        <a href="/admin/conf/conf">
                            <span class="menu-text">配置项</span>
                        </a>
                    </li>
                                    </ul>
            </li>
                    </ul>

<li>和</ul>沒有按照正確的縮排顯示,雖然頁面不影響,但查看源代碼的時候就很雜亂了

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(1)
扔个三星炸死你

首先,你這裡寫的是模板語言,tp後台是要進行進一步轉換為php程式碼,然後執行,在轉換php的過程中,產生的程式碼和你看到的程式碼完全不一樣,可能多了很多,或少了一些。空格甚麼的,有些被忽略,有些又多了一些空格換行啥的。

所以,給瀏覽器的程式碼就會變成你看到的樣子,主要是空格和換行導致你看到的不一致。

最後說下,原始碼不是給人看的,你編輯器裡面的程式碼才是。再亂,瀏覽器認識就好,你可以看看一些網站,所有HTML程式碼都擠在一起,因為他們壓縮過了。但也不影響,所以不要糾結這個。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板