Zhiqim Console（管理控制台）是知启蒙框架中最简洁的管理控制台组件，没有数据库，只保留一个账号，非常适用于后端程序嵌入WEB控制台模式，包括首页、登录、主界面、左侧菜单和欢迎页功能，依赖该组件实现基本的账号验证，通过覆盖原则增加自有功能。
mainFrame.htm4KB
<!DOCTYPE html>
<html>
<head>
<title>${context.getContextName()}</title>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
${Styles.src(zhiqim.css)}
${Scripts.src(zhiqim.js)}
${Scripts.setContextPath(context)}
${Scripts.src(zhiqim_iframenav.js)}
${Styles.src(zmr_theme.css)}
${Scripts.src(zmr_theme.js)}
${Styles.htmlOverflowHidden()}
${zhiqim_manager_console_log()}
<script>
//初始化
Z.onload(Zmr.containerFrame);
Z.onload(function(){Zmr.iframenavF5(${sessionUser.isWelcomeUrl()}, '${sessionUser.getIncludeUrl()}')});
//窗口变动
Z(window).resize(Zmr.containerFrame);
Z(window).resize(Zin.setTranslateForShowActive);
</script>
</head>
<body>
<!--顶部导航 -->
<div id="topnav" class="topnav">
<div id="logo" class="logo z-pointer z-text-left ${zhiqim_manager_logo_px()} ${sessionUser.getSidebarClass()}" onclick="Zin.selectIframeTab('menu_index');">${context.getAttribute("name")}</div>
<div class="topnavleft">
<div class="bar z-w60 z-text-center z-pointer" onclick="Zmr.sidebar();"><i class="z-font z-list z-px22"></i></div>
${zhiqim_manager_topnav_left_defined()}
</div>
<div class="topnavright">
${zhiqim_manager_topnav_right_defined()}
<div class="nav z-w100 z-text-center z-pointer z-user-select-none" onclick="Zin.refreshIframeTabActive();">刷新</div>
<div class="nav z-w100 z-text-center z-pointer z-user-select-none" onclick="Z.L.confirm('${context.getRootPath("/"+zhiqim_manager+"/logout.htm")}', '确实要退出吗?');">退出系统</div>
</div>
<div id="topnaviframe" class="z-hidden-fixed"></div>
</div>
<!--容器开始 -->
<div id="container" class="container">
<!--侧边导航 -->
<div id="sidebar" class="sidebar ${sessionUser.getSidebarClass()}">
<!-- 个人中心 -->
<div class="user-box">
<div class="avatar-box z-text-center">
<a href="javascript:void(0);" ${sessionUser.getIncludeUrl()==context.getRootPath("/"+zhiqim_manager+"/profile.htm")?"class='onloadmenu'":""} onclick="Zin.doClickChildMenu(this, '${context.getRootPath("/"+zhiqim_manager+"/profile.htm")}');" data-text="个人中心" rel="nofollow">
<img class="z-bd-rd50p z-w70 z-h70" src="${sessionUser.getAvatar100()}">
</a>
</div>
<div class="z-pd-t20 z-text-center z-lh25 z-color-white">
<span class="z-px14 z-bold">${sessionUser.getSessionName()}</span><br>
</div>
</div>
<!-- 栏目列表 -->
<ul>
<li id="menu_index" onclick="Zin.selectIframeTab('menu_index');" class="active"><i class="z-font z-mg-r10 z-house"></i>首页</li>
${zhiqim_manager_sidebar_menu()}
</ul>
</div>
<!-- 框架导航 -->
<div id="iframenav" class="iframenav z-h40 z-lh40 z-bg-white z-bd-b" style="margin-left:<#if sessionUser.hasSidebar()>200px<#else>0</#if>">
<div class="iframenav-prev" onclick="Zin.turnIframeTab(false);"><i class="z-font z-arrow-left"></i><i class="z-font z-arrow-left"></i></div>
<div class="iframenav-tab-wrap">
<ul class="iframenav-tab-list">
<li class="iframenav-tab-item active" id="tab_menu_index" onclick="Zin.selectIframeTabEvent(event);"><span>首页</span></li>
</ul>
</div>
<div class="iframenav-next" onclick="Zin.turnIframeTab(true);"><i class="z-font z-arrow-right"></i><i class="z-font z-arrow-right"></i></div>
<div class="iframenav-ctrl">
<div class="iframenav-ctrl-title" onclick="Zin.toggleIframeCtrlWrap();">关闭操作<i class="z-font z-arrow-down"></i></div>
<div class="iframenav-ctrl-wrap">
<ul>
<li class="iframenav-ctrl-item" onclick="Zin.selectIframeTabActive();">定位当前选项卡</li>
</ul>
<ul>
<li class="iframenav-ctrl-item" onclick="Zin.closeIframeTabAll();">关闭全部选项卡</li>
<li class="iframenav-ctrl-item" onclick="Zin.closeIframeTabOther();">关闭其他选项卡</li>
</ul>
</div>
</div>
</div>
<!--框架内容-->
<div id="mainbody" class="mainbody iframenav-cont z-h100p" style="margin-left:<#if sessionUser.hasSidebar()>200px<#else>0</#if>">
<div id="iframe_menu_index" class="iframenav-cont-item active">
<iframe id="mainFrame" name="mainFrame" frameborder="0" scrolling="auto" src="welcome.htm"></iframe>
</div>
</div>
<!--容器结束 -->
</div>
</body>
</html>