143 lines
4.5 KiB
Plaintext
143 lines
4.5 KiB
Plaintext
|
<%@page import="java.util.List"%>
|
||
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||
|
|
pageEncoding="UTF-8"%>
|
||
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>锋迷网-会员列表</title>
|
||
|
|
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
|
||
|
|
<script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
|
||
|
|
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(function(){
|
||
|
|
loadUser();
|
||
|
|
})
|
||
|
|
//连接servlet 获取 数据
|
||
|
|
function loadUser(){
|
||
|
|
$.ajax({
|
||
|
|
url:"${pageContext.request.contextPath}/userlist",
|
||
|
|
method:"get",
|
||
|
|
success:function(data){
|
||
|
|
showMsg(data);
|
||
|
|
},
|
||
|
|
error:function(XMLHttpRequest,textStatus,errorThrown){
|
||
|
|
alert("失败"+XMLHttpRequest.status+":"+textStatus+":"+errorThrown);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//显示用户信息
|
||
|
|
function showMsg(list){
|
||
|
|
$("#tb_list").html("<tr class='tr_head'><td>编号</td><td>邮箱</td><td>姓名</td><td>性别</td><td>类别</td><td>操作</td></tr>");
|
||
|
|
var i = 1;
|
||
|
|
for(var u in list){
|
||
|
|
//声明 tr td 对象
|
||
|
|
var tr = $("<tr></tr>");
|
||
|
|
var td1 = $("<td>"+(i++)+"</td>");
|
||
|
|
var td2 = $("<td>"+list[u].email+"</td>");
|
||
|
|
var td3 = $("<td>"+list[u].username+"</td>");
|
||
|
|
var td4 = $("<td>"+list[u].gender+"</td>");
|
||
|
|
var td5 = $("<td>"+(list[u].role==0?"管理员":"会员")+"</td>");
|
||
|
|
var td6 = $("<td><a href='javascript:delUser("+list[u].id+")' class='btn btn-primary btn-xs'>删除</a></td>");
|
||
|
|
//将td 添加到tr中
|
||
|
|
tr.append(td1);
|
||
|
|
tr.append(td2);
|
||
|
|
tr.append(td3);
|
||
|
|
tr.append(td4);
|
||
|
|
tr.append(td5);
|
||
|
|
tr.append(td6);
|
||
|
|
$("#tb_list").append(tr);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//删除用户
|
||
|
|
function delUser(id){
|
||
|
|
if(confirm("确认要删除吗?")){
|
||
|
|
$.ajax({
|
||
|
|
url:"${pageContext.request.contextPath}/userdel?id="+id,
|
||
|
|
method:"get",
|
||
|
|
success:function(data){
|
||
|
|
if(data>0){
|
||
|
|
loadUser();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error:function(XMLHttpRequest,textStatus,errorThrown){
|
||
|
|
alert("失败"+XMLHttpRequest.status+":"+textStatus+":"+errorThrown);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//条件查询
|
||
|
|
$(function(){
|
||
|
|
//给查询按钮 添加 点击事件
|
||
|
|
$("#search").click(function(){
|
||
|
|
var username = $("input[name='username']").val();
|
||
|
|
var genders = $("input[name='gender']");
|
||
|
|
var gender = "";
|
||
|
|
for(var i=0;i<genders.length;i++){
|
||
|
|
if(genders[i].checked){
|
||
|
|
gender += genders[i].value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//使用ajax 进行异步交互
|
||
|
|
$.ajax({
|
||
|
|
url:"${pageContext.request.contextPath}/usersearch?username="+username+"&gender="+gender,
|
||
|
|
method:"post",
|
||
|
|
success:function(data){
|
||
|
|
if(data==0){
|
||
|
|
alert("未找到指定内容");
|
||
|
|
$("input[name='username']").val("");
|
||
|
|
$("input[name='gender']").removeAttr("checked");
|
||
|
|
}else{
|
||
|
|
showMsg(data);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error:function(XMLHttpRequest,textStatus,errorThrown){
|
||
|
|
alert("失败"+XMLHttpRequest.status+":"+textStatus+":"+errorThrown);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="row" style="width: 100%;">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading">会员列表</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<!-- 条件查询 -->
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
||
|
|
<div class="form-group form-inline">
|
||
|
|
<span>用户名</span>
|
||
|
|
<input type="text" name="username" class="form-control">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
|
||
|
|
<div class="form-group form-inline">
|
||
|
|
<span>性别</span>
|
||
|
|
|
||
|
|
<label class="radio-inline">
|
||
|
|
<input type="radio" name="gender" value="男"> 男
|
||
|
|
</label>
|
||
|
|
<label class="radio-inline">
|
||
|
|
<input type="radio"name="gender" value="女"> 女
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
|
||
|
|
<button type="button" class="btn btn-primary" id="search"><span class="glyphicon glyphicon-search"></span></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 列表显示 -->
|
||
|
|
<table id="tb_list" class="table table-striped table-hover table-bordered">
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|