diff --git a/OpenAuth.Web/Views/Menu/Navigate.cshtml b/OpenAuth.Web/Views/Menu/Navigate.cshtml
new file mode 100644
index 00000000..2649e04e
--- /dev/null
+++ b/OpenAuth.Web/Views/Menu/Navigate.cshtml
@@ -0,0 +1,62 @@
+@model OpenAuth.App.DTO.MenuForUserResponse
+<div id="sidebar">
+    <div id="sidebar-shortcuts">
+        <div id="sidebar-shortcuts-large">
+            <button class="btn btn-small btn-success"><i class="icon-signal"></i></button>
+            <button class="btn btn-small btn-info"><i class="icon-pencil"></i></button>
+            <button class="btn btn-small btn-warning"><i class="icon-group"></i></button>
+            <button class="btn btn-small btn-danger"><i class="icon-cogs"></i></button>
+        </div>
+        <div id="sidebar-shortcuts-mini">
+            <span class="btn btn-success"></span>
+            <span class="btn btn-info"></span>
+            <span class="btn btn-warning"></span>
+            <span class="btn btn-danger"></span>
+        </div>
+    </div><!-- #sidebar-shortcuts -->
+
+    <ul class="nav nav-list">
+
+    @foreach (var menu in Model.Menus)
+    {
+        <li>
+            <a href="@menu.NavigateUrl">
+                <i class="icon-dashboard"></i>
+                <span>@menu.FullName</span>
+            </a>
+        </li>
+    }
+        <li><a href="#" id="menuLoadMenus"><i class="icon-double-angle-right"></i> 菜单管理</a></li>
+        <li><a href="#" id="menuLoadButtons"><i class="icon-double-angle-right"></i> 按钮管理</a></li>
+        <li>
+            <a href="#" class="dropdown-toggle">
+                <i class="icon-file"></i>
+                <span>其他</span>
+                <b class="arrow icon-angle-down"></b>
+            </a>
+            <ul class="submenu">
+                <li><a href="error-404.html"><i class="icon-double-angle-right"></i> Error 404</a></li>
+                <li><a href="error-500.html"><i class="icon-double-angle-right"></i> Error 500</a></li>
+            </ul>
+        </li>
+    </ul><!--/.nav-list-->
+
+    <div id="sidebar-collapse"><i class="icon-double-angle-left"></i></div>
+</div><!--/#sidebar-->
+
+<script type="text/javascript">
+    $(document).ready(function() {
+        $("#menuLoadButtons").click(function () {
+            $.get('@Url.Action("List","Button")', function (data, status) {
+                $("#main-content").html(data);
+            });
+        });
+
+        $("#menuLoadMenus").click(function () {
+            $.get('@Url.Action("List","Menu")', function (data, status) {
+                $("#main-content").html(data);
+            });
+        });
+    });
+
+</script>
\ No newline at end of file