<%--
  Created by IntelliJ IDEA.
  User: hkw
  Date: 2018/10/31
  Time: 14:06
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" import="com.itheima.po.Admin" %> <%-- 设置页面内容类型和语言，同时引入需要使用的Admin类 --%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%-- 引入JSTL核心标签库 --%>

<html>
<head>
    <title>后台登录</title> <%-- 设置页面标题 --%>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"> <%-- 定义页面渲染模式 --%>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <%-- 兼容模式设置 --%>
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /> <%-- 适配移动设备视口设置 --%>

    <%--<meta http-equiv="Cache-Control" content="no-siteapp" />--%> <%-- 注释的禁止站点应用缓存 --%>

    <link rel="icon" href="/images/favicon.ico" sizes="32x32" /> <%-- 设置网页图标 --%>
    <link rel="stylesheet" href="/css/font.css"> <%-- 引入字体样式 --%>
    <link rel="stylesheet" href="/css/xadmin.css"> <%-- 引入后台管理样式表 --%>
    <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> <%-- 引入jQuery --%>
    <script src="/lib/layui/layui.js"></script> <%-- 引入layui库 --%>
    <script type="text/javascript" src="/js/xadmin.js"></script> <%-- 引入自定义JS文件 --%>
    <script src="/layui_exts/excel.js"></script> <%-- 引入excel导出扩展 --%>

    <style type="text/css">
        .layui-table {
            text-align: center; <%-- 表格内容居中 --%>
        }
        .layui-table th {
            text-align: center; <%-- 表格表头居中 --%>
        }
    </style> <%-- 内联样式定义 --%>
</head>

<body>
<div class="x-nav"> <%-- 导航栏容器 --%>
      <span class="layui-breadcrumb">
        <a href="">首页</a> <%-- 首页链接 --%>
        <a href="/findAdmin">管理员信息</a> <%-- 管理员信息链接 --%>
      </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/findAdmin" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i> <%-- 刷新图标按钮 --%>
    </a>
</div>
<div class="x-body"> <%-- 页面主要内容容器 --%>
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so" action="/findAdmin" > <%-- 表单提交管理员查询 --%>
            <input type="hidden" class="layui-input" placeholder="请输入用户名" name="a_id" id="a_id"> <%-- 隐藏的ID输入框 --%>
            <input class="layui-input" placeholder="请输入用户名" name="a_username" id="a_username"> <%-- 用户名输入框 --%>
            <input class="layui-input" placeholder="请输入级别描述" name="a_describe" id="a_describe" > <%-- 级别描述输入框 --%>

            <input class="layui-input" type="hidden" name="pageIndex" value="1"> <%-- 当前页码隐藏输入框 --%>
            <input class="layui-input" type="hidden" name="pageSize" value="3"> <%-- 每页显示条数隐藏输入框 --%>
            <button class="layui-btn"  lay-submit="" lay-filter="search"><i class="layui-icon">&#xe615;</i></button> <%-- 搜索按钮 --%>
        </form>
    </div>

    <xblock>
        <button id="addStudnetBtn" class="layui-btn layui-btn-normal"> <i class="layui-icon">&#xe654;</i>添加</button> <%-- 添加按钮 --%>
        <button class="layui-btn layui-btn-warm" lay-filter="toolbarDemo" lay-submit=""><i class="layui-icon">&#xe67c;</i>导出</button> <%-- 导出按钮 --%>
        <span class="x-right" style="line-height:40px">共有数据：${ai.totalCount} 条</span> <%-- 显示总条数 --%>
    </xblock>

    <%--表格数据--%>
    <table class="layui-table" > <%-- 管理员列表表格 --%>
        <thead>
        <tr>
            <th>ID</th> <%-- ID列 --%>
            <th>用户名</th> <%-- 用户名列 --%>
            <th>姓名</th> <%-- 姓名列 --%>
            <th>电话</th> <%-- 电话列 --%>
            <th>级别描述</th> <%-- 级别描述列 --%>
            <th>操作</th> <%-- 操作列 --%>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${ai.list}" var="ai"> <%-- 遍历管理员列表数据 --%>
        <tr>
            <td class="myid">${ai.a_id}</td> <%-- ID数据 --%>
            <td>${ai.a_username}</td> <%-- 用户名数据 --%>
            <td>${ai.a_name}</td> <%-- 姓名数据 --%>
            <td>${ai.a_phone}</td> <%-- 电话数据 --%>
            <td>${ai.a_describe}</td> <%-- 级别描述数据 --%>
            <td class="td-manage">
                <a title="编辑" class="updateEdit" href="#"><i class="layui-icon">&#xe642;</i></a> <%-- 编辑按钮 --%>
                <a title="删除" onclick="member_del(this,'${ai.a_id}','${ai.a_power}')" href="javascript:;"><i class="layui-icon">&#xe640;</i></a> <%-- 删除按钮 --%>
            </td>
        </tr>
        </c:forEach>
        </tbody>
    </table>
