商品数据

src/main/java/com/overseas/website/controller/PageController.java

@@ -1,11 +1,13 @@
 package com.overseas.website.controller;
 
+import com.alibaba.fastjson.JSONArray;
 import com.alibaba.fastjson.JSONObject;
 import com.overseas.website.utils.RequestUtil;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestParam;
 
 import java.util.HashMap;
 import java.util.Map;
@@ -56,4 +58,25 @@ public class PageController {
         return "product";
     }
 
+    /**
+     * 商品列表页面
+     */
+    @GetMapping("/list/{id}.html")
+    public String page(final Model model, @PathVariable("id") String pageId, @RequestParam("title") String pageTitle) {
+        model.addAttribute("path", "list");
+        model.addAttribute("pageId", pageId);
+        model.addAttribute("pageTitle", pageTitle);
+            try {
+                String productResult = RequestUtil.sendGet("https://core.caimei365.com/commodity/search/query/product/type?idType=1&id="+pageId);
+                Map<String, Object> productMap = JSONObject.parseObject(productResult, Map.class);
+                String data = (String) productMap.get("data");
+                JSONObject productObj = JSONObject.parseObject(data);
+                JSONArray productList = (JSONArray) productObj.get("items");
+                model.addAttribute("productList", productList);
+            } catch (Exception e) {
+                System.out.println(e);
+                model.addAttribute("productList", new JSONArray());
+            }
+        return "list";
+    }
 }

src/main/resources/templates/components/header.html

@@ -61,11 +61,11 @@
                 </div>
                 <div class="col-lg-2 col-sm-12 col-md-3 col-xs-12 col-ts-12">
                     <div class="header-control">
-                        <div class="block-minicart dungar-mini-cart block-header dungar-dropdown">
-                            <a href="javascript:void(0);" class="shopcart-icon" data-dungar="dungar-dropdown">
-                                Cart<span class="count">0</span>
-                            </a>
-                        </div>
+<!--                        <div class="block-minicart dungar-mini-cart block-header dungar-dropdown">-->
+<!--                            <a href="javascript:void(0);" class="shopcart-icon" data-dungar="dungar-dropdown">-->
+<!--                                Cart<span class="count">0</span>-->
+<!--                            </a>-->
+<!--                        </div>-->
                         <div class="block-account block-header dungar-dropdown">
                             <a href="login.html">
                                 <span class="flaticon-user"></span>
@@ -96,28 +96,28 @@
                     <div class="block-content verticalmenu-content">
                         <ul class="dungar-nav-vertical vertical-menu dungar-clone-mobile-menu">
                             <li class="menu-item">
-                                <a href="#" class="dungar-menu-item-title" title="Mesodermal products">Mesodermal products</a>
+                                <a class="dungar-menu-item-title" href="/list/1010.html?title=Mesodermal-products" title="Mesodermal products">Mesodermal products</a>
                             </li>
                             <li class="menu-item">
-                                <a title="Anti-aging and wrinkle removal" href="#" class="dungar-menu-item-title">Anti-aging and wrinkle removal</a>
+                                <a title="Anti-aging and wrinkle removal" href="/list/1011.html?title=Anti-aging-and-wrinkle-removal" class="dungar-menu-item-title">Anti-aging and wrinkle removal</a>
                             </li>
                             <li class="menu-item">
-                                <a title="Postoperative repair" href="#" class="dungar-menu-item-title">Postoperative repair</a>
+                                <a title="Postoperative repair" href="/list/1012.html?title=Postoperative-repair" class="dungar-menu-item-title">Postoperative repair</a>
                             </li>
                             <li class="menu-item">
-                                <a title="SPA products" href="#" class="dungar-menu-item-title">SPA products</a>
+                                <a title="SPA products" href="/list/1013.html?title=SPA-products" class="dungar-menu-item-title">SPA products</a>
                             </li>
                             <li class="menu-item">
-                                <a title="Private product" href="#" class="dungar-menu-item-title">Private product</a>
+                                <a title="Private product" href="/list/1014.html?title=Private-product" class="dungar-menu-item-title">Private product</a>
                             </li>
                             <li class="menu-item">
-                                <a title="Service products" href="#" class="dungar-menu-item-title">Service products</a>
+                                <a title="Service products" href="/list/1015.html?title=Service-products" class="dungar-menu-item-title">Service products</a>
                             </li>
                             <li class="menu-item">
-                                <a title="Consumables" href="#" class="dungar-menu-item-title">Consumables</a>
+                                <a title="Consumables" href="/list/1016.html?title=Consumables" class="dungar-menu-item-title">Consumables</a>
                             </li>
                             <li class="menu-item">
-                                <a title="Provisional products" href="#" class="dungar-menu-item-title">Provisional products</a>
+                                <a title="Provisional products" href="/list/1017.html?title=Provisional-products" class="dungar-menu-item-title">Provisional products</a>
                             </li>
                         </ul>
                     </div>
@@ -126,16 +126,13 @@
                     <div class="container-wapper">
                         <ul class="dungar-clone-mobile-menu dungar-nav main-menu " id="menu-main-menu">
                             <li class="menu-item  menu-item-has-children">
-                                <a href="#" class="dungar-menu-item-title" title="Product">Product</a>
+                                <a href="/list/1010.html?title=Product" class="dungar-menu-item-title" title="Product">Product</a>
                             </li>
                             <li class="menu-item menu-item-has-children">
-                                <a href="#" class="dungar-menu-item-title" title="Instrument">Instrument</a>
+                                <a href="/list/1018.html?title=Instrument" class="dungar-menu-item-title" title="Instrument">Instrument</a>
                             </li>
                             <li class="menu-item  menu-item-has-children item-megamenu">
-                                <a href="#" class="dungar-menu-item-title" title="Consumables">Consumables</a>
-                            </li>
-                            <li class="menu-item  menu-item-has-children">
-                                <a href="#" class="dungar-menu-item-title" title="Brand Investment">Brand Investment</a>
+                                <a href="/list/1016.html?title=Consumables" class="dungar-menu-item-title" title="Consumables">Consumables</a>
                             </li>
                             <li class="menu-item  menu-item-has-children item-megamenu">
                                 <a href="/about.html" class="dungar-menu-item-title" title="Contact Us">About</a>

src/main/resources/templates/index.html

@@ -64,15 +64,6 @@
                     data-responsive='[{"breakpoint":"2000","settings":{"slidesToShow":4}},{"breakpoint":"1200","settings":{"slidesToShow":3}},{"breakpoint":"992","settings":{"slidesToShow":2}},{"breakpoint":"480","settings":{"slidesToShow":1}}]'>
                     <div class="product-item style-5">
                         <div class="product-inner equal-element">
-                            <div class="product-top">
-                                <div class="flash">
-                                    <span class="onnew">
-                                        <span class="text">
-                                            new
-                                        </span>
-                                    </span>
-                                </div>
-                            </div>
                             <div class="product-thumb">
                                 <div class="thumb-inner">
                                     <a href="product/6409.html">
@@ -101,15 +92,6 @@
                     </div>
                     <div class="product-item style-5">
                         <div class="product-inner equal-element">
-                            <div class="product-top">
-                                <div class="flash">
-                                    <span class="onnew">
-                                        <span class="text">
-                                            new
-                                        </span>
-                                    </span>
-                                </div>
-                            </div>
                             <div class="product-thumb">
                                 <div class="thumb-inner">
                                     <a href="product/6821.html">
@@ -138,15 +120,6 @@
                     </div>
                     <div class="product-item style-5">
                         <div class="product-inner equal-element">
-                            <div class="product-top">
-                                <div class="flash">
-                                    <span class="onnew">
-                                        <span class="text">
-                                            new
-                                        </span>
-                                    </span>
-                                </div>
-                            </div>
                             <div class="product-thumb">
                                 <div class="thumb-inner">
                                     <a href="product/6469.html">
@@ -175,15 +148,6 @@
                     </div>
                     <div class="product-item style-5">
                         <div class="product-inner equal-element">
-                            <div class="product-top">
-                                <div class="flash">
-                                    <span class="onnew">
-                                        <span class="text">
-                                            new
-                                        </span>
-                                    </span>
-                                </div>
-                            </div>
                             <div class="product-thumb">
                                 <div class="thumb-inner">
                                     <a href="product/4830.html">

src/main/resources/templates/list.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title th:text="${pageTitle}"></title>
+    <template th:replace="components/head-link"></template>
+</head>
+<body class="home">
+<template th:replace="components/header"></template>
+<div class="main-content">
+    <div class="container">
+        <ul class="row list-products auto-clear equal-container product-grid">
+        <th:block th:if="not${#lists.isEmpty(productList)}">
+            <th:block th:each="product : ${productList}" th:object="${product}">
+                <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
+                    <div class="product-inner equal-element">
+<!--                        <div class="product-top">-->
+<!--                            <div class="flash">-->
+<!--                                <span class="onnew"><span class="text">new</span></span>-->
+<!--                            </div>-->
+<!--                        </div>-->
+                        <div class="product-thumb">
+                            <div class="thumb-inner">
+                                <a th:href="'product/'+*{productId}+'.html'">
+                                    <img th:attr="src=*{image}">
+                                </a>
+                            </div>
+                        </div>
+                        <div class="product-info">
+                            <h5 class="product-name product_title">
+                                <a href="product/6821.html" th:text="*{name}"></a>
+                            </h5>
+                            <div class="group-info">
+                                <div class="stars-rating">
+                                    <div class="star-rating">
+                                        <span class="star-3"></span>
+                                    </div>
+                                    <div class="count-star"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+            </th:block>
+        </th:block>
+    </ul>
+    </div>
+</div>
+<template th:replace="components/footer"></template>
+</body>
+</html>