|
|
<%@ page import="java.sql.*" %> <!-- 导入Java SQL包 -->
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!-- 设置页面语言和编码 -->
|
|
|
<!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"> <!-- 设置内容类型和字符编码 -->
|
|
|
<title>Insert title here</title> <!-- 页面标题 -->
|
|
|
<link rel="stylesheet" href="../public/layui/css/layui.css" media="all"> <!-- 引入Layui样式表 -->
|
|
|
|
|
|
<!-- Bootstrap -->
|
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet"> <!-- 引入Bootstrap样式表 -->
|
|
|
<link rel="stylesheet" type="text/css" href="../public/css/default.css" /> <!-- 引入默认样式表 -->
|
|
|
<link rel="stylesheet" type="text/css" href="../public/css/component.css" /> <!-- 引入组件样式表 -->
|
|
|
|
|
|
<script src="../js/jquery-3.2.1.min.js"></script> <!-- 引入jQuery库 -->
|
|
|
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
|
|
|
<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <!-- 引入Bootstrap样式表 -->
|
|
|
|
|
|
<style>
|
|
|
body{background-color:white !important; color:black !important;} <!-- 设置页面背景色和文字颜色 -->
|
|
|
.md-content { color: black; background: white; position: relative; border-radius: 3px; margin: 0 auto;} <!-- 设置模态框内容样式 -->
|
|
|
button{background-color:#009688;} <!-- 设置按钮背景色 -->
|
|
|
button:hover{background-color:#5FB878;} <!-- 设置按钮悬停时的背景色 -->
|
|
|
.md-modal{ width:35%;} <!-- 设置模态框宽度 -->
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<jsp:useBean id="gly" scope="session" class="javabean.JDBCBean"></jsp:useBean> <!-- 使用JavaBean -->
|
|
|
<fieldset class="layui-elem-field" style="width:30%;margin-left:30%;margin-top:5%;height:20%;">
|
|
|
<legend>管理员基本信息</legend>
|
|
|
<div class="layui-field-box" align="center" style="font-size:20px;font-family:YouYuan;">
|
|
|
<%
|
|
|
String manacc = session.getAttribute("manager").toString(); // 获取当前登录的管理员账号
|
|
|
String sql = "select* from manager where ACCOUNT = '"+manacc+"'"; // 查询管理员信息的SQL语句
|
|
|
ResultSet rs = gly.executeQuery(sql); // 执行查询并获取结果集
|
|
|
while(rs.next()){ // 遍历结果集
|
|
|
%>
|
|
|
<p>姓名：<%=rs.getString("name") %></p> <!-- 显示管理员姓名 -->
|
|
|
<p>账号：<%=rs.getString("account") %></p> <!-- 显示管理员账号 -->
|
|
|
<p>邮箱：<%=rs.getString("email") %></p> <!-- 显示管理员邮箱 -->
|
|
|
|
|
|
<button class="md-trigger layui-btn layui-btn-radius" data-modal="modal-3">修改名字</button> <!-- 修改名字按钮 -->
|
|
|
<button class="md-trigger layui-btn layui-btn-radius" data-modal="modal-13">修改密码</button> <!-- 修改密码按钮 -->
|
|
|
<button class="md-trigger layui-btn layui-btn-radius" data-modal="modal-1">修改邮箱</button> <!-- 修改邮箱按钮 -->
|
|
|
<%
|
|
|
}
|
|
|
%>
|
|
|
</div>
|
|
|
</fieldset> <!-- 结束fieldset标签 -->
|
|
|
|
|
|
<div class="md-modal md-effect-13" id="modal-13"> <!-- 修改密码模态框 -->
|
|
|
<div class="md-content">
|
|
|
<h3>修改密码</h3>
|
|
|
|
|
|
<form action="10updateManager.jsp" method="post" class="form-horizontal">
|
|
|
<div class="form-group" align="center" style="margin-left:3%;">
|
|
|
<br>
|
|
|
<label for="psw1" class="col-sm-2 control-label" >新密码</label>
|
|
|
<div class="col-sm-10" align="center">
|
|
|
<input type="password" class="form-control" name="psw1" id="password1" placeholder="请输入新密码" style="width:50%;margin-left:8%;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<br>
|
|
|
<div class="form-group" align="center" style="margin-left:3%;">
|
|
|
<label for="psw2" class="col-sm-2 control-label">新密码</label>
|
|
|
<div class="col-sm-10">
|
|
|
<input type="password" class="form-control" name="psw2" id="password2" placeholder="请再次输入密码进行确认" style="width:50%;margin-left:8%;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div align="center">
|
|
|
<input type="submit" class="layui-btn layui-btn-radius" value="确认"/>
|
|
|
|
|
|
</div>
|
|
|
<br>
|
|
|
</form>
|
|
|
<button class="md-close layui-btn-radius" style="font-size:14px;">取消</button>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="md-modal md-effect-13" id="modal-1"> <!-- 修改邮箱模态框 -->
|
|
|
<div class="md-content">
|
|
|
<h3>修改邮箱</h3>
|
|
|
|
|
|
<form action="10updateManager.jsp" method="post" class="form-horizontal">
|
|
|
<div class="form-group" align="center" style="margin-left:3%;">
|
|
|
<br>
|
|
|
<label for="email1" class="col-sm-2 control-label" >新邮箱</label>
|
|
|
<div class="col-sm-10" align="center">
|
|
|
<input type="text" class="form-control" name="email1" id="password1" placeholder="请输入新邮箱" style="width:50%;margin-left:8%;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<br>
|
|
|
<div class="form-group" align="center" style="margin-left:3%;">
|
|
|
<label for="email2" class="col-sm-2 control-label">新邮箱</label>
|
|
|
<div class="col-sm-10">
|
|
|
<input type="text" class="form-control" name="email2" id="password2" placeholder="请再次输入邮箱进行确认" style="width:50%;margin-left:8%;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div align="center">
|
|
|
<input type="submit" class="layui-btn layui-btn-radius" value="确认"/>
|
|
|
|
|
|
</div>
|
|
|
<br>
|
|
|
</form>
|
|
|
<button class="md-close layui-btn-radius" style="font-size:14px;">取消</button>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="md-modal md-effect-13" id="modal-3"> <!-- 修改名字模态框 -->
|
|
|
<div class="md-content">
|
|
|
<h3>修改名字</h3>
|
|
|
|
|
|
<form action="10updateManager.jsp" method="post" class="form-horizontal">
|
|
|
<div class="form-group" align="center" style="margin-left:3%;">
|
|
|
<br>
|
|
|
<label for="name1" class="col-sm-2 control-label" >新名字</label>
|
|
|
<div class="col-sm-10" align="center">
|
|
|
<input type="text" class="form-control" name="name1" id="password1" placeholder="请输入新名字" style="width:50%;margin-left:8%;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<br>
|
|
|
<div class="form-group" align="center" style="margin-left:3%;">
|
|
|
<label for="name2" class="col-sm-2 control-label">新名字</label>
|
|
|
<div class="col-sm-10">
|
|
|
<input type="text" class="form-control" name="name2" id="password2" placeholder="请再次输入名字进行确认" style="width:50%;margin-left:8%;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div align="center">
|
|
|
<input type="submit" class="layui-btn layui-btn-radius" value="确认"/>
|
|
|
|
|
|
</div>
|
|
|
<br>
|
|
|
</form>
|
|
|
<button class="md-close layui-btn-radius" style="font-size:14px;">取消</button>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="md-overlay"></div> <!-- 模态框的遮罩层 -->
|
|
|
|
|
|
<!-- for the blur effect -->
|
|
|
<!-- by SDE @ desandro -->
|
|
|
<!-- IE is important for this -->
|
|
|
<!-- this script is required for the blur effect -->
|
|
|
<!-- you can also use CSS filters but they are not as good -->
|
|
|
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
|
|
<script src="/js/polyfiller.js"></script> <!-- polyfill脚本路径 -->
|
|
|
</body>
|
|
|
</html> |
