首先数据库中menu_catalog和menu表是存放菜单目录的，导航栏的展示都是从这里面取，menu中有导航栏的路径，通过这些路径以及menu_id从MainController中查找跳转的共同页面（frame.jsp）
根据点击menu_id的不同展示不同的页面，frame.jsp中包含的页面有top.jsp（里面主要引入一些公用的js，定义<html><body>的开始标签），bottom.jsp（里面是</body></html>结束标签）这两个定义在页面的最前面和最后面，中间包括header.jsp（里面是头部导航栏内容，有标题展示的逻辑），footer.jsp（这里面是底部展示的公共部分），main-sidebar.jsp（这个是左侧栏展示的内容，以及操作的逻辑），<iframe></iframe>最后是要展示的页面menuFrame，定义在iframe标签中，这里设置的最小高度是800px；如果页面需要还可以自定义高度。
代码是：
var timer; if (timer) { clearInterval(timer); } timer = setInterval(function () { var menuFrame = $(window.parent.document).find("#menuFrame"); var height = $("#bigDiv").height() + 20; menuFrame.height(height); }, 500);//每0.5秒检查一次
根据div的高度自动检测，然后根据div的高度改变menuFrame的高度，这样不同页面就可以根据内容需要设置成合适的高度。
在MainController中设置menuId，根据menuId是否选中在header.jsp中设置标题的不同样式。
原文：https://www.cnblogs.com/cxli99/p/13098508.html