<!-- 用户登录页面代码 -->
<body>
<title>后台管理登录</title> <!-- 标题栏 -->
<section class="containerarea" id="rightarea">
<div class="logincontainer" id="logindialog">
<div class="loginheader"></div>
<div class="loginlogo"></div>
<div class="welcomlabel"></div>
<!-- 用户名、密码填写框 -->
<form>
<input id="username" name="username" value="" class="logininput userpic" type="text" placeholder="用户名" style="border-bottom: 1px #CCCCCC solid;">
<input id="passwd" name="passwd" class="logininput lkeypic" value="" type="password" placeholder="密码">
<div style="margin: 10px 0 0 27px;">
<input style="width: 20px;height: 20px;" type="checkbox" value="1" id="remember">
<label for="remember" style="position: relative;top: -5px;color: #888888;">
记住密码 <!--//把信息设置进去Cookie里面去 -->
</label>
</div>
<!-- 登录点击按钮 -->
<div class="loginbtn" onclick="login();">登录</div>
</form>
</div>
</section>
<footer class="bottom">
<div class="copyriht"></div>
</footer>
</div>
</body>
</html>
<!--进入主页代码-->
<script type="text/javascript">
var roletype = <%=roletype%>;
var _menus = "";
if(roletype == "1"){
_menus = {
"menus": [
{"menuid": "1", "icon": "icon-magic", "menuname": "公交数据管理",
"menus": [
{"menuid": "12", "menuname": "公交数据列表", "icon": "icon-database", "url": "<%= __APP__%>/Good!good2"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "问题反馈管理",
"menus": [
{"menuid": "12", "menuname": "问题反馈列表", "icon": "icon-database", "url": "<%= __APP__%>/Posts!posts"}
]},
{"menuid": "56", "icon": "icon-role", "menuname": "用户管理",
"menus": [
{"menuid": "31", "menuname": "用户列表", "icon": "icon-users", "url": "<%= __APP__%>/User!user"}
]
}
]};
}else if(roletype == "3"){
}
</script>
<!-- 导航内容 -->
<div region="west" hide="true" split="true" title="导航菜单"
style="width: 180px;" id="west">
<div id="nav" 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: 0px; color: red; overflow: hidden;"
closable="true">
<iframe src="<%=__APP__ %>/User!user" id="iframepage" name="iframepage"
frameBorder=0 width="100%" height="100%" onLoad=""></iframe>
</div>
</div>
</div>
<div region="east" collapsed="true" id="datetool" title="日历"
split="true" style="width: 180px; overflow: hidden;">
<div class="easyui-calendar"></div>
<!-- 公交数据列表框 -->
<script type="text/javascript">
$(function () {
$('#grid1').datagrid({
title: '公交数据列表',
nowrap: false,
striped: true,
fit: true,
url: "<%=__APP__%>/Good!getList",
idField: 'id',
pagination: true,
rownumbers: true,
pageSize: 10,
pageNumber: 1,
singleSelect: true,
fitColumns: true,
pageList: [10, 20, 50, 100, 200, 300, 500, 1000],
sortName: 'id',
sortOrder: 'desc',
columns: [
[
//{title: 'id', width: 100, field: 'id', sortable: true},
{title: '线路', width: 30, field: 'title', sortable: true},
{title: '起点站', width: 50, field: 'sstation', sortable: true},
{title: '终点站', width: 50, field: 'estation', sortable: true},
{title: '途经站点', width: 100, field: 'sites', sortable: true},
{title: '线路说明', width: 50, field: 'note', sortable: true},
]
// <!-- 问题反馈列表框 -->
<body class="easyui-layout">
<div region="north" border="false" style="height:3px;overflow: hidden"></div>
<div region="west" border="false" style="width:3px;"></div>
<div region="east" border="false" style="width:3px;"></div>
<div region="south" border="false" style="height:3px;overflow: hidden"></div>
<div region="center" border="false">
<div id="main" class="easyui-layout" fit="true" style="width:100%;height:100%;">
<div region="north" id="" style="height:80%;" class="" title="查询条件">
<form action="" id="searchForm" name="searchForm" method="post">
<table cellpadding="1" cellspacing="0" class="tb_search">
<tr>
<td width="10%">
<label for="susername">留言名称：</label>
<input type="text" id="susername" name="susername" width="100%" maxlength="32"/>
</td>
<td width="10%">
<a href="#" onclick="query();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
<a href="#" onclick="reset();" class="easyui-linkbutton" iconCls="icon-redo">重置</a>
</td>
</tr>
</table>
</form>
</div>
<div region="center" border="false" style="padding:3px 0px 0px 0px;overflow:hidden">
<table id="grid1"></table>
</div>
</div>
</div>
<div region="center" border="false">
<div id="main" class="easyui-layout" fit="true" style="width:100%;height:100%;">
<div region="north" id="" style="height:80%;" class="" title="查询条件">
<form action="" id="searchForm" name="searchForm" method="post">
<table cellpadding="1" cellspacing="0" class="tb_search">
<tr>
<td width="10%" >
<label for="susername" >用户名：</label>
<input type="text" id="susername" name="susername" width="100%" maxlength="32"/>
</td>
<td width="10%">
<a href="#" onclick="query();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
<a href="#" onclick="reset();" class="easyui-linkbutton" iconCls="icon-redo">重置</a>
</td>
</tr>
</table>
</form>
</div>
<div region="center" border="false" style="padding:3px 0px 0px 0px;overflow:hidden">
<table id="grid1"></table>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#grid1').datagrid({
title: '管理员列表',
nowrap: false,
striped: true,
fit: true,
url: "<%=__APP__%>/User!getList",
idField: 'uuid',
pagination: true,
rownumbers: true,
pageSize: 10,
pageNumber: 1,
singleSelect: true,
fitColumns: true,
sortName: 'id',
sortOrder: 'desc',
columns: [
[
{title: 'id', field: 'id', width: 100, hidden: false},
{title: '用户名', field: 'username', width: 100, sortable: true},
{title: '电话', field: 'tel', width: 100, sortable: true},
{title: '生日', field: 'birth', width: 100, sortable: true},
{title: 'QQ', field: 'qq', width: 100, sortable: true},
{title: '密码', width: 100, field: 'passwd'},
{title:'用户权限',width:100,field:'roletype'}
]
],
toolbar: [
{
text: '新增',
iconCls: 'icon-add',
handler: function () {
$("#action").val("add");
$("#managerDialog").dialog('open');
$('.validatebox-tip').hide();
}
},
'-',
{
text: '修改',
id: 'commit',
iconCls: 'icon-edit',
handler: function () {
$("#action").val("edit");
var selected = $('#grid1').datagrid('getSelected');
if (selected) {
edit(selected);
var index = $('#grid1').datagrid('getRowIndex', selected);
} else {
$.messager.alert("提示", "请选择一条记录进行操作");
}
}
},
'-',
{
text: '删除',
id: 'commit',
iconCls: 'icon-remove',
handler: function () {
var rows = $('#grid1').datagrid('getSelected');
if (rows) {
var rowId = rows.id;
$.messager.confirm('提示', '确定要删除吗？', function (r) {
if (r) {
deleteItem(rowId);
}
});
} else {
$.messager.alert("提示", "请选择一条记录进行操作");
}
}
}
}
});
});
function save() {
$('#managForm').form('submit', {
url: "<%=__APP__%>/User!add",
onSubmit: function () {
return inputCheck();
},
success: function (data) {
closeBackGround();
$.messager.alert("提示", data, "info", function () {
closeFlush();
});
}
});
}
<!-- 用户登录页面代码 -->
<body>
<title>后台管理登录</title> <!-- 标题栏 -->
<section class="containerarea" id="rightarea">
<div class="logincontainer" id="logindialog">
<div class="loginheader"></div>
<div class="loginlogo"></div>
<div class="welcomlabel"></div>
<!-- 用户名、密码填写框 -->
<form>
<input id="username" name="username" value="" class="logininput userpic" type="text" placeholder="用户名" style="border-bottom: 1px #CCCCCC solid;">
<input id="passwd" name="passwd" class="logininput lkeypic" value="" type="password" placeholder="密码">
<div style="margin: 10px 0 0 27px;">
<input style="width: 20px;height: 20px;" type="checkbox" value="1" id="remember">
<label for="remember" style="position: relative;top: -5px;color: #888888;">
记住密码 <!--//把信息设置进去Cookie里面去 -->
</label>
</div>
<!-- 登录点击按钮 -->
<div class="loginbtn" onclick="login();">登录</div>
</form>
</div>
</section>
<footer class="bottom">
<div class="copyriht"></div>
</footer>
</div>
</body>
</html>
<!--进入主页代码-->
<script type="text/javascript">
var roletype = <%=roletype%>;
var _menus = "";
if(roletype == "1"){
_menus = {<!-- 菜单对象 -->
"menus": [
{"menuid": "1", "icon": "icon-magic", "menuname": "公交数据管理",
"menus": [
{"menuid": "12", "menuname": "公交数据列表", "icon": "icon-database", "url": "<%= __APP__%>/Good!good2"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "问题反馈管理",
"menus": [
{"menuid": "12", "menuname": "问题反馈列表", "icon": "icon-database", "url": "<%= __APP__%>/Posts!posts"}
]},
{"menuid": "56", "icon": "icon-role", "menuname": "用户管理",
"menus": [
{"menuid": "31", "menuname": "用户列表", "icon": "icon-users", "url": "<%= __APP__%>/User!user"}
]
}
]};
}else if(roletype == "3"){
}
</script>
<!-- 导航内容 -->
<div region="west" hide="true" split="true" title="导航菜单"
style="width: 180px;" id="west">
<div id="nav" 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: 0px; color: red; overflow: hidden;"
closable="true">
<iframe src="<%=__APP__ %>/User!user" id="iframepage" name="iframepage"
frameBorder=0 width="100%" height="100%" onLoad=""></iframe>
</div>
</div>
</div>
<div region="east" collapsed="true" id="datetool" title="日历"
split="true" style="width: 180px; overflow: hidden;">
<div class="easyui-calendar"></div>
<!-- 公交数据列表框 -->
<script type="text/javascript">
$(function () {
$('#grid1').datagrid({<!-- 公交数据列表对象 -->
title: '公交数据列表',
nowrap: false,
striped: true,
fit: true,
url: "<%=__APP__%>/Good!getList",//服务端请求接口地址
idField: 'id',
pagination: true,
rownumbers: true,
pageSize: 10,//页大小
pageNumber: 1,
singleSelect: true,
fitColumns: true,
pageList: [10, 20, 50, 100, 200, 300, 500, 1000],<!-- 公交数据列表定义的分页值 -->
sortName: 'id',
sortOrder: 'desc',<!-- 公交数据列表定义的排序字段 -->
columns: [<!-- 公交数据列表定义的列值 -->
[
//{title: 'id', width: 100, field: 'id', sortable: true},
{title: '线路', width: 30, field: 'title', sortable: true},
{title: '起点站', width: 50, field: 'sstation', sortable: true},
{title: '终点站', width: 50, field: 'estation', sortable: true},
{title: '途经站点', width: 100, field: 'sites', sortable: true},
{title: '线路说明', width: 50, field: 'note', sortable: true},
]
// <!-- 问题反馈列表框 -->
<body class="easyui-layout">
<div region="north" border="false" style="height:3px;overflow: hidden"></div>
<div region="west" border="false" style="width:3px;"></div>
<div region="east" border="false" style="width:3px;"></div>
<div region="south" border="false" style="height:3px;overflow: hidden"></div>
<div region="center" border="false">
<div id="main" class="easyui-layout" fit="true" style="width:100%;height:100%;">
<div region="north" id="" style="height:80%;" class="" title="查询条件">
<form action="" id="searchForm" name="searchForm" method="post">
<table cellpadding="1" cellspacing="0" class="tb_search">
<tr>
<td width="10%">
<label for="susername">留言名称：</label>
<input type="text" id="susername" name="susername" width="100%" maxlength="32"/>
</td>
<td width="10%">
<a href="#" onclick="query();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
<a href="#" onclick="reset();" class="easyui-linkbutton" iconCls="icon-redo">重置</a>
</td>
</tr>
</table>
</form>
</div>
<div region="center" border="false" style="padding:3px 0px 0px 0px;overflow:hidden">
<table id="grid1"></table>
</div>
</div>
</div>
<div region="center" border="false">
<div id="main" class="easyui-layout" fit="true" style="width:100%;height:100%;">
<div region="north" id="" style="height:80%;" class="" title="查询条件">
<form action="" id="searchForm" name="searchForm" method="post">
<table cellpadding="1" cellspacing="0" class="tb_search">
<tr>
<td width="10%" >
<label for="susername" >用户名：</label>
<input type="text" id="susername" name="susername" width="100%" maxlength="32"/>
</td>
<td width="10%">
<a href="#" onclick="query();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
<a href="#" onclick="reset();" class="easyui-linkbutton" iconCls="icon-redo">重置</a>
</td>
</tr>
</table>
</form>
</div>
<div region="center" border="false" style="padding:3px 0px 0px 0px;overflow:hidden">
<table id="grid1"></table>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#grid1').datagrid({<!-- 管理员列表定义对象 -->
title: '管理员列表',
nowrap: false,
striped: true,
fit: true,
url: "<%=__APP__%>/User!getList",
idField: 'uuid',
pagination: true,
rownumbers: true,
pageSize: 10,
pageNumber: 1,
singleSelect: true,
fitColumns: true,
sortName: 'id',
sortOrder: 'desc',
columns: [
[
{title: 'id', field: 'id', width: 100, hidden: false},
{title: '用户名', field: 'username', width: 100, sortable: true},
{title: '电话', field: 'tel', width: 100, sortable: true},
{title: '生日', field: 'birth', width: 100, sortable: true},
{title: 'QQ', field: 'qq', width: 100, sortable: true},
{title: '密码', width: 100, field: 'passwd'},
{title:'用户权限',width:100,field:'roletype'}
]
],
toolbar: [
{
text: '新增',
iconCls: 'icon-add',
handler: function () {
$("#action").val("add");
$("#managerDialog").dialog('open');
$('.validatebox-tip').hide();
}
},
'-',
{
text: '修改',<!-- 管理员列表列中的修改方法 -->
id: 'commit',
iconCls: 'icon-edit',
handler: function () {
$("#action").val("edit");
var selected = $('#grid1').datagrid('getSelected');
if (selected) {
edit(selected);
var index = $('#grid1').datagrid('getRowIndex', selected);
} else {
$.messager.alert("提示", "请选择一条记录进行操作");
}
}
},
'-',
{
text: '删除',<!-- 管理员列表列中的删除方法 -->
id: 'commit',
iconCls: 'icon-remove',
handler: function () {
var rows = $('#grid1').datagrid('getSelected');
if (rows) {
var rowId = rows.id;
$.messager.confirm('提示', '确定要删除吗？', function (r) {
if (r) {
deleteItem(rowId);
}
});
} else {
$.messager.alert("提示", "请选择一条记录进行操作");
}
}
}
}
});
});
function save() {<!-- 管理员列表列中的保存方法 -->
$('#managForm').form('submit', {
url: "<%=__APP__%>/User!add",
onSubmit: function () {
return inputCheck();
},
success: function (data) {
closeBackGround();
$.messager.alert("提示", data, "info", function () {
closeFlush();
});
}
});
}