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">(已开启 | 未开启)</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">(已开启 | 未开启)</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">(已开启 | 未开启)</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">(已开启 | 未开启)</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()}