Le code source généré par les balises thinkphp5 prête à confusion

Question

        <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>

L'arrangement de code ci-dessus est standard, mais je ne sais pas pourquoi la boucle tp5 est complètement foirée
Ça devient comme ça

        <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> et </ul> ne sont pas affichés selon l'indentation correcte. Bien que la page ne soit pas affectée, elle est très compliquée lors de la visualisation du code source

.

Answer 1

Tout d'abord, ce que vous écrivez ici est un langage de modèle. L'arrière-plan TP doit être davantage converti en code PHP puis exécuté. Pendant le processus de conversion de PHP, le code généré est complètement différent du code que vous voyez et peut. être beaucoup plus. Ou moins. Certains espaces, etc., sont ignorés et certains comportent des espaces et des sauts de ligne supplémentaires.

Ainsi, le code donné au navigateur deviendra ce que vous voyez, principalement à cause de l'incohérence entre les espaces et les sauts de ligne.

Enfin, le code source n'est pas visible pour les autres, le code dans votre éditeur l'est. Peu importe à quel point c'est compliqué, le navigateur a juste besoin de le reconnaître. Vous pouvez consulter certains sites Web et constater que tous les codes HTML sont entassés car ils ont été compressés. Mais cela n’a pas d’importance, alors ne vous inquiétez pas.