公司日常考勤系统#8 

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>个人考勤记录</title>
    <style>
        /* 页面整体样式 */
        body {
            font-family: Arial, sans-serif;
            background-color: #E0F7FA; /* 浅湖蓝色背景 */
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        /* 表格样式 */
        table {
            width: 90%;
            margin: 20px 0;
            border-collapse: collapse;
            background-color: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }

        th, td {
            padding: 12px;
            text-align: center;
            border: 1px solid #ccc;
        }

        th {
            background-color: #00ACC1; /* 湖蓝色 */
            color: white;
        }

        tr:nth-child(even) {
            background-color: #f7f7f7;
        }

        tr:hover {
            background-color: #E0F7FA;
        }

        /* 返回链接样式 */
        a {
            font-size: 16px;
            color: #00ACC1; /* 湖蓝色 */
            text-decoration: none;
            margin-top: 20px;
            display: inline-block;
        }

        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
<div>
    <a href="menu.jsp">返回首页</a>
    <table>
        <tr>
            <th>考勤时间</th>
            <th>工号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>出生日期</th>
            <th>部门</th>
            <th>考勤类型</th>
        </tr>

        <!-- 反转集合输出 -->
        <c:forEach items="${attendances}" var="attendance" varStatus="status">
            <tr align="center">
                <td>${attendance.attendanceTime}</td>
                <td>${attendance.jobId}</td>
                <td>${attendance.name}</td>
                <td>${attendance.sex}</td>
                <td>${attendance.birthday}</td>
                <td>${attendance.department}</td>
                <td>${attendance.attendanceType}</td>
            </tr>
        </c:forEach>
    </table>
</div>
</body>
</html>



<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>重置密码</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #E0F7FA; /* 浅湖蓝色背景 */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        form {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 300px;
            text-align: center;
        }
        input[type="text"] {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }
        .button {
            background-color: #00ACC1; /* 湖蓝色按钮 */
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
            font-size: 16px;
        }
        .button:hover {
            background-color: #0097A7; /* 深湖蓝色悬停效果 */
        }
        a {
            color: #00ACC1; /* 湖蓝色链接 */
            text-decoration: none;
            display: block;
            margin-top: 10px;
        }
        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
<form action="/20241216/resetPasswordServlet" name="form" method="post">
    <p>${reset_msg}</p>
    <p><input name="id" id="id" type="text" placeholder="请输入您的ID"></p>
    <input type="submit" class="button" value="重置">
    <a href="menu.jsp">返回首页</a>
</form>
</body>
</html>


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>修改密码</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #E0F7FA; /* 浅湖蓝色背景 */
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }
    form {
      background-color: white;
      padding: 30px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      width: 320px;
      text-align: center;
    }
    input[type="text"], input[type="password"] {
      width: 100%;
      padding: 10px;
      margin: 10px 0;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }
    .button {
      background-color: #00ACC1; /* 湖蓝色按钮 */
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      width: 100%;
      font-size: 16px;
    }
    .button:hover {
      background-color: #0097A7; /* 深湖蓝色悬停效果 */
    }
    a {
      color: #00ACC1; /* 湖蓝色链接 */
      text-decoration: none;
      display: block;
      margin-top: 10px;
    }
    a:hover {
      text-decoration: underline;
    }
    p {
      font-size: 14px;
      color: #333;
    }
    .message {
      color: #0097A7; /* 湖蓝色信息 */
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
<form action="/20241216/changePasswordServlet" method="post" name="form">
  <div class="message">${change_msg}</div>
  <input type="hidden" name="id" value="${user.id}">

  <p>原密码</p>
  <input type="password" name="oldPassword" id="oldPassword" required>

  <p>新密码</p>
  <input type="password" name="newPassword" id="newPassword" required>

  <p>确认密码</p>
  <input type="password" name="confirmPassword" id="confirmPassword" required>

  <input type="submit" class="button" value="提交">

  <a href="menu.jsp">返回首页</a>
</form>
</body>
</html>
posted @ 2025-02-20 21:27  花落水无痕  阅读(15)  评论(0)    收藏  举报