包简介

This is an OOP way to build bootstrap menu, with nested sub-menus.

README 文档

README

Bootstrap menu builder

Installation

composer require vilnius-technology/bootstrap-menu-builder dev-master

Usage example for Laravel

Prepare your template

    <!DOCTYPE html>
    <html>
        <head>
            <title>Bootstrap menu builder with laravel</title>
            <link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
            <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
    
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha256-Sk3nkD6mLTMOF0EOpNtsIry+s1CsaqQC1rVLTAy+0yc= sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
    
        </head>
        <body>
            <div class="container">
    
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                Test menu title
                                <span class="caret"></span>
                            </a>
                            {!! $menu  !!}
                        </li>
                    </ul>
                </div>

                <div class="content">
                    <div class="title">Bootstrap menu builder with laravel</div>
                </div>
            </div>
        </body>
    </html>

Implement menu building in your controller

    <?php
    
    namespace App\Http\Controllers;
    
    use VilniusTechnology\BootstrapMenuBuilder\BootstrapMenuBuilder;
    use VilniusTechnology\BootstrapMenuBuilder\EntryObject;
    use VilniusTechnology\BootstrapMenuBuilder\MenuListObject;
    
    class TestController extends Controller
    {
        public function test()
        {
            $text = new EntryObject('id1', 'parent1', 'Url1_', 'Title 1');
            $text2 = new EntryObject('id2', 'parent2', 'Url2_', 'Title 2' );
    
            $list = new MenuListObject('Menu List', [$text2, $text]);
    
            $contents = [
                    $text,
                    $list,
                    $text2,
            ];
    
            $bmb = new BootstrapMenuBuilder(true);
            $menu = $bmb->buildMenu($contents);
    
            return view('welcome', ['menu' => $menu]);
        }
    }

CSS

If You are using older bootstrap versions, You migh need to add this CSS:

    div.collapse {
        overflow: visible;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
    }
    
    .dropdown-submenu {
        position:relative;
        font-size: 9px;
        font-weight: normal;
        line-height: 0.9;
    }
    
    .dropdown .caret {
        margin-left: 7px;
    }
    
    ul.dropdown-menu {
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
    }
    
    li.dropdown-submenu a {
        font-weight: 400;
    }
    
    .dropdown-submenu > .dropdown-menu {
        top:0;
        left:100%;
        margin-top:-6px;
        margin-left:-1px;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
    }
    
    .dropdown-submenu:hover > .dropdown-menu{
        display:block;
    }
    
    .dropdown-submenu > a:after{
        display:block;
        content:" ";
        float:right;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid;
        border-width:5px 0 5px 5px;
        border-left-color:#cccccc;
        margin-top:5px;
        margin-right:-15px;
        margin-left: 10px;
    }
    
    .dropdown-submenu:hover > a:after{
        border-left-color:#ffffff;
    }
    
    .dropdown-submenu .pull-left{
        float:none;
    }
    
    .dropdown-submenu.pull-left > .dropdown-menu{
        left:-100%;
        margin-left:10px;
        -webkit-border-radius:6px 0 6px 6px;
        -moz-border-radius:6px 0 6px 6px;
        border-radius:6px 0 6px 6px;
    }
    
    .root:hover > .dropdown-menu{
        display: block;
    }

API

`$bmb = new BootstrapMenuBuilder(true);`

`$bmb->createRoot();`

Sub menu

Is represented by class: MenuListObject(). It accepts params:

Menu entry

Is represented by EntryObject(). It accepts params:

vilnius-technology/bootstrap-menu-builder 适用场景与选型建议

vilnius-technology/bootstrap-menu-builder 是一款基于 PHP 开发的 Composer 扩展包，目前已累计 60 次下载、GitHub Stars 达 1，最近一次更新时间为 2015 年 10 月 23 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「symfony」「php」「bootstrap」「OOP」「laravel」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 vilnius-technology/bootstrap-menu-builder 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 vilnius-technology/bootstrap-menu-builder 我们能提供哪些服务？

定制开发 / 二次开发

基于 vilnius-technology/bootstrap-menu-builder 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 vilnius-technology/bootstrap-menu-builder 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

ufo-cms/json-rpc-bundle 5

The bundle for easy using json-rpc api on your project

emmanuel/livewire-datatable-bs4 16

Views for the package MedicOneSystems Livewire Datatables with Bootstrap 4

yoanbernabeu/daplos-bundle 1

Bundle Symfony DaplosBundle

dynamic/bootstrap-select 3

bootstrap select field module implementing http://silviomoreto.github.io/bootstrap-select/

const-se/selectize-bootstrap4-theme 41

Selectize Theme for Bootstrap 4

foxtes/alfabank-rest 1

Alfabank REST API integration

vilnius-technology/bootstrap-menu-builder

包简介

关键字：