admin
2024-06-30 b6fdf185c7e8fb1f06da0e609e39aecaef6b66f5
src/main/resources/static/admin/login.html
@@ -3,7 +3,8 @@
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
      <meta name="viewport"
         content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
      <title>后台登录</title>
      <link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
      <link rel="stylesheet" type="text/css" href="css/login.css" />
@@ -16,17 +17,21 @@
            <div class="m-login-warp">
               <form class="layui-form">
                  <div class="layui-form-item">
                     <input type="text" name="title" required lay-verify="required" placeholder="用户名" autocomplete="off" class="layui-input">
                     <input type="text" name="username" required lay-verify="required" placeholder="用户名"
                        autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-item">
                     <input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">
                     <input type="password" name="password" required lay-verify="required" placeholder="密码"
                        autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-item">
                     <div class="layui-inline">
                        <input type="text" name="verity" required lay-verify="required" placeholder="验证码" autocomplete="off" class="layui-input">
                        <input type="text" name="code" required lay-verify="required" placeholder="验证码"
                           autocomplete="off" class="layui-input">
                     </div>
                     <div class="layui-inline">
                        <img class="verifyImg" onclick="this.src=this.src+'?c='+Math.random();" src="/admin/api/captcha.jpg" />
                        <img class="verifyImg" onclick="this.src=this.src+'?c='+Math.random();"
                           src="/admin/api/captcha.jpg" />
                     </div>
                  </div>
                  <div class="layui-form-item m-login-btn">
@@ -39,34 +44,51 @@
                  </div>
               </form>
            </div>
         </div>
      </div>
      <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
      <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
      <script>
         layui.use(['form', 'layedit', 'laydate'], function() {
            var form = layui.form(),
               layer = layui.layer;
            var form = layui.form,
               layer = layui.layer,
               $ = layui.jquery;
            //自定义验证规则
            form.verify({
               title: function(value) {
                  if(value.length < 5) {
                  if (value.length < 5) {
                     return '标题至少得5个字符啊';
                  }
               },
               password: [/(.+){6,12}$/, '密码必须6到12位'],
               verity: [/(.+){6}$/, '验证码必须是6位'],
            });
            //监听提交
            form.on('submit(login)', function(data) {
               layer.alert(JSON.stringify(data.field), {
                  title: '最终的提交信息'
               })
               try {
                  var index = layer.load(1);
                  $.post("/admin/api/login", data.field, function(response) {
                     layer.close(index);
                     if (response.code == 0) {
                        window.location.href = "index.html";
                     } else {
                        layer.msg(response.msg);
                     }
                  }, 'json').fail(function(jqXHR, textStatus, errorThrown) {
                     layer.close(index);
                     layer.msg("网络请求失败");
                  });
               } catch (e) {
                  console.log(e);
               }
               return false;
            });
@@ -74,4 +96,4 @@
      </script>
   </body>
</html>
</html>