diff --git a/data/menu.json b/data/menu.json
new file mode 100644
index 0000000..a088f2e
--- /dev/null
+++ b/data/menu.json
@@ -0,0 +1,260 @@
+{
+  "status": 1000,
+  "msg": "操作成功",
+  "data": [
+    {
+      "title": "后台首页",
+      "fontFamily": "ok-icon",
+      "icon": "",
+      "href": "pages/home.html",
+      "isClose": false,
+      "spread": true,
+      "isCheck": true
+    },
+    {
+      "title": "字体图标",
+      "icon": "",
+      "href": "pages/other/okfont.html",
+      "spread": false
+    },
+    {
+      "title": "图表管理",
+      "icon": "",
+      "href": "",
+      "spread": false,
+      "children": [
+        {
+          "title": "地图",
+          "fontFamily": "my-icon",
+          "icon": "my-iconditu",
+          "spread": false,
+          "children": [
+            {
+              "title": "中国地图",
+              "icon": "",
+              "href": "pages/echarts/mapchina2.html",
+              "spread": false
+            },
+            {
+              "title": "地区地图",
+              "icon": "",
+              "href": "pages/echarts/mapchina.html",
+              "spread": false
+            }
+          ]
+        },
+        {
+          "title": "数据图",
+          "fontFamily": "my-icon",
+          "icon": "my-icontubiao",
+          "spread": false,
+          "children": [
+            {
+              "title": "统计图",
+              "icon": "",
+              "href": "pages/echarts/map1.html",
+              "spread": false
+            },
+            {
+              "title": "折线图",
+              "icon": "",
+              "href": "pages/echarts/map2.html",
+              "spread": false
+            },
+            {
+              "title": "馅饼图",
+              "icon": "",
+              "href": "pages/echarts/map4.html",
+              "spread": false
+            },
+            {
+              "title": "圆形图",
+              "icon": "",
+              "href": "pages/echarts/map5.html",
+              "spread": false
+            },
+            {
+              "title": "指数图",
+              "icon": "",
+              "href": "pages/echarts/map6.html",
+              "spread": false
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "title": "框架使用说明",
+      "fontFamily": "ok-icon",
+      "icon": "",
+      "spread": false,
+      "children": [
+        {
+          "title": "插件目录",
+          "href": "pages/help/plugDirectory.html",
+          "spread": false
+        },
+        {
+          "title": "内部添加导航",
+          "href": "pages/help/navOperate.html",
+          "spread": false
+        },
+        {
+          "title": "导航的图标",
+          "href": "pages/help/navIcon.html",
+          "spread": false
+        },
+        {
+          "title": "导航的参数",
+          "href": "pages/help/navParameter.html",
+          "spread": false
+        }
+      ]
+    },
+    {
+      "title": "第三方js库",
+      "icon": "",
+      "children": [
+        {
+          "title": "二维码",
+          "href": "pages/tripartite/qrcode.html"
+        }
+      ]
+    },
+    {
+      "title": "会员管理",
+      "icon": "",
+      "href": "",
+      "spread": false,
+      "children": [
+        {
+          "title": "用户列表",
+          "fontFamily": "layui-icon",
+          "icon": "",
+          "href": "pages/user/user.html",
+          "spread": false
+        },
+        {
+          "title": "角色列表",
+          "icon": "",
+          "href": "pages/role/role.html",
+          "spread": false
+        },
+        {
+          "title": "权限列表",
+          "icon": "",
+          "href": "pages/permission/permission.html",
+          "spread": false
+        }
+      ]
+    },
+    {
+      "title": "新闻管理",
+      "icon": "",
+      "href": "",
+      "spread": false,
+      "children": [
+        {
+          "title": "文章列表",
+          "fontFamily": "layui-icon",
+          "icon": "",
+          "href": "pages/article/article.html",
+          "spread": false
+        }
+      ]
+    },
+    {
+      "title": "多级导航",
+      "fontFamily": "ok-icon",
+      "icon": "ok-iconnavigation-2",
+      "spread": false,
+      "children": [
+        {
+          "title": "二级导航",
+          "href": "",
+          "spread": false,
+          "children": [
+            {
+              "title": "三级导航1",
+              "fontFamily": "ok-icon",
+              "icon": "ok-iconairplay",
+              "href": "pages/home.html",
+              "spread": false
+            },
+            {
+              "title": "三级导航2",
+              "href": "",
+              "spread": false,
+              "children": [
+                {
+                  "title": "四级导航1",
+                  "href": "",
+                  "spread": false
+                },
+                {
+                  "title": "四级导航2",
+                  "href": "",
+                  "spread": false,
+                  "children": [
+                    {
+                      "title": "五级导航",
+                      "fontFamily": "ok-icon",
+                      "icon": "&#xe971",
+                      "href": "",
+                      "spread": false
+                    },
+                    {
+                      "title": "五级导航",
+                      "href": "",
+                      "spread": false
+                    },
+                    {
+                      "title": "登录",
+                      "icon": "",
+                      "href": "pages/login.html",
+                      "spread": false,
+                      "target": "_blank"
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "title": "系统管理",
+      "icon": "",
+      "href": "",
+      "spread": false,
+      "children": [
+        {
+          "title": "登录",
+          "icon": "",
+          "href": "pages/login.html",
+          "spread": false,
+          "target": "_blank"
+        },
+        {
+          "title": "403页面",
+          "icon": "",
+          "href": "pages/common/403.html",
+          "spread": false
+        },
+        {
+          "title": "404页面",
+          "icon": "",
+          "href": "pages/common/404.html",
+          "spread": false
+        },
+        {
+          "title": "500页面",
+          "icon": "",
+          "href": "pages/common/500.html",
+          "spread": false
+        }
+      ]
+    }
+  ]
+}
diff --git a/index.html b/index.html
index d8b8d62..3541072 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,7 @@
         <div class="layui-side-scroll">
             <ul class="layui-nav layui-nav-tree" lay-shrink="all">
                 <li class="layui-nav-item layui-nav-itemed">
-                    <a class="" href="javascript:;">
+                    <a href="javascript:;">
                         <i class="iconfont icon-huiyuan"></i> 会员管理
                     </a>
                     <dl class="layui-nav-child">
@@ -56,7 +56,7 @@
                     </dl>
                 </li>
                 <li class="layui-nav-item">
-                    <a class="" href="javascript:;">
+                    <a href="javascript:;">
                         <i class="iconfont icon-ai-new"></i> 新闻管理
                     </a>
                     <dl class="layui-nav-child">
@@ -64,7 +64,7 @@
                     </dl>
                 </li>
                 <li class="layui-nav-item">
-                    <a class="" href="javascript:;">
+                    <a href="javascript:;">
                         <i class="iconfont icon-liuyan"></i> 留言管理
                     </a>
                     <dl class="layui-nav-child">
@@ -72,7 +72,7 @@
                     </dl>
                 </li>
                 <li class="layui-nav-item">
-                    <a class="" href="javascript:;">
+                    <a href="javascript:;">
                         <i class="iconfont icon-xiazai"></i> 下载中心
                     </a>
                     <dl class="layui-nav-child">
@@ -80,7 +80,7 @@
                     </dl>
                 </li>
                 <li class="layui-nav-item">
-                    <a class="" href="javascript:;">
+                    <a href="javascript:;">
                         <i class="iconfont icon-youqinglianjie"></i> 友情链接
                     </a>
                     <dl class="layui-nav-child">
@@ -88,7 +88,7 @@
                     </dl>
                 </li>
                 <li class="layui-nav-item">
-                    <a class="" href="javascript:;">
+                    <a href="javascript:;">
                         <i class="iconfont icon-weibiaoti35"></i> 产品管理
                     </a>
                     <dl class="layui-nav-child">
diff --git a/js/okadmin.js b/js/okadmin.js
index a06f50b..279bcd5 100644
--- a/js/okadmin.js
+++ b/js/okadmin.js
@@ -2,10 +2,12 @@ layui.config({
     base: "lib/okPlugins/"
 }).extend({
     okTab: "okTab",
-}).use(["element", "layer", "okTab"], function () {
+    okUtils: "okUtils"
+}).use(["element", "layer", "okTab", "okUtils"], function () {
     var $ = layui.jquery;
     var layer = layui.layer;
     var okTab = layui.okTab;
+    var okUtils = layui.okUtils;
 
     /**
      * localhost运行提示
@@ -31,6 +33,30 @@ layui.config({
         }
     });
 
+    // TODO 加载左侧菜单 ！！！！！！！！！！！！
+    okUtils.ajax("data/menu.json", "get").done(function (response) {
+        var html = "";
+        for (var i = 0; i < response.length; i++) {
+            var d = response[i];
+            html += "<li class='layui-nav-item'>"
+            html += "<a href='javascript:;'>"
+            html += "<i class='iconfont icon-huiyuan'></i> " + response[i].title;
+            html += "</a>"
+            if (d.children != undefined && d.children.length > 0) {
+                html += "<dl class='layui-nav-child'>"
+                for (var j = 0; j < d.children.length; j++) {
+                    html += "<dd><a href='javascript:;' path='pages/user/user.html' tab-id='1-1'><i class='iconfont icon-dianliyonghuzongshu'></i> " + d.children[j].title + "</a></dd>";
+                }
+                html += "</dl>"
+            }
+            html += "</li>";
+        }
+        // alert(html)
+        // $(".layui-nav-tree").html(html);
+    }).fail(function (error) {
+        console.log(error)
+    });
+
     /**
      * 点击左边菜单在右边添加选项卡
      */