基本信息
源码名称：jquery easyui后台框架(布局上左右)
源码大小：0.46M
文件格式：.rar
开发语言：CSS
更新时间：2018-05-28
友情提示：（无需注册或充值，赞助后即可获取资源下载链接）
嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 2 元×
微信扫码支付：2 元
×
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
源码介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
<title>漂亮的easyui后台框架演示-css后台模板-www.nongfuit.com</title>
<link href="Css/default.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="js/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="js/themes/icon.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.js"></script>
<script type="text/javascript" src='js/outlook2.js'> </script>
<script type="text/javascript">
var _menus = {"menus":[
{"menuid":"1","icon":"icon-sys","menuname":"系统管理",
"menus":[{"menuname":"菜单管理","icon":"icon-nav","url":"http://www.nongfuit.com"},
{"menuname":"添加用户","icon":"icon-add","url":"demo.html"},
{"menuname":"用户管理","icon":"icon-users","url":"demo2.html"},
{"menuname":"角色管理","icon":"icon-role","url":"demo2.html"},
{"menuname":"权限设置","icon":"icon-set","url":"demo.html"},
{"menuname":"系统日志","icon":"icon-log","url":"demo.html"}
]
},{"menuid":"8","icon":"icon-sys","menuname":"员工管理",
"menus":[{"menuname":"员工列表","icon":"icon-nav","url":"demo.html"},
{"menuname":"视频监控","icon":"icon-nav","url":"demo1.html"}
]
},{"menuid":"56","icon":"icon-sys","menuname":"部门管理",
"menus":[{"menuname":"添加部门","icon":"icon-nav","url":"demo1.html"},
{"menuname":"部门列表","icon":"icon-nav","url":"demo2.html"}
]
},{"menuid":"28","icon":"icon-sys","menuname":"财务管理",
"menus":[{"menuname":"收支分类","icon":"icon-nav","url":"demo.html"},
{"menuname":"报表统计","icon":"icon-nav","url":"demo1.html"},
{"menuname":"添加支出","icon":"icon-nav","url":"demo.html"}
]
},{"menuid":"39","icon":"icon-sys","menuname":"商城管理",
"menus":[{"menuname":"商品分","icon":"icon-nav","url":"/shop/productcatagory.aspx"},
{"menuname":"商品列表","icon":"icon-nav","url":"/shop/product.aspx"},
{"menuname":"商品订单","icon":"icon-nav","url":"/shop/orders.aspx"}
]
}
]};
//设置登录窗口
function openPwd() {
$('#w').window({
title: '修改密码',
width: 300,
modal: true,
shadow: true,
closed: true,
height: 160,
resizable:false
});
}
//关闭登录窗口
function close() {
$('#w').window('close');
}
//修改密码
function serverLogin() {
var $newpass = $('#txtNewPass');
var $rePass = $('#txtRePass');
if ($newpass.val() == '') {
msgShow('系统提示', '请输入密码！', 'warning');
return false;
}
if ($rePass.val() == '') {
msgShow('系统提示', '请在一次输入密码！', 'warning');
return false;
}
if ($newpass.val() != $rePass.val()) {
msgShow('系统提示', '两次密码不一至！请重新输入', 'warning');
return false;
}
$.post('/ajax/editpassword.ashx?newpass=' $newpass.val(), function(msg) {
msgShow('系统提示', '恭喜，密码修改成功！<br>您的新密码为：' msg, 'info');
$newpass.val('');
$rePass.val('');
close();
})
}
$(function() {
openPwd();
//
$('#editpass').click(function() {
$('#w').window('open');
});
$('#btnEp').click(function() {
serverLogin();
})
$('#loginOut').click(function() {
$.messager.confirm('系统提示', '您确定要退出本次登录吗?', function(r) {
if (r) {
location.href = '/ajax/loginout.ashx';
}
});
})
});
</script>
</head>
<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
<noscript>
<div style=" position:absolute; z-index:100000; height:2046px;top:0px;left:0px; width:100%; background:white; text-align:center;">
<img src="images/noscript.gif" alt='抱歉，请开启脚本支持！' />
</div></noscript>
<div region="north" split="true" border="false" style="overflow: hidden; height: 30px;
background: url(images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%;
line-height: 20px;color: #fff; font-family: Verdana, 微软雅黑,黑体">
<span style="float:right; padding-right:20px;" class="head">欢迎 疯狂秀才 <a href="#" id="editpass">修改密码</a> <a href="#" id="loginOut">安全退出</a></span>
<span style="padding-left:10px; font-size: 16px; "><img src="images/blocks.gif" width="20" height="20" align="absmiddle" /> 农夫it站www.nongfuit.com</span>
</div>
<div region="south" split="true" style="height: 30px; background: #D2E0F2; ">
<div class="footer">By 疯狂秀才 Email:bjhxl@59ibox.cn</div>
</div>
<div region="west" split="true" title="导航菜单" style="width:180px;" id="west">
<div class="easyui-accordion" fit="true" border="false">
<!-- 导航内容 -->
</div>
</div>
<div id="mainPanle" region="center" style="background: #eee; overflow-y:hidden">
<div id="tabs" class="easyui-tabs" fit="true" border="false" >
<div title="欢迎使用" style="padding:20px;overflow:hidden;" id="home">
<h1>Welcome to jQuery UI!</h1>
</div>
</div>
</div>
<!--修改密码窗口-->
<div id="w" class="easyui-window" title="修改密码" collapsible="false" minimizable="false"
maximizable="false" icon="icon-save" style="width: 300px; height: 150px; padding: 5px;
background: #fafafa;">
<div class="easyui-layout" fit="true">
<div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
<table cellpadding=3>
<tr>
<td>新密码：</td>
<td><input id="txtNewPass" type="Password" class="txt01" /></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input id="txtRePass" type="Password" class="txt01" /></td>
</tr>
</table>
</div>
<div region="south" border="false" style="text-align: right; height: 30px; line-height: 30px;">
<a id="btnEp" class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)" >
确定</a> <a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)"
onclick="closeLogin()">取消</a>
</div>
</div>
</div>
<div id="mm" class="easyui-menu" style="width:150px;">
<div id="mm-tabclose">关闭</div>
<div id="mm-tabcloseall">全部关闭</div>
<div id="mm-tabcloseother">除此之外全部关闭</div>
<div class="menu-sep"></div>
<div id="mm-tabcloseright">当前页右侧全部关闭</div>
<div id="mm-tabcloseleft">当前页左侧全部关闭</div>
<div class="menu-sep"></div>
<div id="mm-exit">退出</div>
</div>
</body>
</html>