<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="${APP_PATH}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/font-awesome.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/main.css">
<style>
.tree li {
list-style-type: none;
cursor:pointer;
}
table tbody tr:nth-child(odd){background:#F4F4F4;}
table tbody td:nth-child(even){color:#C00;}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<div><a class="navbar-brand" style="font-size:32px;" href="#">众筹平台 - 用户维护</a></div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li style="padding-top:8px;">
<%@include file="/WEB-INF/jsp/common/userinfo.jsp" %>
</li>
<li style="margin-left:10px;padding-top:8px;">
<button type="button" class="btn btn-default btn-danger">
<span class="glyphicon glyphicon-question-sign"></span> 帮助
</button>
</li>
</ul>
<form class="navbar-form navbar-right">
<input type="text" class="form-control" placeholder="Search...">
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
<div class="tree">
<%@include file="/WEB-INF/jsp/common/menu.jsp" %>
</div>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="glyphicon glyphicon-th"></i> 数据列表</h3>
</div>
<div class="panel-body">
<form class="form-inline" role="form" style="float:left;">
<div class="form-group has-feedback">
<div class="input-group">
<div class="input-group-addon">查询条件</div>
<input id="queryText" class="form-control has-success" type="text" placeholder="请输入查询条件">
</div>
</div>
<button type="button" οnclick="queryData()" class="btn btn-warning"><i class="glyphicon glyphicon-search"></i> 查询</button>
</form>
<button type="button" class="btn btn-danger" style="float:right;margin-left:10px;" οnclick="deleteUsers()"><i class=" glyphicon glyphicon-remove"></i> 删除</button>
<button type="button" class="btn btn-primary" style="float:right;margin-left:10px;" οnclick="window.location.href='${APP_PATH}/manager/user/add'"><i class="glyphicon glyphicon-plus"></i> 新增</button>
<button type="button" class="btn btn-primary" style="float:right;" οnclick="window.location.href='${APP_PATH}/manager/user/addBatch'"><i class="glyphicon glyphicon-plus"></i> 批量新增</button>
<br>
<hr style="clear:both;">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr >
<th width="30">#</th>
<th width="30"><input type="checkbox" οnclick="checkAll(this)"></th>
<th>账号</th>
<th>名称</th>
<th>邮箱地址</th>
<th width="100">操作</th>
</tr>
</thead>
<tbody id="userTbody">
<%--
<!--
<c:forEach items="${userPage.datas}" varStatus="status" var="user">
<tr>
<td>${status.count}</td>
<td><input type="checkbox"></td>
<td>${user.loginacct}</td>
<td>${user.username}</td>
<td>${user.email}</td>
<td>
<button type="button" class="btn btn-success btn-xs"><i class=" glyphicon glyphicon-check"></i></button>
<button type="button" class="btn btn-primary btn-xs"><i class=" glyphicon glyphicon-pencil"></i></button>
<button type="button" class="btn btn-danger btn-xs"><i class=" glyphicon glyphicon-remove"></i></button>
</td>
</tr>
</c:forEach>
-->
--%>
</tbody>
<tfoot>
<tr >
<td colspan="6" align="center">
<ul class="pagination">
<%--
<c:if test="${userPage.pageno != 1}">
<li ><a href="javascript:;" οnclick="changePageno(${userPage.pageno-1})">上一页</a></li>
</c:if>
<c:forEach begin="1" varStatus="status" end="${userPage.totalno}" >
<li ${userPage.pageno == status.count?"class='active'":""}><a href="javascript:;" οnclick="changePageno(${status.count})">${status.count}</a></li>
</c:forEach>
<c:if test="${userPage.pageno != userPage.totalno}">
<li><a href="javascript:;" οnclick="changePageno(${userPage.pageno+1})">下一页</a></li>
</c:if>
</ul>
--%>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="${APP_PATH}/jquery/jquery-2.1.1.min.js"></script>
<script src="${APP_PATH}/bootstrap/js/bootstrap.min.js"></script>
<script src="${APP_PATH}/script/docs.min.js"></script>
<script src="${APP_PATH}/layer/layer.js"></script>
<script type="text/javascript">
$(function () {
$(".list-group-item").click(function(){
if ( $(this).find("ul") ) {
$(this).toggleClass("tree-closed");
if ( $(this).hasClass("tree-closed") ) {
$("ul", this).hide("fast");
} else {
$("ul", this).show("fast");
}
}
});
pageQuery(${empty param.pageno?1:param.pageno});
});
$("tbody .btn-success").click(function(){
window.location.href = "assignRole.html";
});
$("tbody .btn-primary").click(function(){
window.location.href = "edit.html";
});
function changePageno(no) {
window.location.href = "${APP_PATH}/manager/user/index?pageno="+no;
}
function pageQuery(pageno) {
var loadingIndex = -1;
var jsonData = {
"pageno" : pageno,
"pagesize" : 10
};
if ( likeflg == true ) {
var queryText = $("#queryText");
if ( queryText.val() != "" ) {
jsonData.queryText = queryText.val();
}
}
$.ajax({
type : "POST",
url : "${APP_PATH}/manager/user/pageQuery",
data : jsonData,
beforeSend : function() {
loadingIndex = layer.load(2, {time: 10*1000});
},
success : function(result) {
layer.close(loadingIndex);
// 获取用户集合数据
var pageObj = result.data;
var users = pageObj.datas;
// 工具方法
// 相同类型的引号不能嵌套使用
// (X)"""", ''''
// (OK) "''", '""'
var content = "";
$.each(users, function(index, user){
content += '<tr>';
content += ' <td>'+(index+1)+'</td>';
content += ' <td><input type="checkbox" value="'+user.id+'"></td>';
content += ' <td>'+user.loginacct+'</td>';
content += ' <td>'+user.username+'</td>';
content += ' <td>'+user.email+'</td>';
content += ' <td>';
content += ' <button type="button" οnclick="window.location.href=\'${APP_PATH}/manager/user/assign?id='+user.id+'\'" class="btn btn-success btn-xs"><i class=" glyphicon glyphicon-check"></i></button>';
content += ' <button type="button" οnclick="window.location.href=\'${APP_PATH}/manager/user/edit?pageno='+pageno+'&id='+user.id+'\'" class="btn btn-primary btn-xs"><i class=" glyphicon glyphicon-pencil"></i></button>';
content += ' <button type="button" οnclick="deleteUser('+user.id+', \''+user.loginacct+'\')" class="btn btn-danger btn-xs"><i class=" glyphicon glyphicon-remove"></i></button>';
content += ' </td>';
content += '</tr>';
});
$("#userTbody").html(content);
var pageContent = "";
if ( pageno != 1 ) {
pageContent+='<li ><a href="javascript:;" οnclick="pageQuery('+(pageno-1)+')">上一页</a></li>';
}
for ( var i = 1; i <= pageObj.totalno; i++ ) {
if ( pageno == i ) {
pageContent+='<li class="active"><a href="javascript:;">'+i+'</a></li>';
} else {
pageContent+='<li><a href="javascript:;" οnclick="pageQuery('+i+')">'+i+'</a></li>';
}
}
if ( pageno != pageObj.totalno ) {
pageContent+='<li ><a href="javascript:;" οnclick="pageQuery('+(pageno+1)+')">下一页</a></li>';
}
$(".pagination").html(pageContent);
// jQuery对象方法
//$().each();
}
});
}
var likeflg = false;
function queryData() {
likeflg = true;
pageQuery(1);
}
function checkAll( box ) {
var flg = box.checked;
$.each($("#userTbody :checkbox"), function(i, n){
n.checked = flg;
});
}
function deleteUser(id, loginacct) {
layer.confirm("删除用户信息["+loginacct+"]，是否继续？", {icon: 3, title:'提示'}, function(cindex){
$.ajax({
type : "POST",
url : "${APP_PATH}/manager/user/delete",
data : {
"id" : id
},
success : function(result) {
if ( result.success ) {
layer.msg("用户信息删除成功", {time:1500, icon:6}, function(){
pageQuery(1);
});
} else {
layer.msg("用户信息删除失败", {time:1500, icon:5, shift:6});
}
}
});
layer.close(cindex);
}, function(cindex){
layer.close(cindex);
});
}
function deleteUsers() {
// 获取被选中的用户数据
var userBoxes = $("#userTbody :checked");
// 判断
if(userBoxes.length == 0) {
layer.msg("请选择需要删除的用户信息", {time:1500, icon:5, shift:6});
} else {
// name="ids[0]" value="1"
var jsonData = {};
$.each(userBoxes, function(i, n){
//jsonData["ids["+i+"]"] = n.value;
jsonData["users["+i+"].id"] = n.value;
});
// 删除
$.ajax({
type : "POST",
url : "${APP_PATH}/manager/user/deletes",
data : jsonData,
success : function(result) {
if ( result.success ) {
layer.msg("用户信息删除成功", {time:1500, icon:6}, function(){
pageQuery(1);
});
} else {
layer.msg("用户信息删除失败", {time:1500, icon:5, shift:6});
}
}
});
}
}
</script>
</body>
</html>
==========================
<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="${APP_PATH}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/font-awesome.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/main.css">
<style>
.tree li {
list-style-type: none;
cursor:pointer;
}
table tbody tr:nth-child(odd){background:#F4F4F4;}
table tbody td:nth-child(even){color:#C00;}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<div><a class="navbar-brand" style="font-size:32px;" href="#">众筹平台 - 用户维护</a></div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li style="padding-top:8px;">
<%@include file="/WEB-INF/jsp/common/userinfo.jsp" %>
</li>
<li style="margin-left:10px;padding-top:8px;">
<button type="button" class="btn btn-default btn-danger">
<span class="glyphicon glyphicon-question-sign"></span> 帮助
</button>
</li>
</ul>
<form class="navbar-form navbar-right">
<input type="text" class="form-control" placeholder="Search...">
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
<div class="tree">
<ul style="padding-left:0px;" class="list-group">
<li class="list-group-item tree-closed" >
<a href="main.html"><i class="glyphicon glyphicon-dashboard"></i> 控制面板</a>
</li>
<li class="list-group-item">
<span><i class="glyphicon glyphicon glyphicon-tasks"></i> 权限管理 <span class="badge" style="float:right">3</span></span>
<ul style="margin-top:10px;">
<li style="height:30px;">
<a href="user.html" style="color:red;"><i class="glyphicon glyphicon-user"></i> 用户维护</a>
</li>
<li style="height:30px;">
<a href="role.html"><i class="glyphicon glyphicon-king"></i> 角色维护</a>
</li>
<li style="height:30px;">
<a href="permission.html"><i class="glyphicon glyphicon-lock"></i> 许可维护</a>
</li>
</ul>
</li>
<li class="list-group-item tree-closed">
<span><i class="glyphicon glyphicon-ok"></i> 业务审核 <span class="badge" style="float:right">3</span></span>
<ul style="margin-top:10px;display:none;">
<li style="height:30px;">
<a href="auth_cert.html"><i class="glyphicon glyphicon-check"></i> 实名认证审核</a>
</li>
<li style="height:30px;">
<a href="auth_adv.html"><i class="glyphicon glyphicon-check"></i> 广告审核</a>
</li>
<li style="height:30px;">
<a href="auth_project.html"><i class="glyphicon glyphicon-check"></i> 项目审核</a>
</li>
</ul>
</li>
<li class="list-group-item tree-closed">
<span><i class="glyphicon glyphicon-th-large"></i> 业务管理 <span class="badge" style="float:right">7</span></span>
<ul style="margin-top:10px;display:none;">
<li style="height:30px;">
<a href="cert.html"><i class="glyphicon glyphicon-picture"></i> 资质维护</a>
</li>
<li style="height:30px;">
<a href="type.html"><i class="glyphicon glyphicon-equalizer"></i> 分类管理</a>
</li>
<li style="height:30px;">
<a href="process.html"><i class="glyphicon glyphicon-random"></i> 流程管理</a>
</li>
<li style="height:30px;">
<a href="advertisement.html"><i class="glyphicon glyphicon-hdd"></i> 广告管理</a>
</li>
<li style="height:30px;">
<a href="message.html"><i class="glyphicon glyphicon-comment"></i> 消息模板</a>
</li>
<li style="height:30px;">
<a href="project_type.html"><i class="glyphicon glyphicon-list"></i> 项目分类</a>
</li>
<li style="height:30px;">
<a href="tag.html"><i class="glyphicon glyphicon-tags"></i> 项目标签</a>
</li>
</ul>
</li>
<li class="list-group-item tree-closed" >
<a href="param.html"><i class="glyphicon glyphicon-list-alt"></i> 参数管理</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="glyphicon glyphicon-th"></i> 数据列表</h3>
</div>
<div class="panel-body">
<form class="form-inline" role="form" style="float:left;">
<div class="form-group has-feedback">
<div class="input-group">
<div class="input-group-addon">查询条件</div>
<input class="form-control has-success" type="text" placeholder="请输入查询条件">
</div>
</div>
<button type="button" class="btn btn-warning"><i class="glyphicon glyphicon-search"></i> 查询</button>
</form>
<button type="button" class="btn btn-danger" style="float:right;margin-left:10px;"><i class=" glyphicon glyphicon-remove"></i> 删除</button>
<button type="button" class="btn btn-primary" style="float:right;" οnclick="window.location.href='add.html'"><i class="glyphicon glyphicon-plus"></i> 新增</button>
<br>
<hr style="clear:both;">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr >
<th width="30">#</th>
<th width="30"><input type="checkbox"></th>
<th>账号</th>
<th>名称</th>
<th>邮箱地址</th>
<th width="100">操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${userPage.datas}" varStatus="status" var="user">
<tr>
<td>${status.count}</td>
<td><input type="checkbox"></td>
<td>${user.loginacct}</td>
<td>${user.username}</td>
<td>${user.email}</td>
<td>
<button type="button" class="btn btn-success btn-xs"><i class=" glyphicon glyphicon-check"></i></button>
<button type="button" class="btn btn-primary btn-xs"><i class=" glyphicon glyphicon-pencil"></i></button>
<button type="button" class="btn btn-danger btn-xs"><i class=" glyphicon glyphicon-remove"></i></button>
</td>
</tr>
</c:forEach>
</tbody>
<tfoot>
<tr >
<td colspan="6" align="center">
<ul class="pagination">
<c:if test="${userPage.pageno != 1}">
<li ><a href="javascript:;" οnclick="changePageno(${userPage.pageno-1})">上一页</a></li>
</c:if>
<c:forEach begin="1" varStatus="status" end="${userPage.totalno}" >
<li ${userPage.pageno == status.count?"class='active'":""}><a href="javascript:;" οnclick="changePageno(${status.count})">${status.count}</a></li>
</c:forEach>
<c:if test="${userPage.pageno != userPage.totalno}">
<li><a href="javascript:;" οnclick="changePageno(${userPage.pageno+1})">下一页</a></li>
</c:if>
</ul>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="${APP_PATH}/jquery/jquery-2.1.1.min.js"></script>
<script src="${APP_PATH}/bootstrap/js/bootstrap.min.js"></script>
<script src="${APP_PATH}/script/docs.min.js"></script>
<script type="text/javascript">
$(function () {
$(".list-group-item").click(function(){
if ( $(this).find("ul") ) {
$(this).toggleClass("tree-closed");
if ( $(this).hasClass("tree-closed") ) {
$("ul", this).hide("fast");
} else {
$("ul", this).show("fast");
}
}
});
});
$("tbody .btn-success").click(function(){
window.location.href = "assignRole.html";
});
$("tbody .btn-primary").click(function(){
window.location.href = "edit.html";
});
function changePageno(no) {
window.location.href = "${APP_PATH}/manager/user/index?pageno="+no;
}
</script>
</body>
</html>
=========================
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keys" content="">
<meta name="author" content="">
<link rel="stylesheet" href="${APP_PATH}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/font-awesome.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/login.css">
<style>
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<div><a class="navbar-brand" href="index.html" style="font-size:32px;">尚筹网-创意产品众筹平台</a></div>
</div>
</div>
</nav>
<div class="container">
<h1>${param.errorMsg}</h1>
<form action="${APP_PATH}/dologin" id="loginForm" class="form-signin" role="form">
<h2 class="form-signin-heading"><i class="glyphicon glyphicon-cloud"></i> 用户登录</h2>
<div class="form-group has-success has-feedback">
<input type="text" class="form-control" id="loginacct" name="loginacct" value="zhangsan" placeholder="请输入登录账号" autofocus>
<span class="glyphicon glyphicon-user form-control-feedback"></span>
</div>
<div class="form-group has-success has-feedback">
<input type="password" class="form-control" id="userpswd" name="userpswd" value="123123" placeholder="请输入登录密码" style="margin-top:10px;">
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="form-group has-success has-feedback">
<select class="form-control" >
<option value="member">会员</option>
<option value="user">管理</option>
</select>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me"> 记住我
</label>
<br>
<label>
忘记密码
</label>
<label style="float:right">
<a href="reg.html">我要注册</a>
</label>
</div>
<a class="btn btn-lg btn-success btn-block" οnclick="dologin()" > 登录</a>
</form>
</div>
<script src="${APP_PATH}/jquery/jquery-2.1.1.min.js"></script>
<script src="${APP_PATH}/bootstrap/js/bootstrap.min.js"></script>
<script src="${APP_PATH}/layer/layer.js"></script>
<script>
function dologin() {
var loginacct = $("#loginacct");
if ( loginacct.val() == "" ) {
//alert("登陆账号不能为空，请输入");
layer.msg("登陆账号不能为空，请输入", {time:1500, icon:5, shift:6}, function(){
loginacct.focus();
});
return;
}
var userpswd = $("#userpswd");
if ( userpswd.val() == "" ) {
//alert("登录密码不能为空，请输入");
layer.msg("登录密码不能为空，请输入", {time:1500, icon:5, shift:6}, function(){
userpswd.focus();
});
return;
}
// 使用AJAX进行数据校验
// $.get, $.post, $.getJSON, $.ajax
// $.get ==> (url, data, callback, type)
// $.ajax ==> url, data, success(error), dataType
//$("#loginForm").submit();
var loadingIndex = -1;
$.ajax({
type : "POST",
url : "${APP_PATH}/dologin",
data : {
"loginacct" : loginacct.val(),
"userpswd" : userpswd.val()
},
beforeSend : function() {
loadingIndex = layer.load(2, {time: 10*1000});
},
success : function(result){
// 200
layer.close(loadingIndex);
if ( result.success == true ) {
window.location.href = "${APP_PATH}/main";
} else {
alert(result.message);
}
},
error : function(){
// 404, 405, 500
}
});
}
</script>
</body>
</html>
6370
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
