1、增加访问数量

2、主页的样式修改
3、头像自定义实现
4、注册修改为自动跳转到登录页面，登录失败友好提示，不进行跳转页面处理
5、博客增加私密的功能

src/main/resources/templates/login.html

@@ -13,7 +13,7 @@
         <div class="col-md-4" >
         </div>
         <div class="col-md-4 mt-5" id='login_box'>
-            <form class="form-horizontal" method="post" th:action="@{/login}" novalidate>
+            <form id="loginForm" class="form-horizontal" method="post" th:action="@{/login}" novalidate>
                 <div class="justify-content-center">
                     <h1>登录<small style="font-size: small">Quinn</small></h1>
                 </div>
@@ -27,10 +27,10 @@
                 </div>
                 <div class="checkbox float-left mb-3">
                     <label>
-                        <input type="checkbox" name="remember" value="remember-me"> 记住密码
+                        <input type="checkbox" name="remember-me"> 记住密码
                     </label>
                 </div>
-                <button class="btn btn-dark btn-block" type="submit" onclick="loginSubmit()">登 录</button>
+                <button class="btn btn-dark btn-block" type="button" onclick="loginSubmit()">登 录</button>
                 <p class="mt-1 clearfix">
                     <a style="color: white" th:href="@{/register}" class="float-right text-decoration-none">没有账号？去注册</a>
                 </p>
@@ -42,8 +42,6 @@
 </div>
 <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
 <script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
-<!--<script th:src="@{/js/jquery-ui.min.js}"></script>-->
-<!--<script th:src="@{/live/js/addlive2d.js}"></script>-->
 <script th:src="@{/layer/mobile/layer.js}"></script>
 <script type="text/javascript">
     function loginSubmit(){
@@ -57,7 +55,25 @@
             layer.open({ content: '密码不能为空', skin: 'msg', time: 2 });
             return;
         }
-        this.submit();
+        if (username && password){
+            $.ajax({
+                url: "/checkLogin",
+                async: false,
+                type: "post",
+                data: {"username":username,"password":password},
+                success: function (data) {
+                    if(data == 'ok') {
+                        this.disabled = true;
+                        $('#loginForm').submit();
+                    }else {
+                        layer.open({ content: '用户名不存在或密码有误', skin: 'msg', time: 2 });
+                    }
+                },
+                fail: function (error){
+                    layer.open({ content: error, skin: 'msg', time: 2 });
+                }
+            })
+        }
     }
 </script>
 </body>