コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

Freemarker がツリー ナビゲーション メニューを生成する方法

一个新手
リリース： 2017-09-20 09:19:08
オリジナル
1712 人が閲覧しました

多くのナビゲーション メニューはツリー状になっており、レベルごとに分割されているため、確実に再帰的に処理する必要があります。
Freemarker の場合、マクロはシグネチャとパラメータ リストを定義する関数に相当します。

そのため、フリーマーカーページでは次のように記述する必要があります: 

        <#macro menuTree menus>
            <#if menus?? && menus?size gt 0>
                <#list menus as menu>
                    <tr>
                        <td>
                            <input type="checkbox" name="ids" value="${menu.id}" />
                        </td>
                        <td>
                <span title="${menu.name!}" style="margin-left: ${menu.leaf * 30}px;[#if menu.leaf == 0] color: #000000;[/#if]">
                ${menu.menuName!}
                </span>
                        </td>
                        <td>
                        ${menu.url!}
                        </td>
                        <td>
                        ${menu.permissionText!}
                        </td>
                        <td>
                        ${menu.sortNo!}
                        </td>
                        <td>
                            <a href="edit.jhtml?id=${menu.id}">[编辑]</a>
                        </td>
                    </tr>
                <#if menu.menuBeans?? && menu.menuBeans?size gt 0>
                    <@menuTree menus = menu.menuBeans/>
                </#if>
                </#list>
            </#if>
        </#macro>
        <!-- 调用宏 生成递归树 -->
    <@menuTree menus = dto />
ログイン後にコピー

バックエンドデータ: 

[
    {
        "id": 1, 
        "enable": true, 
        "remark": null, 
        "createBy": 1, 
        "createTime": 1503546411000, 
        "updateBy": 1, 
        "updateTime": 1503546415000, 
        "keyword": null, 
        "menuName": "系统管理", 
        "menuType": 1, 
        "parentId": null, 
        "iconcls": null, 
        "url": null, 
        "expand": null, 
        "sortNo": null, 
        "permission": null, 
        "moduleId": 1, 
        "parentName": null, 
        "leaf": 0, 
        "typeName": null, 
        "permissionText": null, 
        "menuBeans": [
            {
                "id": 7, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "模块管理", 
                "menuType": 1, 
                "parentId": 1, 
                "iconcls": null, 
                "url": "/module/list", 
                "expand": null, 
                "sortNo": null, 
                "permission": null, 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }, 
            {
                "id": 3, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "菜单管理", 
                "menuType": 1, 
                "parentId": 1, 
                "iconcls": null, 
                "url": "/menu/list", 
                "expand": null, 
                "sortNo": null, 
                "permission": "admin:add", 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }
        ]
    }, 
    {
        "id": 2, 
        "enable": true, 
        "remark": null, 
        "createBy": 1, 
        "createTime": 1503546411000, 
        "updateBy": 1, 
        "updateTime": 1503546415000, 
        "keyword": null, 
        "menuName": "用户管理", 
        "menuType": 1, 
        "parentId": null, 
        "iconcls": null, 
        "url": null, 
        "expand": null, 
        "sortNo": null, 
        "permission": null, 
        "moduleId": 1, 
        "parentName": null, 
        "leaf": 0, 
        "typeName": null, 
        "permissionText": null, 
        "menuBeans": [
            {
                "id": 9, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "供应商管理", 
                "menuType": 1, 
                "parentId": 2, 
                "iconcls": null, 
                "url": null, 
                "expand": null, 
                "sortNo": null, 
                "permission": null, 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }, 
            {
                "id": 8, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "部门管理", 
                "menuType": 1, 
                "parentId": 2, 
                "iconcls": null, 
                "url": null, 
                "expand": null, 
                "sortNo": null, 
                "permission": null, 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }, 
            {
                "id": 6, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "权限管理", 
                "menuType": 1, 
                "parentId": 2, 
                "iconcls": null, 
                "url": "/user/list-6", 
                "expand": null, 
                "sortNo": null, 
                "permission": null, 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }, 
            {
                "id": 5, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "角色管理", 
                "menuType": 1, 
                "parentId": 2, 
                "iconcls": null, 
                "url": "/user/list-5", 
                "expand": null, 
                "sortNo": null, 
                "permission": null, 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }, 
            {
                "id": 4, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "分销商管理", 
                "menuType": 1, 
                "parentId": 2, 
                "iconcls": null, 
                "url": "/user/add-4", 
                "expand": null, 
                "sortNo": null, 
                "permission": null, 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }, 
            {
                "id": 10, 
                "enable": true, 
                "remark": null, 
                "createBy": 1, 
                "createTime": 1503546411000, 
                "updateBy": 1, 
                "updateTime": 1503546415000, 
                "keyword": null, 
                "menuName": "员工管理", 
                "menuType": 1, 
                "parentId": 2, 
                "iconcls": null, 
                "url": null, 
                "expand": null, 
                "sortNo": null, 
                "permission": null, 
                "moduleId": 1, 
                "parentName": null, 
                "leaf": 1, 
                "typeName": null, 
                "permissionText": null, 
                "menuBeans": null
            }
        ]
    }
]
ログイン後にコピー

以上がFreemarker がツリー ナビゲーション メニューを生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
freemarker ナビゲーション メニュー
ソース：php.cn
前の記事：JS は静的なページの検索と強調表示を実装します。 次の記事：Debian Raspberry Pi に NodeJS をインストールする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1995
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2159
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1823
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1716
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1737
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート