From 1109fd2a97b8abd9c67f73934e3beba971396dbf Mon Sep 17 00:00:00 2001
From: jyx <1584081113@qq.com>
Date: Thu, 10 Jan 2019 19:27:13 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=88=90=E5=8A=9F=E4=B9=8B?=
 =?UTF-8?q?=E5=90=8E=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Front-end/首页/index.html                   | 83 +++++++++++++------
 .../loginService/index/ShowProController.java | 39 +++++++++
 2 files changed, 98 insertions(+), 24 deletions(-)
 create mode 100644 demo/src/main/java/com/example/demo/loginService/index/ShowProController.java

diff --git a/Front-end/首页/index.html b/Front-end/首页/index.html
index 0d35e42..691f855 100644
--- a/Front-end/首页/index.html
+++ b/Front-end/首页/index.html
@@ -115,30 +115,31 @@
                     </div>
                 </div>
                 <div class="divHeight"></div>
-                <div class="aui-borrow-head">
-                    <div class="aui-borrow-head-title">
-                        <h2>标题1</h2>
-                    </div>
-                    <div class="aui-borrow-head-ad">
-                        <img src="">
-                    </div>
-                </div>
-                <div class="aui-borrow-head">
-                    <div class="aui-borrow-head-title">
-                        <h2>标题2</h2>
-                    </div>
-                    <div class="aui-borrow-head-ad">
-                        <img src="" alt="">
-                    </div>
-                </div>
-                <div class="aui-borrow-head">
-                    <div class="aui-borrow-head-title">
-                        <h2>标题3</h2>
-                    </div>
-                    <div class="aui-borrow-head-ad">
-                        <img src="" alt="">
-                    </div>
-                </div>
+                <!--<div class="aui-borrow-head">-->
+                    <!--<div class="aui-borrow-head-title">-->
+                        <!--<h2>标题1</h2>-->
+                    <!--</div>-->
+                    <!--<div class="aui-borrow-head-ad">-->
+                        <!--<img src="">-->
+                    <!--</div>-->
+                <!--</div>-->
+                <!--<div class="aui-borrow-head">-->
+                    <!--<div class="aui-borrow-head-title">-->
+                        <!--<h2>标题2</h2>-->
+                    <!--</div>-->
+                    <!--<div class="aui-borrow-head-ad">-->
+                        <!--<img src="" alt="">-->
+                    <!--</div>-->
+                <!--</div>-->
+                <!--<div class="aui-borrow-head">-->
+                    <!--<div class="aui-borrow-head-title">-->
+                        <!--<h2>标题3</h2>-->
+                    <!--</div>-->
+                    <!--<div class="aui-borrow-head-ad">-->
+                        <!--<img src="" alt="">-->
+                    <!--</div>-->
+                <!--</div>-->
+
             </section>
             <footer class="aui-footer aui-footer-fixed">
                 <a href="javascript:;" class="aui-tabBar-item aui-tabBar-item-active">
@@ -174,6 +175,40 @@
             $(document).ready(function() {
                 setInterval('AutoScroll("#aui-show")', 3000)
             });
+
+            window.onload(function requestData(){
+                $.ajax({
+                    url: "/show",
+                    type: "post",
+                    dataType: "json",
+                    success: function(data){
+                        /*这个方法里是ajax发送请求成功之后执行的代码*/
+                        showData(data);//我们仅做数据展示
+                    },
+                    error: function(msg){
+                        alert("ajax连接异常："+msg);
+                    }
+                });
+            });
+
+            //展示数据
+            function showData(data) {
+                var str = "";//定义用于拼接的字符串
+                for (var i = 0; i < data.length; i++) {
+                    //拼接表格的行和列
+                    //str = "<tr><td>" + data[i].name + "</td><td>" + data[i].password + "</td></tr>";
+                    str=   "                <div class=\"aui-borrow-head\">\n" +
+                        "                    <div class=\"aui-borrow-head-title\">\n" +
+                        "                        <h2>"+data[i].productNum+""</h2>\n" +
+                        "                    </div>\n" +
+                        "                    <div class=\"aui-borrow-head-ad\">\n" +
+                        "                        <img src=\"\">\n" +
+                        "                    </div>\n" +
+                        "                </div>";
+                    //追加到table中
+                    $("#tab").append(str);         }
+            }
+
         </script>
     </body>
 </html>
diff --git a/demo/src/main/java/com/example/demo/loginService/index/ShowProController.java b/demo/src/main/java/com/example/demo/loginService/index/ShowProController.java
new file mode 100644
index 0000000..45992f4
--- /dev/null
+++ b/demo/src/main/java/com/example/demo/loginService/index/ShowProController.java
@@ -0,0 +1,39 @@
+package com.example.demo.loginService.index;
+
+import com.alibaba.fastjson.JSONArray;
+import com.alibaba.fastjson.JSONObject;
+import com.example.demo.bean.Product;
+import com.example.demo.searchService.service.impl.ProductSearchServiceImpl;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.io.PrintWriter;
+import java.util.List;
+
+@Controller
+public class ShowProController extends HttpServlet {
+    @Autowired
+    private ProductSearchServiceImpl productSearchService;
+
+    @PostMapping("/show")
+    public void showIndex(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {
+        try{
+            List<Product> products = productSearchService.findByCount();
+            String json = JSONObject.toJSONString(products);
+
+            response.setCharacterEncoding("utf-8");
+            PrintWriter pw = response.getWriter();
+            pw.append(json);
+        }catch(Exception e){
+            e.printStackTrace();
+        }
+
+    }
+}