zyy
/
ziqim


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380
							<#--定义变量-->
<#var upload.rootDir="./upload"/>
<#var document.index="/document/tutorial/ui/index.htm"/>

<#--定义包含文件-->
<#include "/conf/mobile.zml"/>
<#include "/conf/sidebar.zml"/>

<#---------------------------------------------------->
<#--  以下为HEAD定义  --------------------------------->
<#---------------------------------------------------->

<#--头部起始-->
<#function zhiqim_com_header()>
<!DOCTYPE html>
<html>
<head>
<title>${context.getContextName()}<#if Validates.isNotEmpty(title)>_${title}</#if></title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
<meta name="Author" content="${context.getContextName()}" />
<meta name="Keywords" content="<#if Validates.isNotEmpty(keyword)>${keyword} </#if>${context.getAttribute("keywords")}"/>
<meta name="Description" content="<#if Validates.isNotEmpty(desc)>${desc}<#else>${context.getAttribute("description")}</#if>"/>
${Styles.src("/src/zhiqim.css")}
${Scripts.src("/src/zhiqim.js")}
${Scripts.src("/src/zhiqim_static.js")}
${Scripts.src("/src/zhiqim_static_util.js")}
${Scripts.src("/src/zhiqim_query.js")}
${Scripts.src("/src/zhiqim_md5.js")}
${Scripts.src("/src/zhiqim_dialog.js")}
${Scripts.src("/src/zhiqim_ajax.js")}
${Scripts.src("/src/zhiqim_calendar.js")}
${Scripts.src("/src/zhiqim_form.js")}
${Scripts.src("/src/zhiqim_drag.js")}
${Scripts.src("/src/zhiqim_dropdown.js")}
${Scripts.src("/src/zhiqim_tabnav.js")}
${Scripts.src("/src/zhiqim_floater.js")}
${Scripts.src("/src/zhiqim_editable.js")}
${Scripts.src("/src/zhiqim_upload.js")}
${Scripts.src("/src/zhiqim_uploadmult.js")}
${Styles.src(context.getRootPath("/zinc/www/main.css"))}
${zhiqim_account_www_header_autoLogin()}
<script>
Z.onload(function()
{
    Z(".sidebar-child p.hasChild").click(function()
    {
        Z(this).next("ul").slideToggle().siblings("ul").slideUp();
    });
});
</script>
<#if Strings.startsWith(request.getPathInContext(), "/knowledgeLibrary/")>
${Scripts.src(context.getRootPath("/zinc/www/zhiqim_scrolltotop.js"))}
</#if>
<#if Strings.startsWith(request.getPathInContext(), "/document/")>
${Scripts.src(context.getRootPath("/zinc/www/zhiqim_scrolltotop.js"))}
</#if>
</head>
<body>
</#function>

<#--自动登录-->
<#function zhiqim_account_www_header_autoLogin()>
<script>
Z.onload(function()
{
    <#var isRemember = request.getCookie("isRemember")/>
    <#var userAccount = request.getCookie("userAccount")/>
    <#var userPass = request.getCookie("userPass")/>
    <#if request.getSessionUser()==null && Validates.isNotEmpty(isRemember) && Validates.isNotEmpty(userAccount) && Validates.isNotEmpty(userPass)>
        var ajax = new Z.Ajax();
        ajax.setClassName("UserPassportPresenter");
        ajax.setMethodName("login");
        ajax.addParam("userAccount", '${userAccount}');
        ajax.addParam("userPass", '${userPass}');
        ajax.addParam("isRemember", '${isRemember}');
        ajax.addParam("isAuto", 'on');
        ajax.setSuccess(function(){Z.l.reload();});
        ajax.execute();
    </#if>
});
</script>
</#function>

<#--顶部导航-->
<#function zhiqim_com_topnav(nav)>
<!--pc-->
<div class="topnav"<#if htmlOverflowHidden> style="padding-right:17px;"</#if>>
    <div id="logo" class="logo z-text-center"><img src="/zinc/www/images/logo_z.png"/></div>
    <div class="logoname z-text-left"><img src="/zinc/www/images/logo_zhiqimeng.png"/></div>
    <div class="topnavleft">
        <div class="nav <#if nav=="index">active</#if>" onclick="Z.L.href('${context.getRootPath("/index.htm")}');">首页</div>
        <div class="nav <#if nav=="product">active</#if>" onclick="Z.L.href('${context.getRootPath("/product/www/index.htm")}');">产品</div>
        <div class="nav <#if Strings.startsWith(request.getPathInContext(), "/knowledgeLibrary/")>active</#if>" onclick="Z.L.href('${context.getRootPath("/knowledgeLibrary/studyResource/newElement.htm")}');">文库</div>
        <div class="nav <#if nav=="gallery">active</#if>" onclick="Z.L.href('${context.getRootPath("/gallery/index.htm")}');">图库</div>
        <div class="nav <#if Strings.startsWith(request.getPathInContext(), "/gitcan/")>active</#if>" onclick="Z.L.href('${context.getRootPath("/gitcan/index.htm")}');">蚕云</div>
        <div class="nav <#if nav=="task">active</#if>" onclick="Z.L.href('${context.getRootPath("/task/index.htm")}');">任务</div>
        <div class="nav <#if nav=="site">active</#if>" onclick="Z.L.href('${context.getRootPath("/minisite/index.htm")}');">微站</div>
    </div>
    <div class="topnavright">
        <!-- 
        <div class="query z-h50 z-text-center">
            <input type="text" class="z-input"><i class="z-font z-query z-px18"></i>
        </div>
        -->
        <div class="navcray z-w140 z-h50 z-text-center z-pointer" onclick="Z.L.href('${context.getRootPath(document.index)}');">知启蒙开源框架</div>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('${context.getRootPath("/document/faq/index.htm")}');">帮助</div>
        <#if request.hasSessionUser(ZacSessionUser.class)>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('/account/index.htm');">
            <#if UserPassportDao.certify(request.getSessionUser(ZacSessionUser.class).getUserId())>
            <image class="z-bd-rd50p z-mg-b5" src="${sessionUser.getUserAvatar()}" style="border:2.2px solid #fff;width:45px;height:45px;">
            <span style="position:absolute;top:13px;<#if nav=="index">right:110px;<#else>right:93px;</#if>"><image src="/zinc/zhiqim_account/www/certify.png" title="已实名认证"></span>
            <#else>
            <image class="z-bd-rd50p" src="${sessionUser.getUserAvatar()}" style="width:42px;height:42px;">
            </#if>
        </div>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('/logout.htm');">退出</div>
        <#else>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('/login.htm?to=${Urls.encodeUTF8(request.getRequestURI())}');">登录</div>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('/register.htm');">注册</div>
        </#if>
    </div>
</div>

<!--顶部导航固定的55px边距-->
<div class="topnav-margin"></div>
</#function>

<#--面包屑 -->
<#function zhiqim_com_breadcrumb(first, second, third)>
<div class="breadcrumb z-h40 z-lh40 z-bg-white z-bd-b">
    当前位置：&nbsp;&nbsp;${first}&nbsp;&nbsp;>>&nbsp;&nbsp;${second}&nbsp;&nbsp;>>&nbsp;&nbsp;<span style="color:#078ce9;">${third}</span></span>
</div>
</#function>

<#--主页脚注-->
<#function zhiqim_com_footer()>
<#if request.getPathInContext() == "/index.htm">
<!--脚注-->
<div class="footer">
<div class="footer-wrap">
<ul>
    <li class="fproduct">
        <span class="z-bold z-pd-l10">介绍</span>
        <p><a href="${context.getRootPath("/document/bestcase/index.htm")}" target="_blank" >快速入门</a></p>
        <p><a href="${context.getRootPath("http://www.zhiqim.com/gitcan/commonDownload.htm")}" target="_blank" >资源下载</a></p>
    </li>
    <li class="fhelp">
        <span class="z-bold z-pd-l10">帮助</span>
        <p class="z-pd-l10">QQ群：<a href="https://jq.qq.com/?_wv=1027&k=45JKHGg">458171582</a></p>
    </li>
    <li class="fabout">
        <span class="z-bold z-pd-l10">关于</span>
        <p><a href="http://www.zhiqimeng.com/introduction.htm" target="_blank" >关于知启蒙</a></p>
        <p><a href="http://www.zhiqimeng.com/recruitment.htm" target="_blank" >加入我们</a></p>
    </li>
    <li class="abountus">
        <p class="z-pd-l10">Add：湖南省长沙市岳麓区佑母塘路799号</p>
        <p style="padding-left:53px;">钰龙佳园二期综合楼3栋1610室</p>
        <p class="z-pd-l10">Tel：0731-89871610 </p>
        <p class="z-pd-l10">Mail：webmaster@zhiqim.com </p>
    </li>
    <li>
        <p class="z-pd-l10"><img src="${context.getRootPath("/zinc/www/images/code.jpg")}"></p>
    </li>
</ul>
</div>
</div>
<div class="footer-cp">
    <div class="footer-cp-wrap">
        <div class="footer-text">
            Copyright © 2015 湖南知启蒙科技有限公司 版权所有 <a href="http://www.miitbeian.gov.cn/" target="_blank">湘ICP备17004906号-3</a>
            <span class="z-show-ib z-mg-r10 z-mg-l10">|</span>
            <span><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43010402000590"><img src="/zinc/www/images/icon_bei.png"><span class="z-mg-l3">湘公网安备 43010402000590号</span></a></span>
        </div>
    </div>
</div>
</#if>
</body>
</html>
</#function>

<#--上一章下一章-->
<#function zhiqim_com_chapter(prevUrl, nextUrl)>
<#if prevUrl != null || nextUrl != null>
<div class="z-relative-left z-w100p z-bd-t z-mg-t20 z-mg-b20 z-pd-t20">
<#if prevUrl != null>
<button class="z-button z-xlarge z-w200 z-h50 z-mg-r10" onclick="location.href='${prevUrl}'">上一章</button>
</#if>
<#if nextUrl != null>
<button class="z-button z-xlarge z-blue z-w200 z-h50" onclick="location.href='${nextUrl}'">下一章</button>
</#if>
</div>
</#if>
</#function>

<#--内容转载-->
<#function zhiqim_com_content_source()>
<div class="z-w100p z-float-left z-mg-t20 z-text-right" style="padding-right:80px;">
    <span class="z-px14">--内容来源于w3cSchool,如有侵权，请联系删除!</span>
</div>
</#function>

<#--------------------------------------------------------------------->
<#-- 移动端函数定义 -->
<#--------------------------------------------------------------------->

<#--头部-->
<#function zhiqim_com_mobile_header()>
<!DOCTYPE html>
<html>
<head>
<title>${context.getContextName()}<#if Validates.isNotEmpty(title)>_${title}</#if></title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
<meta name="Author" content="${context.getContextName()}" />
<meta name="Keywords" content="<#if Validates.isNotEmpty(keyword)>${keyword} </#if>${context.getAttribute("keywords")}"/>
<meta name="Description" content="<#if Validates.isNotEmpty(desc)>${desc}<#else>${context.getAttribute("description")}</#if>"/>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
${Styles.src(context.getRootPath("/zinc/mobile/zhiqim.mobile_v1.4.0.r2018010101.css"))}
${Scripts.src(context.getRootPath("/zinc/mobile/zhiqim.mobile_v1.4.0.r2018010101.min.js"))}
${Styles.src(context.getRootPath("/zinc/mobile/zhiqim_account_v1.4.0.r2018042501.mobile.css"))}
${Scripts.src(context.getRootPath("/zinc/mobile/zhiqim_account_v1.4.0.r2018042501.mobile.js"))}
${Styles.src(context.getRootPath("/zinc/mobile/mainmobile.css"))}
</head>

<body>
</#function>

<#--顶部导航-->
<#function zhiqim_com_mobile_topnav(name)>
<!-- 顶部导航 -->
<div class="z-bar-top zi-bd-none">
    <div class="top-left">
        <div class="top-logo z-mg-l-10"><img src="${context.getRootPath("/zinc/mobile/images/logo_z.png")}"/></div>
        <div class="top-logoname"><img src="${context.getRootPath("/zinc/mobile/images/logo_zhiqimeng.png")}"/></div>
    </div>
    <div class="top-right z-rem24">
        <#if request.hasSessionUser(ZacSessionUser.class)>
        <a class="top-login-btn z-mg-r15" href="${context.getRootPath("https://www.zhiqim.com/account/index.htm")}"><i class="z-font z-customer z-color-white"></i></a>
        <#else>
        <a class="top-login-btn z-mg-r15" href="${context.getRootPath("https://www.zhiqim.com/login.htm")}"><i class="z-font z-customer z-color-white"></i></a>
        </#if>
        <a href="javascript:void(0);" ontouchend="Account.mainnav(event);"><i class="z-font z-list z-color-white"></i></a>
    </div>
</div>

<!-- 顶部弹出主导航 -->
<div id="zm_mainNav" class="z-popup">
    <div class="z-popup-bg"></div>
    <div class="z-popup-main">
        <div class="z-popup-title">
            <span class="z-color-white">功能菜单</span>
            <div class="z-popup-cancel"><i class="z-font z-arrowhead-right z-color-white"></i></div>
        </div>
        <div class="z-popup-content z-pd-l5 z-pd-r5">
            <p onclick="Z.L.href('${context.getRootPath("/index.htm")}');"><i class="z-font z-house z-mg-r5"></i>首页</p>
            <p onclick="Z.L.href('${context.getRootPath("/product/mobile/index.htm")}');"><i class="z-font z-image-text z-mg-r5"></i>产品</p>
            <p onclick="Z.L.href('${context.getRootPath("/document/bestcase/index.htm")}');"><i class="z-font z-text z-mg-r5"></i>文库</p>
            <p onclick="Z.L.href('${context.getRootPath("https://www.zhiqim.com/gitcan/index.htm")}');"><i class="z-font z-cloud z-mg-r5"></i>蚕云</p>
            <p onclick="Z.L.href('${context.getRootPath("https://www.zhiqim.com/gallery/index.htm")}');"><i class="z-font z-picture z-mg-r5"></i>图库</p>
            <p onclick="Z.L.href('${context.getRootPath("https://www.zhiqim.com/account/index.htm")}');"><i class="z-font z-customer z-mg-r5"></i>账户中心</p>
            <ul id="MENU_0010" style="display: block;">
                <li class="z-relative" onclick="Z.L.href('${context.getRootPath("https://www.zhiqim.com/login.htm")}');"><i class="z-font z-config z-mg-r5"></i>登录</li>
                <li class="z-relative" onclick="Z.L.href('${context.getRootPath("https://www.zhiqim.com/register.htm")}');"><i class="z-font z-add z-mg-r5"></i>注册</li>
                <li class="z-relative" onclick="Z.L.href('${context.getRootPath("https://www.zhiqim.com/forgetPass.htm")}');"><i class="z-font z-lock z-mg-r5"></i>忘记密码</li>
            </ul>
        </div>
        </div>
    </div>
</div>
</#function>

<#--脚注-->
<#function zhiqim_com_mobile_footer()>
<div class="m-footer">
     <div class="m-footer-wrap">Copyright © 2015 知启蒙 版权所有</div>
</div>
</body>
</html>
</#function>

<#--右边浮动图标-->
<#function zhiqim_com_fixedicon()>
<script>
window._bd_share_config = { 
    "common": { 
        "bdSnsKey": {}, 
        "bdText": encodeURIComponent('${title}'), 
        "bdMini": 1, 
        "bdMiniList": false, 
        "bdPic": "", 
        "bdStyle": 0, 
        "bdSize": 16
    }, 
    "share": {} 
}; 
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js'];

</script>
<style>
.bdsharebuttonbox{text-align:center;padding:0px;margin:0px!important;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {color:#999;cursor: pointer;margin: 6px 6px 6px 0!important;}
.bdshare-button-style0-16 a:hover {color:#00a2eb;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {float: left;font-size: 14px;padding:4px 15px;height:45px;background-image: none;background-repeat: no-repeat;cursor: pointer;margin:0!important;}
</style>

<#-- 右边浮动-->
<div id="share" class="fixedright">
<ul>
    <li><i class="fixedicon collection"></i><br><span class="z-lh20">收藏</span></li>
    <li><i class="fixedicon consultant"></i><br><span class="z-lh20">客服</span></li>
    <li><i class="fixedicon praise"></i><br><span class="z-lh20">点赞</span></li>
    <li class="bdsharebuttonbox"><a class="bds-weixin z-lh20" data-cmd="weixin"><i class="fixedicon wechat z-event-none"></i><br>微信</a></li>
    <li class="bdsharebuttonbox"><a class="bds-qzone z-lh20" data-cmd="qzone"><i class="fixedicon qq z-event-none"></i><br>QQ</a></li>
    <li class="bdsharebuttonbox"><a class="bds-tsina z-lh20" data-cmd="tsina"><i class="fixedicon microblog z-event-none"></i><br>微博</a></li>
</ul>
</div>
</#function>

<#--重写account顶部导航-->
<#function zhiqim_account_www_topnav(name)>
<#var path = request.getPathInContext()/>
<#var doc = Strings.startsWith(path, "/document/")/>
<#var product = Strings.startsWith(path, "/product/")/>
<#var git = Strings.startsWith(path, "/gitcan/")/>
<#var gallery = Strings.startsWith(path, "/gallery/")/>
<#var task = Strings.startsWith(path, "/task/")/>
<#var site = Strings.startsWith(path, "/minisite/")/>
<#var account = Strings.startsWith(path, "/account/")/>
<#var index = !doc && !product && !git && !gallery && !task && !site && !account/>
<style>
.topnav .topnavright .navcray {float:left;height:55px;line-height:55px;font-size:14px;border-left:1px solid #008bd2;background-color:#08c2c0;}
.topnav .topnavright .navcray:hover {background-color:#1fcdcb; color:#fff;}
</style>
<!--顶部导航-->
<div class="topnav" style="${htmlOverflowHidden?"padding-right:17px":""}">
    <div id="logo" class="logo z-text-center"><img src="${context.getRootPath("/zinc/zhiqim_account/logo_z.png")}"/></div>
    <div class="logoname z-text-left"><img src="${context.getRootPath("/zinc/zhiqim_account/logo_zhiqimeng.png")}"/></div>
    <div class="topnavleft">
        <div class="nav ${index?"active":""}" onclick="Z.L.href('${context.getRootPath("/index.htm")}');">首页</div>
        <div class="nav ${product?"active":""}" onclick="Z.L.href('${context.getRootPath("/product/www/index.htm")}');">产品</div>
        <div class="nav ${doc?"active":""}" onclick="Z.L.href('${context.getRootPath("/knowledgeLibrary/studyResource/newElement.htm")}');">文库</div>
        <div class="nav ${gallery?"active":""}" onclick="Z.L.href('${context.getRootPath("/gallery/index.htm")}');">图库</div>
        <div class="nav ${git?"active":""}${account?"active":""}" onclick="Z.L.href('${context.getRootPath("/gitcan/index.htm")}');">蚕云</div>
        <div class="nav ${task?"active":""}" onclick="Z.L.href('${context.getRootPath("/task/index.htm")}');">任务</div>
        <div class="nav ${site?"active":""}" onclick="Z.L.href('${context.getRootPath("/minisite/index.htm")}');">微站</div>
    </div>
    <div class="topnavright">
        <!--
        <div class="query z-relative-left z-h50">
            <input class="z-input"><i class="z-font z-query z-px18"></i>
        </div>
        -->
        <div class="navcray z-w140 z-h50 z-text-center z-pointer" onclick="Z.L.href('${context.getRootPath("/document/bestcase/index.htm")}');">知启蒙开源框架</div>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('${context.getRootPath("/document/faq/index.htm")}');">帮助</div>
        <#if request.hasSessionUser(ZacSessionUser.class)>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('${context.getRootPath("/account/index.htm")}');">
            <#if UserPassportDao.certify(request.getSessionUser(ZacSessionUser.class).getUserId())>
            <image class="z-bd-rd50p z-mg-b5" src="${sessionUser.getUserAvatar()}" style="border:2.2px solid #fff;width:45px;height:45px;">
            <span style="position:absolute;top:13px;right:93px;"><image src="/zinc/zhiqim_account/www/certify.png" title="已实名认证"></span>
            <#else>
            <image class="z-bd-rd50p" src="${sessionUser.getUserAvatar()}" style="width:42px;height:42px;">
            </#if>
        </div>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('${context.getRootPath("/logout.htm")}');">退出</div>
        <#else>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('/login.htm?to=${Urls.encodeUTF8(request.getRequestURI())}');">登录</div>
        <div class="nav z-w80 z-h50 z-text-center z-pointer" onclick="Z.L.href('${context.getRootPath("/register.htm")}');">注册</div>
        </#if>
    </div>
</div>
<!--顶部导航固定的55px边距-->
<div class="topnav-margin"></div>
</#function>