Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
2207190438
/
homework
3
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Kaynağa Gözat

对登录注册页面样式进行了调整美化,丰富了验证码刷新图片的功能

一杆老烟枪 1 yıl önce
ebeveyn
dceb0ceb83
işleme
6f7f45e55e
5 değiştirilmiş dosya ile 29 ekleme ve 10 silme
Görünümü Böl Farklılık Durumunu Göster
  1. 2 2
      src/main/java/com/bing/controller/VerifyCode.java
  2. 9 1
      src/main/webapp/calendar.jsp
  3. 2 2
      src/main/webapp/index.jsp
  4. 16 5
      src/main/webapp/userlogin.jsp
  5. BIN
      target/untitled.war

+ 2 - 2
src/main/java/com/bing/controller/VerifyCode.java
Dosyayı Görüntüle 

@@ -12,8 +12,8 @@ import java.util.Random;
 
 import javax.imageio.ImageIO;
 
 
 public class VerifyCode {
 
-    private int w = 70;
 
-    private int h = 35;
 
+    private int w = 110;
 
+    private int h = 55;
 
     private Random r = new Random();
 
     // {"宋体", "华文楷体", "黑体", "华文新魏", "华文隶书", "微软雅黑", "楷体_GB2312"}
 
     private String[] fontNames  = {"宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312"};

+ 9 - 1
src/main/webapp/calendar.jsp
Dosyayı Görüntüle 

@@ -82,7 +82,7 @@
 
 </head>
 
 <body>
 
 <h1>管理员系统</h1>
 
-
 
+<a-calendar v-model:value="value" @panelChange="onPanelChange" />
 
 <!-- 2022年8月 -->
 
 <div class="calendar">
 
     <h2>2022年8月</h2>
 
@@ -561,3 +561,11 @@
 
         </tr>
 
     </table>
 
 </div>
 
+<script src="https://unpkg.com/vue@3/dist/vue.global.js">
 
+    import { ref } from 'vue';
 
+    const value = ref();
 
+    const onPanelChange = (value, mode) => {
 
+        console.log(value, mode);
 
+    };
 
+</script>
 
+</body>

+ 2 - 2
src/main/webapp/index.jsp
Dosyayı Görüntüle 

@@ -336,8 +336,8 @@
 
 <%--        </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>
 
+    <h1 class="switch_title title" style="letter-spacing: 0; margin-top:40px">choose your position</h1></br>
 
+    <button class="form_button button submit" style="display:block;margin:100px auto"  onclick="location.href='userlogin.jsp'">user</button></br>
 
     <script src="script.js"></script>
 
 </div>
 
 </body>

+ 16 - 5
src/main/webapp/userlogin.jsp
Dosyayı Görüntüle 

@@ -289,6 +289,9 @@
 
                 width: 500px;
 
             }
 
         }
 
+        .yanzheng{
 
+            display: flex;
 
+        }
 
     </style>
 
 
 </head>
 
@@ -298,16 +301,18 @@
 
 
     <div class="container b-container" id="b-container">
 
         <form action="LoginServlet" method="post" class="form" id="b-form">
 
-            <h2 class="form_title title">Log in</h2>
 
+            <h2 class="form_title title">Login</h2>
 
             <div class="form_icons">
 
 
             </div>
 
             <span class="form_span">Log in</span>
 
-            <input type="text" class="form_input" placeholder="Email" name="email" >
 
+            <input type="text" class="form_input" placeholder="Email" name="email">
 
             <input type="text" class="form_input" placeholder="Password" name="pwd">
 
-            验证码:<input type="text" name="image">
 
-            <img src="VerifyCodeServlet">
 
-            <input type="button" value="看不清? 换一张." id="btn"><font color="red">${requestScope.imageMess}</font>
 
+            <div class="yanzheng">
 
+                <input type="text" class="form_input" placeholder="PIN" name="img">
 
+            </div>
 
+            <img src="VerifyCodeServlet" id="ifh">
 
+            <input type="button" value="看不清? 换一张." id="btn" style="margin-top: 4px">
 
             <br>
 
             <button class="form_button button submit">SIGN IN</button>
 
         </form>
 
@@ -325,6 +330,12 @@
 
 </div>
 
 <script type="text/javascript">
 
 
+    document.getElementById("ifh").onclick = function () {
 
+        // 获取img元素
 
+        // 为了让浏览器发送请求到servlet, 所以一定要改变src
 
+        document.getElementsByTagName("img")[0].src =
 
+            "VerifyCodeServlet?time=" + new Date().getTime();
 
+    };
 
     document.getElementById("btn").onclick = function () {
 
         // 获取img元素
 
         // 为了让浏览器发送请求到servlet, 所以一定要改变src

BIN
target/untitled.war
Dosyayı Görüntüle