diff --git a/bookshelfplus-frontend/views/login.html b/bookshelfplus-frontend/views/login.html
index 9559c2d..8702c73 100644
--- a/bookshelfplus-frontend/views/login.html
+++ b/bookshelfplus-frontend/views/login.html
@@ -14,6 +14,25 @@
             max-height: 300px;
             margin-bottom: 20px;
         }
+
+        .form-group {
+            display: grid;
+            grid-template-columns: auto auto;
+            width: 250px;
+            margin: 0 auto;
+            row-gap: 20px;
+            margin-bottom: 30px;
+            place-items: center;
+        }
+
+        .form-group > input {
+            height: 25px;
+        }
+
+        .btn-submit {
+            height: 30px;
+            width: 72px;
+        }
     </style>
     <script>
         if(!localStorage) {
@@ -48,19 +67,20 @@
                     <div class="form-group">
                         <label for="username">用户名</label>
                         <input type="text" id="username" placeholder="用户名">
-                    </div>
-                    <div class="form-group">
                         <label for="password">密码</label>
                         <input type="password" id="password" placeholder="密码">
                     </div>
                     <button class="btn-submit">登录</button>
+                    <p>
+                        <a href="/register">注册</a>
+                    </p>
                 </div>
             </div>
         </div>
     </main>
     <%- include("./component/footer.html"); %>
 
-    <script src="/assets/lib/cryptography/2.2/md5-min.js"></script>
+    <!-- <script src="/assets/lib/cryptography/2.2/md5-min.js"></script> -->
     <!-- <script src="/assets/lib/cryptography/2.2/sha1-min.js"></script> -->
     <script>
         $("#username").val("xiaomo");
diff --git a/bookshelfplus-frontend/views/register.html b/bookshelfplus-frontend/views/register.html
index 4fb7686..f9f9b3d 100644
--- a/bookshelfplus-frontend/views/register.html
+++ b/bookshelfplus-frontend/views/register.html
@@ -14,7 +14,32 @@
             max-height: 300px;
             margin-bottom: 20px;
         }
+
+        .form-group {
+            display: grid;
+            grid-template-columns: auto auto;
+            width: 250px;
+            margin: 0 auto;
+            row-gap: 20px;
+            margin-bottom: 30px;
+            place-items: center;
+        }
+
+        .form-group > input {
+            height: 25px;
+        }
+
+        .btn-submit {
+            height: 30px;
+            width: 72px;
+        }
     </style>
+    <script>
+        if(!localStorage) {
+            alert("您的浏览器不支持localStorage，请更换浏览器！");
+            window.location.href = "/";
+        }
+    </script>
 </head>
 <body>
     <%- include("./component/navbar.html"); %>
@@ -27,32 +52,27 @@
                     <div class="form-group">
                         <label for="username">用户名</label>
                         <input type="text" id="username" placeholder="用户名">
-                    </div>
-                    <div class="form-group">
                         <label for="password">密码</label>
                         <input type="password" id="password" placeholder="密码">
                     </div>
-                    <button class="btn-submit">登录</button>
+                    <button class="btn-register">注册</button>
+                    <p>
+                        <a href="/login">登录</a>
+                    </p>
                 </div>
             </div>
         </div>
     </main>
     <%- include("./component/footer.html"); %>
 
-    <script src="/assets/lib/cryptography/2.2/md5-min.js"></script>
-    <!-- <script src="/assets/lib/cryptography/2.2/sha1-min.js"></script> -->
     <script>
         $("#username").val("xiaomo");
         $("#password").val("123456");
-        $(".btn-submit").click(function() {
+        $(".btn-register").click(function() {
             var username = $("#username").val();
             var password = $("#password").val();
-            // var encryptpwd = hex_sha1(password);
-            var encryptpwd = hex_md5(password);
 
-            console.log(password, encryptpwd);
-
-            postRequest("/user/login", { username: username, encryptpwd: encryptpwd })
+            postRequest("/user/register", { username: username, password: password })
                 .then(function (response) {
                     var axiosData = response.data;
                     var status = axiosData.status;
@@ -61,14 +81,17 @@
                     if (status === "success") {
                         console.log(data);
                         if(data) {
-                            alert("登录成功");
+                            localStorage.setItem("token", data.token);
+                            alert("注册成功");
                             if(data.group === "ADMIN") {
-                                window.location.href = "/admin/index";
+                                localStorage.setItem("is_admin", "true");
+                                window.location.href = "/dashboard/admin/index";
                             } else {
-                                window.location.href = "/user/index";
+                                localStorage.setItem("is_admin", "false");
+                                window.location.href = "/dashboard/user/index";
                             }
                         } else {
-                            alert("用户名或密码错误");
+                            alert("出错啦！");
                         }
                     } else {
                         alert(`出错啦！${data.errMsg} (错误码: ${data.errCode}) `);
