更新 index.html

src/main/resources/templates/index.html

@@ -30,7 +30,8 @@
                 <div id="ucheader1_pllogin1">
                     <li><a rel="nofollow" href="/login">登录</a><em>|</em></li>
                     <li><a rel="nofollow" href="/reg">注册</a></li>
-                    <li class="headed"><em class="icon shooping"></em><a target="black" rel="nofollow" href="/cart">购物车</a><i>(0)</i>
+                    <li class="headed"><em class="icon shooping"></em><a target="black" rel="nofollow"
+                                                                         href="/cart">购物车</a><i>(0)</i>
                     </li>
                 </div>
             </ul>
@@ -84,8 +85,8 @@
         }
     }
 </script>
-    <!--banner-->
+<!--banner-->
-    <div class="indexbanner-all">
+<div class="indexbanner-all">
     <ul class="indexbanner">
         <li class="tb_first" style="display: block; opacity: 0.982279;">
             <div class="cmain cb_main">
@@ -112,9 +113,9 @@
             </div>
         </li>
     </ul>
-    </div>
+</div>
-    <!--中间的内容-->
+<!--中间的内容-->
-    <div class="all-thing">
+<div class="all-thing">
     <div class="cmain">
         <!--资讯内容的ul-->
 
@@ -643,6 +644,12 @@
 
         }
     </script>
+    <script th:inline="javascript">
+        /*<![CDATA[*/
+        var isUserLoggedIn = [[${session.user != null}]];
+        console.log("isUserLoggedIn: " + isUserLoggedIn);
+        /*]]>*/
+    </script>
     <script type="text/javascript">
         function showMask() {
             $("#masks").css("height", $(document).height());
@@ -665,8 +672,53 @@
             $("#masks").fadeOut("slow");
             $("#mask").fadeOut("slow");
         }
+        function getCartCountFromSession() {
+            var cartCount = 0;
+
+            var userId = getCookie('user_id');
+            console.log("user id: " + userId)
+            if (userId == null){
+                return
+            }
+            $.ajax({
+                url: '/api/get_cart_count',
+                type: 'GET',
+                data: { userId: userId },
+                success: function(response) {
+                    var cartCount = response.cartCount;
+                    console.log("购物车数量: " + cartCount);
+                },
+                error: function(xhr, status, error) {
+                    console.error("Error fetching cart count:", error);
+                }
+            });
+            return cartCount;
+        }
+
+        $(document).ready(function () {
+            if (isUserLoggedIn) {
+                var userName = getUserFromSession();
+                var cartCount = getCartCountFromSession();
+
+                $('#ucheader1_pllogin1').hide();
+                $('#ctl00_ucheader_lit').text('你好！' + userName);
+                $('.shopping-cart-count').text(cartCount);
+            }
+        });
+
+        function getCookie(name) {
+            var cookies = document.cookie.split(';');
+            for(var i = 0; i < cookies.length; i++) {
+                var cookie = cookies[i].trim();
+                var cookieParts = cookie.split('=');
+                if (cookieParts[0] === name) {
+                    return cookieParts[1];
+                }
+            }
+            return null;
+        }
     </script>
-    </div>
+</div>
 </body>
 
 </html>