Home Explore Help
Register Sign In
2207190438
/
homework
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Revert "简化用户登录注册程序"

This reverts commit 51f75ea6e617a28b4d1d1b35804ccef825988927.
sanaaaa 1 year ago
parent
51f75ea6e6
commit
ed03041718
6 changed files with 380 additions and 574 deletions
Split View Show Diff Stats
  1. 2 1
      .idea/misc.xml
  2. 3 7
      src/main/java/com/bing/controller/LoginServlet.java
  3. 1 1
      src/main/webapp/calendar.jsp
  4. 0 563
      src/main/webapp/calendar1.jsp
  5. 328 0
      src/main/webapp/controllerlogin.jsp
  6. 46 2
      src/main/webapp/index.jsp

+ 2 - 1
.idea/misc.xml
View File 

@@ -7,8 +7,9 @@
 
         <option value="$PROJECT_DIR$/pom.xml" />
 
       </list>
 
     </option>
 
+    <option name="workspaceImportForciblyTurnedOn" value="true" />
 
   </component>
 
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="true" project-jdk-name="17 (3)" project-jdk-type="JavaSDK">
 
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="17 (3)" project-jdk-type="JavaSDK">
 
     <output url="file://$PROJECT_DIR$/out" />
 
   </component>
 
 </project>

+ 3 - 7
src/main/java/com/bing/controller/LoginServlet.java
View File 

@@ -12,9 +12,6 @@ import javax.servlet.http.HttpServletResponse;
 
 
 import com.bing.service.UserService;
 
 import com.bing.service.UserServiceImpl;
 
-import com.bing.dao.UserDao;
 
-import com.bing.bean.User;
 
-import com.bing.util.ConnectionUtil;
 
 
 @WebServlet("/LoginServlet")
 
 public class LoginServlet extends HttpServlet {
 
@@ -38,11 +35,10 @@ public class LoginServlet extends HttpServlet {
 
 
         int k = userService.judgeLogin(email, pwd);
 
         System.out.println(k);
 
-        if (k > 0 && "admin".equals(email)) {
 
-            request.getRequestDispatcher("calendar1.jsp").forward(request, response);
 
-        } else {
 
+        if (k > 0) {
 
             request.getRequestDispatcher("calendar.jsp").forward(request, response);
 
+        } else {
 
+            request.getRequestDispatcher("userlogin.jsp").forward(request, response);
 
         }
 
-
 
     }
 
 }

+ 1 - 1
src/main/webapp/calendar.jsp
View File 

@@ -81,7 +81,7 @@
 
     </style>
 
 </head>
 
 <body>
 
-<h1>学生系统</h1>
 
+<h1>深圳信息职业技术学院22-23校历</h1>
 
 
 <!-- 2022年8月 -->
 
 <div class="calendar">

+ 0 - 563
src/main/webapp/calendar1.jsp
View File 

@@ -1,563 +0,0 @@
 
-<%--
 
-  Created by IntelliJ IDEA.
 
-  User: 29968
 
-  Date: 2024/5/31
 
-  Time: 16:44
 
-  To change this template use File | Settings | File Templates.
 
---%>
 
-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
 
-<!DOCTYPE html>
 
-<html lang="zh-CN">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>管理员系统</title>
 
-    <style>
 
-        body {
 
-            font-family: Arial, sans-serif;
 
-            color: #333;
 
-            background-color: #f4f4f9;
 
-            padding: 20px;
 
-        }
 
-
 
-        h1, h2 {
 
-            text-align: center;
 
-            color: #444;
 
-        }
 
-
 
-        h1 {
 
-            font-size: 2.5em;
 
-        }
 
-
 
-        h2 {
 
-            margin-top: 40px;
 
-            font-size: 1.8em;
 
-        }
 
-
 
-        table {
 
-            width: 100%;
 
-            margin: 20px auto;
 
-            border-collapse: collapse;
 
-            background-color: rgba(255, 255, 255, 1);
 
-            border-radius: 10px;
 
-            overflow: hidden;
 
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 
-            table-layout: fixed;
 
-        }
 
-
 
-        th, td {
 
-            border: 1px solid #ddd;
 
-            padding: 10px;
 
-            text-align: center;
 
-            height: 60px;
 
-        }
 
-
 
-        th {
 
-            background-color: #f7f7f7;
 
-            font-weight: bold;
 
-        }
 
-
 
-        .week {
 
-            background-color: #e0e0e0;
 
-            font-weight: bold;
 
-        }
 
-
 
-        .holiday {
 
-            background-color: #ffcccc;
 
-        }
 
-
 
-        .current-month {
 
-            background-color: #e9f5ff;
 
-            font-weight: bold;
 
-        }
 
-
 
-        .other-month {
 
-            color: #999;
 
-        }
 
-
 
-        .calendar {
 
-            margin-bottom: 40px;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-<h1>深圳信息职业技术学院22-23校历</h1>
 
-
 
-<!-- 2022年8月 -->
 
-<div class="calendar">
 
-    <h2>2022年8月</h2>
 
-    <table>
 
-        <tr>
 
-            <th class="week">周数</th>
 
-            <th>星期一</th>
 
-            <th>星期二</th>
 
-            <th>星期三</th>
 
-            <th>星期四</th>
 
-            <th>星期五</th>
 
-            <th>星期六</th>
 
-            <th>星期日</th>
 
-            <th colspan="2">备注</th>
 
-        </tr>
 
-        <tr>
 
-            <td class="week"></td>
 
-            <td></td>
 
-            <td></td>
 
-            <td></td>
 
-            <td></td>
 
-            <td class="current-month">26</td>
 
-            <td class="current-month">27</td>
 
-            <td class="current-month">28</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">1</td>
 
-            <td class="current-month">29</td>
 
-            <td class="current-month">30</td>
 
-            <td class="current-month">31</td>
 
-            <td class="other-month">1</td>
 
-            <td class="other-month">2</td>
 
-            <td class="other-month">3</td>
 
-            <td class="other-month">4</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-    </table>
 
-</div>
 
-
 
-<!-- 2022年9月 -->
 
-<div class="calendar">
 
-    <h2>2022年9月</h2>
 
-    <table>
 
-        <tr>
 
-            <th class="week">周数</th>
 
-            <th>星期一</th>
 
-            <th>星期二</th>
 
-            <th>星期三</th>
 
-            <th>星期四</th>
 
-            <th>星期五</th>
 
-            <th>星期六</th>
 
-            <th>星期日</th>
 
-            <th colspan="2">备注</th>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">1</td>
 
-            <td class="other-month">29</td>
 
-            <td class="other-month">30</td>
 
-            <td class="other-month">31</td>
 
-            <td class="current-month">1</td>
 
-            <td class="current-month">2</td>
 
-            <td class="current-month">3</td>
 
-            <td class="current-month">4</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">2</td>
 
-            <td class="current-month">5</td>
 
-            <td class="current-month">6</td>
 
-            <td class="current-month">7</td>
 
-            <td class="current-month">8</td>
 
-            <td class="current-month">9</td>
 
-            <td class="holiday">10</td>
 
-            <td class="holiday">11</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">3</td>
 
-            <td class="holiday">12</td>
 
-            <td class="current-month">13</td>
 
-            <td class="current-month">14</td>
 
-            <td class="current-month">15</td>
 
-            <td class="current-month">16</td>
 
-            <td class="current-month">17</td>
 
-            <td class="current-month">18</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">4</td>
 
-            <td class="current-month">19</td>
 
-            <td class="current-month">20</td>
 
-            <td class="current-month">21</td>
 
-            <td class="current-month">22</td>
 
-            <td class="current-month">23</td>
 
-            <td class="current-month">24</td>
 
-            <td class="current-month">25</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">5</td>
 
-            <td class="current-month">26</td>
 
-            <td class="current-month">27</td>
 
-            <td class="current-month">28</td>
 
-            <td class="current-month">29</td>
 
-            <td class="current-month">30</td>
 
-            <td class="other-month">1</td>
 
-            <td class="other-month">2</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-    </table>
 
-</div>
 
-
 
-<!-- 2022年10月 -->
 
-<div class="calendar">
 
-    <h2>2022年10月</h2>
 
-    <table>
 
-        <tr>
 
-            <th class="week">周数</th>
 
-            <th>星期一</th>
 
-            <th>星期二</th>
 
-            <th>星期三</th>
 
-            <th>星期四</th>
 
-            <th>星期五</th>
 
-            <th>星期六</th>
 
-            <th>星期日</th>
 
-            <th colspan="2">备注</th>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">6</td>
 
-            <td class="other-month">26</td>
 
-            <td class="other-month">27</td>
 
-            <td class="other-month">28</td>
 
-            <td class="other-month">29</td>
 
-            <td class="other-month">30</td>
 
-            <td class="holiday">1</td>
 
-            <td class="holiday">2</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">6</td>
 
-            <td class="holiday">3</td>
 
-            <td class="holiday">4</td>
 
-            <td class="holiday">5</td>
 
-            <td class="holiday">6</td>
 
-            <td class="holiday">7</td>
 
-            <td class="current-month">8</td>
 
-            <td class="current-month">9</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">7</td>
 
-            <td class="current-month">10</td>
 
-            <td class="current-month">11</td>
 
-            <td class="current-month">12</td>
 
-            <td class="current-month">13</td>
 
-            <td class="current-month">14</td>
 
-            <td class="current-month">15</td>
 
-            <td class="current-month">16</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">8</td>
 
-            <td class="current-month">17</td>
 
-            <td class="current-month">18</td>
 
-            <td class="current-month">19</td>
 
-            <td class="current-month">20</td>
 
-            <td class="current-month">21</td>
 
-            <td class="current-month">22</td>
 
-            <td class="current-month">23</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">9</td>
 
-            <td class="current-month">24</td>
 
-            <td class="current-month">25</td>
 
-            <td class="current-month">26</td>
 
-            <td class="current-month">27</td>
 
-            <td class="current-month">28</td>
 
-            <td class="current-month">29</td>
 
-            <td class="current-month">30</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">10</td>
 
-            <td class="current-month">31</td>
 
-            <td class="other-month">1</td>
 
-            <td class="other-month">2</td>
 
-            <td class="other-month">3</td>
 
-            <td class="other-month">4</td>
 
-            <td class="other-month">5</td>
 
-            <td class="other-month">6</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-    </table>
 
-</div>
 
-
 
-<!-- 2022年11月 -->
 
-<div class="calendar">
 
-    <h2>2022年11月</h2>
 
-    <table>
 
-        <tr>
 
-            <th class="week">周数</th>
 
-            <th>星期一</th>
 
-            <th>星期二</th>
 
-            <th>星期三</th>
 
-            <th>星期四</th>
 
-            <th>星期五</th>
 
-            <th>星期六</th>
 
-            <th>星期日</th>
 
-            <th colspan="2">备注</th>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">10</td>
 
-            <td class="other-month">31</td>
 
-            <td class="current-month">1</td>
 
-            <td class="current-month">2</td>
 
-            <td class="current-month">3</td>
 
-            <td class="current-month">4</td>
 
-            <td class="current-month">5</td>
 
-            <td class="current-month">6</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">11</td>
 
-            <td class="current-month">7</td>
 
-            <td class="current-month">8</td>
 
-            <td class="current-month">9</td>
 
-            <td class="current-month">10</td>
 
-            <td class="current-month">11</td>
 
-            <td class="current-month">12</td>
 
-            <td class="current-month">13</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">12</td>
 
-            <td class="current-month">14</td>
 
-            <td class="current-month">15</td>
 
-            <td class="current-month">16</td>
 
-            <td class="current-month">17</td>
 
-            <td class="current-month">18</td>
 
-            <td class="current-month">19</td>
 
-            <td class="current-month">20</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">13</td>
 
-            <td class="current-month">21</td>
 
-            <td class="current-month">22</td>
 
-            <td class="current-month">23</td>
 
-            <td class="current-month">24</td>
 
-            <td class="current-month">25</td>
 
-            <td class="current-month">26</td>
 
-            <td class="current-month">27</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">14</td>
 
-            <td class="current-month">28</td>
 
-            <td class="current-month">29</td>
 
-            <td class="current-month">30</td>
 
-            <td class="other-month">1</td>
 
-            <td class="other-month">2</td>
 
-            <td class="other-month">3</td>
 
-            <td class="other-month">4</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-    </table>
 
-</div>
 
-
 
-<!-- 2022年12月 -->
 
-<div class="calendar">
 
-    <h2>2022年12月</h2>
 
-    <table>
 
-        <tr>
 
-            <th class="week">周数</th>
 
-            <th>星期一</th>
 
-            <th>星期二</th>
 
-            <th>星期三</th>
 
-            <th>星期四</th>
 
-            <th>星期五</th>
 
-            <th>星期六</th>
 
-            <th>星期日</th>
 
-            <th colspan="2">备注</th>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">14</td>
 
-            <td class="other-month">28</td>
 
-            <td class="other-month">29</td>
 
-            <td class="other-month">30</td>
 
-            <td class="current-month">1</td>
 
-            <td class="current-month">2</td>
 
-            <td class="current-month">3</td>
 
-            <td class="current-month">4</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">15</td>
 
-            <td class="current-month">5</td>
 
-            <td class="current-month">6</td>
 
-            <td class="current-month">7</td>
 
-            <td class="current-month">8</td>
 
-            <td class="current-month">9</td>
 
-            <td class="current-month">10</td>
 
-            <td class="current-month">11</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">16</td>
 
-            <td class="current-month">12</td>
 
-            <td class="current-month">13</td>
 
-            <td class="current-month">14</td>
 
-            <td class="current-month">15</td>
 
-            <td class="current-month">16</td>
 
-            <td class="current-month">17</td>
 
-            <td class="current-month">18</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">17</td>
 
-            <td class="current-month">19</td>
 
-            <td class="current-month">20</td>
 
-            <td class="current-month">21</td>
 
-            <td class="current-month">22</td>
 
-            <td class="current-month">23</td>
 
-            <td class="current-month">24</td>
 
-            <td class="current-month">25</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">18</td>
 
-            <td class="current-month">26</td>
 
-            <td class="current-month">27</td>
 
-            <td class="current-month">28</td>
 
-            <td class="current-month">29</td>
 
-            <td class="current-month">30</td>
 
-            <td class="current-month">31</td>
 
-            <td class="other-month">1</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-    </table>
 
-</div>
 
-
 
-<!-- 2022年1月 -->
 
-<div class="calendar">
 
-    <h2>2022年1月</h2>
 
-    <table>
 
-        <tr>
 
-            <th class="week">周数</th>
 
-            <th>星期一</th>
 
-            <th>星期二</th>
 
-            <th>星期三</th>
 
-            <th>星期四</th>
 
-            <th>星期五</th>
 
-            <th>星期六</th>
 
-            <th>星期日</th>
 
-            <th colspan="2">备注</th>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">18</td>
 
-            <td class="other-month">26</td>
 
-            <td class="other-month">27</td>
 
-            <td class="other-month">28</td>
 
-            <td class="other-month">29</td>
 
-            <td class="other-month">30</td>
 
-            <td class="other-month">31</td>
 
-            <td class="current-month">1</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">19</td>
 
-            <td class="current-month">2</td>
 
-            <td class="current-month">3</td>
 
-            <td class="current-month">4</td>
 
-            <td class="current-month">5</td>
 
-            <td class="current-month">6</td>
 
-            <td class="current-month">7</td>
 
-            <td class="current-month">8</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">20</td>
 
-            <td class="current-month">9</td>
 
-            <td class="current-month">10</td>
 
-            <td class="current-month">11</td>
 
-            <td class="holiday">12</td>
 
-            <td class="holiday">13</td>
 
-            <td class="holiday">14</td>
 
-            <td class="holiday">15</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">寒假</td>
 
-            <td class="holiday">16</td>
 
-            <td class="holiday">17</td>
 
-            <td class="holiday">18</td>
 
-            <td class="holiday">19</td>
 
-            <td class="holiday">20</td>
 
-            <td class="holiday">21</td>
 
-            <td class="holiday">22</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">寒假</td>
 
-            <td class="holiday">23</td>
 
-            <td class="holiday">24</td>
 
-            <td class="holiday">25</td>
 
-            <td class="holiday">26</td>
 
-            <td class="holiday">27</td>
 
-            <td class="holiday">28</td>
 
-            <td class="holiday">29</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">寒假</td>
 
-            <td class="holiday">30</td>
 
-            <td class="holiday">31</td>
 
-            <td class="other-month">1</td>
 
-            <td class="other-month">2</td>
 
-            <td class="other-month">3</td>
 
-            <td class="other-month">4</td>
 
-            <td class="other-month">5</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-    </table>
 
-</div>
 
-
 
-
 
-<!-- 2022年2月 -->
 
-<div class="calendar">
 
-    <h2>2022年2月</h2>
 
-    <table>
 
-        <tr>
 
-            <th class="week">寒假</th>
 
-            <th>星期一</th>
 
-            <th>星期二</th>
 
-            <th>星期三</th>
 
-            <th>星期四</th>
 
-            <th>星期五</th>
 
-            <th>星期六</th>
 
-            <th>星期日</th>
 
-            <th colspan="2">备注</th>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">寒假</td>
 
-            <td class="other-month">30</td>
 
-            <td class="other-month">31</td>
 
-            <td class="holiday">1</td>
 
-            <td class="holiday">2</td>
 
-            <td class="holiday">3</td>
 
-            <td class="holiday">4</td>
 
-            <td class="holiday">5</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">寒假</td>
 
-            <td class="holiday">6</td>
 
-            <td class="holiday">7</td>
 
-            <td class="holiday">8</td>
 
-            <td class="holiday">9</td>
 
-            <td class="holiday">10</td>
 
-            <td class="holiday">11</td>
 
-            <td class="holiday">12</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-        <tr>
 
-            <td class="week">寒假</td>
 
-            <td class="holiday">13</td>
 
-            <td class="holiday">14</td>
 
-            <td class="holiday">15</td>
 
-            <td class="holiday">16</td>
 
-            <td class="current-month">17</td>
 
-            <td class="current-month">18</td>
 
-            <td class="current-month">19</td>
 
-            <td colspan="2"></td>
 
-        </tr>
 
-    </table>
 
-</div>

+ 328 - 0
src/main/webapp/controllerlogin.jsp
View File 

@@ -0,0 +1,328 @@
 
+<%--
 
+  Created by IntelliJ IDEA.
 
+  User: 86180
 
+  Date: 2024/6/1
 
+  Time: 7:45
 
+  To change this template use File | Settings | File Templates.
 
+--%>
 
+
 
+<%@ page contentType="text/html; charset=gb2312"%>
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>SHIXUN</title>
 
+    <!-- 导入字体图标 -->
 
+    <link rel="stylesheet" href="./font_mw3z7ts489g/iconfont.css">
 
+
 
+    <style>
 
+        * {
 
+            margin: 0;
 
+            padding: 0;
 
+            box-sizing: border-box;
 
+            /* 字体无法选中 */
 
+            user-select: none;
 
+        }
 
+
 
+        body {
 
+            width: 100%;
 
+            height: 100vh;
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+            font-size: 12px;
 
+            background-color: #ecf0f3;
 
+            color: #a0a5a8;
 
+        }
 
+
 
+        .shell {
 
+            position: relative;
 
+            width: 1000px;
 
+            min-width: 1000px;
 
+            min-height: 600px;
 
+            height: 600px;
 
+            padding: 25px;
 
+            background-color: #ecf0f3;
 
+            box-shadow: 10px 10px 10px #d1d9e6, -10px -10px 10px #f9f9f9;
 
+            border-radius: 12px;
 
+            overflow: hidden;
 
+        }
 
+
 
+        /* 设置响应式 */
 
+        @media (max-width: 1200px) {
 
+            .shell {
 
+                transform: scale(0.7);
 
+            }
 
+        }
 
+
 
+        @media (max-width: 1000px) {
 
+            .shell {
 
+                transform: scale(0.6);
 
+            }
 
+        }
 
+
 
+        @media (max-width: 800px) {
 
+            .shell {
 
+                transform: scale(0.5);
 
+            }
 
+        }
 
+
 
+        @media (max-width: 600px) {
 
+            .shell {
 
+                transform: scale(0.4);
 
+            }
 
+        }
 
+
 
+        .container {
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+            position: absolute;
 
+            top: 0;
 
+            width: 600px;
 
+            height: 100%;
 
+            padding: 25px;
 
+            background-color: #ecf0f3;
 
+            transition: 1.25s;
 
+        }
 
+
 
+        .form {
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+            flex-direction: column;
 
+            width: 100%;
 
+            height: 100%;
 
+        }
 
+
 
+        .iconfont {
 
+            margin: 0 5px;
 
+            border: rgba(0, 0, 0, 0.5) 2px solid;
 
+            border-radius: 50%;
 
+            font-size: 25px;
 
+            padding: 3px;
 
+            opacity: 0.5;
 
+            transition: 0.1s;
 
+        }
 
+
 
+        .iconfont:hover {
 
+            opacity: 1;
 
+            transition: 0.15s;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .form_input {
 
+            width: 350px;
 
+            height: 40px;
 
+            margin: 4px 0;
 
+            padding-left: 25px;
 
+            font-size: 13px;
 
+            letter-spacing: 0.15px;
 
+            border: none;
 
+            outline: none;
 
+            background-color: #ecf0f3;
 
+            transition: 0.25s ease;
 
+            border-radius: 8px;
 
+            box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9;
 
+        }
 
+
 
+        .form_input:focus {
 
+            box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #f9f9f9;
 
+        }
 
+
 
+        .form_span {
 
+            margin-top: 30px;
 
+            margin-bottom: 12px;
 
+        }
 
+
 
+        .form_link {
 
+            color: #181818;
 
+            font-size: 15px;
 
+            margin-top: 25px;
 
+            border-bottom: 1px solid #a0a5a8;
 
+            line-height: 2;
 
+        }
 
+
 
+        .title {
 
+            font-size: 34px;
 
+            font-weight: 700;
 
+            line-height: 3;
 
+            color: #181818;
 
+            letter-spacing: 10px;
 
+        }
 
+
 
+        .description {
 
+            font-size: 14px;
 
+            letter-spacing: 0.25px;
 
+            text-align: center;
 
+            line-height: 1.6;
 
+        }
 
+
 
+        .button {
 
+            width: 180px;
 
+            height: 50px;
 
+            border-radius: 25px;
 
+            margin-top: 50px;
 
+            font-weight: 700;
 
+            font-size: 14px;
 
+            letter-spacing: 1.15px;
 
+            background-color: #4B70E2;
 
+            color: #f9f9f9;
 
+            box-shadow: 8px 8px 16px #d1d9e6, -8px -8px 16px #f9f9f9;
 
+            border: none;
 
+            outline: none;
 
+        }
 
+
 
+        .a-container {
 
+            z-index: 100;
 
+            left: calc(100% - 600px);
 
+        }
 
+
 
+        .b-container {
 
+            left: calc(100% - 600px);
 
+            z-index: 0;
 
+        }
 
+
 
+        .switch {
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+            position: absolute;
 
+            top: 0;
 
+            left: 0;
 
+            height: 100%;
 
+            width: 400px;
 
+            padding: 50px;
 
+            z-index: 200;
 
+            transition: 1.25s;
 
+            background-color: #ecf0f3;
 
+            overflow: hidden;
 
+            box-shadow: 4px 4px 10px #d1d9e6, -4px -4px 10px #d1d9e6;
 
+        }
 
+
 
+        .switch_circle {
 
+            position: absolute;
 
+            width: 500px;
 
+            height: 500px;
 
+            border-radius: 50%;
 
+            background-color: #ecf0f3;
 
+            box-shadow: inset 8px 8px 12px #b8bec7, inset -8px -8px 12px #fff;
 
+            bottom: -60%;
 
+            left: -60%;
 
+            transition: 1.25s;
 
+        }
 
+
 
+        .switch_circle-t {
 
+            top: -30%;
 
+            left: 60%;
 
+            width: 300px;
 
+            height: 300px;
 
+        }
 
+
 
+        .switch_container {
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+            flex-direction: column;
 
+            position: absolute;
 
+            width: 400px;
 
+            padding: 50px 55px;
 
+            transition: 1.25s;
 
+        }
 
+
 
+        .switch_button {
 
+            cursor: pointer;
 
+        }
 
+
 
+        .switch_button:hover,
 
+        .submit:hover {
 
+            box-shadow: 6px 6px 10px #d1d9e6, -6px -6px 10px #f9f9f9;
 
+            transform: scale(0.985);
 
+            transition: 0.25s;
 
+        }
 
+
 
+        .switch_button:active,
 
+        .switch_button:focus {
 
+            box-shadow: 2px 2px 6px #d1d9e6, -2px -2px 6px #f9f9f9;
 
+            transform: scale(0.97);
 
+            transition: 0.25s;
 
+        }
 
+
 
+        .is-txr {
 
+            left: calc(100% - 400px);
 
+            transition: 1.25s;
 
+            transform-origin: left;
 
+        }
 
+
 
+        .is-txl {
 
+            left: 0;
 
+            transition: 1.25s;
 
+            transform-origin: right;
 
+        }
 
+
 
+        .is-z {
 
+            z-index: 200;
 
+            transition: 1.25s;
 
+        }
 
+
 
+        .is-hidden {
 
+            visibility: hidden;
 
+            opacity: 0;
 
+            position: absolute;
 
+            transition: 1.25s;
 
+        }
 
+
 
+
 
+
 
+        @keyframes is-gx {
 
+
 
+            0%,
 
+            10%,
 
+            100% {
 
+                width: 400px;
 
+            }
 
+
 
+            30%,
 
+            50% {
 
+                width: 500px;
 
+            }
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+<div class="shell">
 
+
 
+    <div class="container b-container" id="b-container">
 
+        <form action="" method="post" class="form" id="b-form">
 
+            <h2 class="form_title title">Log in</h2>
 
+            <div class="form_icons">
 
+
 
+            </div>
 
+            <span class="form_span">Log in</span>
 
+            <input type="text" class="form_input" placeholder="Email">
 
+            <input type="text" class="form_input" placeholder="Password">
 
+            <a class="form_link">forget your password？</a>
 
+            <button class="form_button button submit">SIGN IN</button>
 
+        </form>
 
+    </div>
 
+
 
+    <div class="switch" id="switch-cnt">
 
+        <div class="switch_circle"></div>
 
+        <div class="switch_circle switch_circle-t"></div>
 
+        <div class="switch_container" id="bb">
 
+            <h2 class="switch_title title" style="letter-spacing: 0;">Welcome To controller system</h2>
 
+            <p class="switch_description description">Ready set?Let's Go!</p>
 
+        </div>
 
+    </div>
 
+</div>
 
+</body>
 
+
 
+</html>
 
+</body>
 
+
 
+</html>
 
+

+ 46 - 2
src/main/webapp/index.jsp
View File 

@@ -291,10 +291,54 @@
 
 
 <body>
 
 <div class="shell">
 
-
 
+<%--    <div class="container a-container" id="a-container">--%>
 
+<%--        <form action="" method="post" class="form" id="a-form">--%>
 
+<%--            <h2 class="form_title title">Create new account</h2>--%>
 
+<%--            <div class="form_icons">--%>
 
+
 
+<%--            </div>--%>
 
+<%--            <span class="form_span">It¡¯s quick and easy. </span>--%>
 
+<%--            <input type="text" class="form_input" placeholder="id" name="uid">--%>
 
+<%--            <input type="text" class="form_input" placeholder="Name" name="username">--%>
 
+<%--            <input type="text" class="form_input" placeholder="Email" name="email">--%>
 
+<%--            <input type="text" class="form_input" placeholder="Password" name="pwd">--%>
 
+<%--&lt;%&ndash;            <input type="text" class="form_input" placeholder="catptcha">&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;            <%   //'A~Z' 65-90&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;                //'0~9'  48-57&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;                char[] c = {'0','1','2','3','4','5','6','7','8','9','Q','W','E','R','T','Y','U','I','O','P','A','S','D','F','G','H','J','K','L','Z','X','C','V','B','N','M'};&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;                int n;&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;                for(int i=0;i<4;i++){&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;                    n  = (int)(Math.random()*36);&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;            %>&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;            <%=c[n] %>&ndash;%&gt;--%>
 
+<%--&lt;%&ndash;            &lt;%&ndash;%>--%>
 
+<%--&lt;%&ndash;                }&ndash;%&gt;--%>
 
+
 
+<%--&lt;%&ndash;            %>&ndash;%&gt;--%>
 
+<%--            <br/>--%>
 
+<%--            <button class="form_button button submit">SIGN UP</button>--%>
 
+<%--        </form>--%>
 
+<%--    </div>--%>
 
+
 
+
 
+<%--    <div class="switch" id="switch-cnt">--%>
 
+<%--        <div class="switch_circle"></div>--%>
 
+<%--        <div class="switch_circle switch_circle-t"></div>--%>
 
+<%--        <div class="switch_container" id="a">--%>
 
+<%--            <h2 class="switch_title title" style="letter-spacing: 0;">Welcome Back£¡</h2>--%>
 
+<%--            <p class="switch_description description">Ready set?Let's Go!</p>--%>
 
+<%--        </div>--%>
 
+
 
+<%--        <div class="switch_container is-hidden" id="b">--%>
 
+<%--            <h2 class="switch_title title" style="letter-spacing: 0;">Hello Friend£¡</h2>--%>
 
+<%--            <p class="switch_description description">Crate a new account become on of us£¡</p>--%>
 
+<%--            <button class="switch_button button switch-btn">SIGN UP</button>--%>
 
+<%--        </div>--%>
 
+<%--    </div>--%>
 
 
     <h1 class="switch_title title" style="letter-spacing: 0;">choose your position</h1></br>
 
-    <button class="form_button button submit" style="display:block;margin:0 auto"  onclick="location.href='userlogin.jsp'" >user</button></br>
 
+    <button class="form_button button submit" style="display:block;margin:0 auto"  onclick="location.href='userlogin.jsp'">user</button></br>
 
+    <button class="form_button button submit" style="display:block;margin:0 auto" onclick="location.href='controllerlogin.jsp'">controller</button></br>
 
     <script src="script.js"></script>
 
 </div>
 
 </body>