You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

155 lines
9.6 KiB

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>用户列表</title>
<link rel="icon" href="${ pageContext.request.contextPath}/assets/images/favicon.ico" type="image/ico">
<link href="${ pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet">
<link href="${ pageContext.request.contextPath}/assets/css/materialdesignicons.min.css" rel="stylesheet">
<link href="${ pageContext.request.contextPath}/assets/css/style.min.css" rel="stylesheet">
<link rel="stylesheet" href="${ pageContext.request.contextPath}/assets/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
<script type="text/javascript" src="${ pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="${ pageContext.request.contextPath}/assets/js/jquery.form.js"></script>
<%-- 全局主题配置--%>
<script type="text/javascript" src="${ pageContext.request.contextPath}/assets/theme.js"></script>
<link href="${ pageContext.request.contextPath}/assets/codeying.css" rel="stylesheet">
</head>
<body data-theme="default">
<div class="lyear-layout-web">
<div class="lyear-layout-container">
<!-- 页面头部 -->
<jsp:include page="../header.jsp"></jsp:include>
<!-- 导航侧栏 -->
<jsp:include page="../sidebar.jsp"></jsp:include>
<!--页面主要内容-->
<main class="lyear-layout-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header"><h4>用户信息</h4></div>
<div class="card-body">
<form id="dataForm" class="form-inline" action="${ pageContext.request.contextPath}/user/list" method="get">
<div class="row condition-div">
<input id="pageIndex" type="hidden" name="pageIndex" value="1">
<div class="form-group">
<label class="" >用户名</label>
<input maxlength="20" class="form-control" type="TextBox" name="username" placeholder="请输入用户名" >
</div>
<div class="form-group">
<label class="" >姓名</label>
<input maxlength="18" class="form-control" type="TextBox" name="name" placeholder="请输入姓名" >
</div>
<div class="form-group">
<select id="gender" class="form-control" name="gender" >
<option value="">性别</option>
<option value="男">男</option>
<option value="女">女</option>
</select>
</div>
<div class="form-group">
<button class="btn btn-dark" type="submit">查 询</button>
</div>
<c:if test="${ sessionScope.user.role == 'admin' }">
<div class="form-group clearfix">
<a class="btn btn-dark" href="edit">新 增</a>
</div>
</c:if>
<%-- <div class="form-group clearfix">
<a class="btn btn-danger" onclick="delAll()">批量删除</a>
</div>--%>
</div>
${statisticInfo}
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<%--<th><input class="t-check-h" type="checkbox"></th>--%>
<th>用户名
</th>
<th>姓名
</th>
<th>性别
</th>
<th>年龄
↓<input type="checkbox" name="orderby" value="age desc">
↑<input type="checkbox" name="orderby" value="age asc">
</th>
<th>联系方式
</th>
<th>地址
</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${ userList }" var="i" varStatus="s">
<tr>
<th scope="row">${s.count}</th>
<%--<td>input class="t-check" type="checkbox" value="${ i.id}"></td>--%>
<td>${ i.username }</td>
<td>${ i.name }</td>
<td>${ i.gender }</td>
<td>${ i.age }</td>
<td>${ i.tele }</td>
<td>${ i.place }</td>
<td>
<a href="detail?id=${i.id}" class="btn btn-xs btn-dark">查看</a>
<c:if test="${ sessionScope.user.role == 'admin' }">
<a href="edit?id=${i.id}" class="btn btn-xs btn-dark">编辑</a>
</c:if>
<c:if test="${sessionScope.user.role == 'admin' }">
<a href="javascript:del('${i.id}')" class="btn btn-xs btn-dark">删除</a>
</c:if>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</form>
<div class="row">
<jsp:include page="../pager.jsp"></jsp:include>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!--End 页面主要内容-->
</div>
</div>
<script type="text/javascript" src="${ pageContext.request.contextPath}/project/js/list.js"></script>
<script type="text/javascript" src="${ pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ pageContext.request.contextPath}/assets/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="${ pageContext.request.contextPath}/assets/js/main.min.js"></script>
<%--时间选择的插件--%>
<script src="${ pageContext.request.contextPath}/assets/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="${ pageContext.request.contextPath}/assets/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="${ pageContext.request.contextPath}/assets/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
</body>
</html>