Zhiqim Console(管理控制台)是知启蒙框架中最简洁的管理控制台组件,没有数据库,只保留一个账号,非常适用于后端程序嵌入WEB控制台模式,包括首页、登录、主界面、左侧菜单和欢迎页功能,依赖该组件实现基本的账号验证,通过覆盖原则增加自有功能。

森中灵 最后提交于17天前 替换lib
profile.zml4KB
${zhiqim_manager_breadcrumb_name("个人中心")}
${zhiqim_manager_content()}

<script>
function doModifyCode(paramValue)
{//修改属性(手机号/电子邮箱)
    var dialog = new Z.Dialog();
    dialog.title = "修改用户账号";
    dialog.url = "profileModifyCode.htm";
    dialog.width = 650;
    dialog.height = 230;
    dialog.fixed = true;
    dialog.execute();
}

function doModifyAvatar()
{//修改头像
    var dialog = new Z.Dialog();
    dialog.title = "更换头像";
    dialog.url = "profileModifyAvatar.htm";
    dialog.width = 680;
    dialog.height = 320;
    dialog.fixed = true;
    dialog.execute();
}

function doModifyPassword()
{//修改密码
    var dialog = new Z.Dialog();
    dialog.title = "修改用户密码";
    dialog.url = "profileModifyPassword.htm";
    dialog.width = 650;
    dialog.height = 280;
    dialog.fixed = true;
    dialog.execute();
}

function doUpdateParam(paramKey, paramValue)
{//修改参数,是否记住账号/记住密码/开启管理页
    var ajax = new Z.Ajax();
    ajax.setClassName("ZmrProfilePresenter");
    ajax.setMethodName("doUpdateParam");
    ajax.addParam("paramKey", paramKey);
    ajax.addParam("paramValue", paramValue);
    ajax.setFailureAlert();
    ajax.setSuccessAlertReload("修改成功");
    ajax.execute();
}
</script>

<#-- 基本信息 -->
<div class="z-pd10 z-bg-white" style="border-top:2px solid #1299ec">
<div class="z-mg-b15 z-mg-t5 z-bold z-px18">基本信息</div>
<table class="z-table z-bordered-line z-bg-white z-pd20">
<tr>
    <td width="160">用户账号:</td>
    <td width="*">#{sessionUser.getOperatorCode()}(#{sessionUser.getSessionName()})</td>
    <td width="190"><a class="blue" href="javascript:doModifyCode('${operator.getOperatorCode()}');">修改</a></td>
</tr>
<tr>
    <td>用户头像:</td>
    <td><img class="z-w70 z-h70 z-bd-rd50p" src="${sessionUser.getAvatar100()}"></td>
    <td><a class="blue" href="javascript:doModifyAvatar();">更换头像</a></td>
</tr>
<tr>
    <td>用户密码:</td>
    <td><span class="z-color-666">******</span></td>
    <td><a class="blue" href="javascript:doModifyPassword();">修改</a></td>
</tr>
</table>
</div>

<#-- 其他信息 -->
<div class="z-pd10 z-bg-white z-mg-t20" style="border-top:2px solid #1299ec">
<div class="z-mg-b15 z-mg-t5 z-bold z-px18">其他信息</div>
<table class="z-table z-bordered-line z-bg-white z-pd20">
<tr> 
    <td width="160">是否记住账号:</td>
    <td width="*">${ZmrParamDao.hasRememberCode()?"已开启":"未开启"}<span class="z-color-999">(已开启&nbsp;|&nbsp;未开启)</span></td>
    <td width="190"><a class="blue" href="javascript:doUpdateParam('rememberCode', '${!ZmrParamDao.hasRememberCode()}');"><i class="z-font z-relative-left zi-px40 ${ZmrParamDao.hasRememberCode()?"z-f-on z-color-green":"z-f-off z-color-gray"}"></i></a></td>
</tr>
<tr> 
    <td>是否记住密码:</td>
    <td>${ZmrParamDao.hasRememberPass()?"已开启":"未开启"}<span class="z-color-999">(已开启&nbsp;|&nbsp;未开启)</span></td>
    <td><a class="blue" href="javascript:doUpdateParam('rememberPass', '${!ZmrParamDao.hasRememberPass()}');"><i class="z-font z-relative-left zi-px40 ${ZmrParamDao.hasRememberPass()?"z-f-on z-color-green":"z-f-off z-color-gray"}"></i></a></td>
</tr>
<tr> 
    <td>是否需要验证码:</td>
    <td>${ZmrParamDao.hasVerificationCode()?"已开启":"未开启"}<span class="z-color-999">(已开启&nbsp;|&nbsp;未开启)</span></td>
    <td><a class="blue" href="javascript:doUpdateParam('verificationCode', '${!ZmrParamDao.hasVerificationCode()}');"><i class="z-font z-relative-left zi-px40 ${ZmrParamDao.hasVerificationCode()?"z-f-on z-color-green":"z-f-off z-color-gray"}"></i></a></td>
</tr>
<tr> 
    <td>是否管理页登录:</td>
    <td>${ZmrParamDao.hasManageLogin()?"已开启":"未开启"}<span class="z-color-999">(已开启&nbsp;|&nbsp;未开启)</span></td>
    <td><a class="blue" href="javascript:doUpdateParam('manageLogin', '${!ZmrParamDao.hasManageLogin()}');"><i class="z-font z-relative-left zi-px40 ${ZmrParamDao.hasManageLogin()?"z-f-on z-color-green":"z-f-off z-color-gray"}"></i></a></td>
</tr>
</table>
</div>
${zhiqim_manager_content_end()}