Easyui Menu 从数据库绑定

用menu做导航,我现在是写死的,想从数据库中实时读取,两个层级关系,数据库要怎么去设计,然后怎么绑定

 <div class="easyui-panel" style="padding:5px;margin-top:13px">

            <a href="#" class="easyui-menubutton" data-options="menu:'#mm1',plain:true">人员</a>

        </div>
        <div id="mm1" style="width:100px;">
            <div><a onclick="addTab('人员管理','/Roster/Index')">人员管理</a></div>
            <div><a onclick="addTab('人员添加','/Roster/Add')">人员添加</a></div></div>
        </div>

通过AJAX实现 搜索一下JQuery AJAX 很容易,数据格式用JSON,获取数据之后用Jquery的节点操作添加数据。要实时就每隔一段时间从数据库读取一次数据。

你的是静态页还是动态页?动态页那不是直接读取数据库生成menu需要的结构就行了

如果是静态页,需要用ajax从服务器下载数据后设置容器的innerHTML,在调用menu api初始化menu的ui