添加图片

website/src/main/resources/templates/case.html

@@ -72,7 +72,7 @@
                         <div class="row mb-4">
                             <div class="col-lg-4 col-md-6" th:each="item : ${cases}">
                                 <div class="box-image-text">
-                                    <div class="image"><img src="img/portfolio-4.jpg" alt="..." class="img-fluid">
+                                    <div class="image"><img th:src="${{item.imageUrl}}" alt="..." class="img-fluid">
                                         <div class="overlay d-flex align-items-center justify-content-center">
                                             <a th:href="@{'caseDetail?id='+${item.id}}" class="btn btn-template-outlined-white">
                                                 <i class="fa fa-chain"> </i> 详情</a></div>

website/src/main/resources/templates/index.html

@@ -214,23 +214,6 @@
                         </div>
                     </div>
                 </li>
-                <!--<li class="item">-->
-                <!--<div class="testimonial d-flex flex-wrap">-->
-                <!--<div class="text">-->
-                <!--<p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad. Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>-->
-                <!--</div>-->
-                <!--<div class="bottom d-flex align-items-center justify-content-between align-self-end">-->
-                <!--<div class="icon"><i class="fa fa-quote-left"></i></div>-->
-                <!--<div class="testimonial-info d-flex">-->
-                <!--<div class="title">-->
-                <!--<h5>John McIntyre</h5>-->
-                <!--<p>CEO, TransTech</p>-->
-                <!--</div>-->
-                <!--<div class="avatar"><img alt="" src="img/person-1.jpg" class="img-fluid"></div>-->
-                <!--</div>-->
-                <!--</div>-->
-                <!--</div>-->
-                <!--</li>-->
             </ul>
             <!-- Carousel End-->
         </div>
@@ -250,68 +233,16 @@
             <div class="heading text-center">
                 <h2>成功案例</h2>
             </div>
-            <!--<p class="lead">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis-->
-            <!--egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero-->
-            <!--sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. <a-->
-            <!--href="blog.html">Check our blog</a></p>-->
             <div class="row">
                 <div class="col-lg-3" th:each="item : ${articles}">
                     <div class="home-blog-post">
-                        <div class="image" style="text-align: center"><img  src="img/portfolio-4.jpg" alt="..."
-                                                                           class="img-fluid">
-                            <!--<div class="overlay d-flex align-items-center justify-content-center">-->
-                            <!--<a href="#" class="btn btn-template-outlined-white">-->
-                            <!--<i class="fa fa-chain"> </i> Read More</a></div>-->
-                        </div>
+                        <div class="image" style="text-align: center"><img th:src="${{item.imageUrl}}" alt="..." class="img-fluid"></div>
                         <div class="text">
-                            <!--<h4><a href="#">Fashion Now </a></h4>-->
-                            <p class="author-category" th:text="${{item.title}}">
-                                <!--By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a>-->
-                            </p>
-                            <!--这里的 th:utext 是对html标签进行转译 -->
-                            <p class="intro" th:utext="${{item.introduction}}">Fifth abundantly made Give sixth hath. Cattle
-                                creature i be don't them behold green moved fowl Moved life us beast good yielding. Have
-                                bring.</p>
-                            <!--<a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
+                            <p class="author-category" th:text="${{item.title}}"></p>
+                            <p class="intro" th:text="${{item.introduction}}"></p>
                         </div>
                     </div>
                 </div>
-                <!--<div class="col-lg-3">-->
-                <!--<div class="home-blog-post">-->
-                <!--<div class="image"><img src="img/portfolio-3.jpg" alt="..." class="img-fluid">-->
-                <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
-                <!--</div>-->
-                <!--<div class="text">-->
-                <!--<h4><a href="#">What to do</a></h4>-->
-                <!--<p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>-->
-                <!--<p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
-                <!--</div>-->
-                <!--</div>-->
-                <!--</div>-->
-                <!--<div class="col-lg-3">-->
-                <!--<div class="home-blog-post">-->
-                <!--<div class="image"><img src="img/portfolio-5.jpg" alt="..." class="img-fluid">-->
-                <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
-                <!--</div>-->
-                <!--<div class="text">-->
-                <!--<h4><a href="#">5 ways to look awesome</a></h4>-->
-                <!--<p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>-->
-                <!--<p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
-                <!--</div>-->
-                <!--</div>-->
-                <!--</div>-->
-                <!--<div class="col-lg-3">-->
-                <!--<div class="home-blog-post">-->
-                <!--<div class="image"><img src="img/portfolio-6.jpg" alt="..." class="img-fluid">-->
-                <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
-                <!--</div>-->
-                <!--<div class="text">-->
-                <!--<h4><a href="#">Fashion Now </a></h4>-->
-                <!--<p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>-->
-                <!--<p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
-                <!--</div>-->
-                <!--</div>-->
-                <!--</div>-->
             </div>
         </div>
     </section>
@@ -321,58 +252,53 @@
                 <h2>合作公司</h2>
             </div>
             <ul class="list-unstyled owl-carousel customers no-mb">
-
-                    <li class="item" th:each="item : ${cooperations}"><img th:src="${{item.imageUrl}}" src="img/customer-1.png" alt="" class="img-fluid"></li>
-                    <!--<li class="item"><img src="img/customer-2.png" alt="" class="img-fluid"></li>-->
-                    <!--<li class="item"><img src="img/customer-3.png" alt="" class="img-fluid"></li>-->
-                    <!--<li class="item"><img src="img/customer-4.png" alt="" class="img-fluid"></li>-->
-                    <!--<li class="item"><img src="img/customer-5.png" alt="" class="img-fluid"></li>-->
-                    <!--<li class="item"><img src="img/customer-6.png" alt="" class="img-fluid"></li>-->
-                </ul>
+                    <li class="item" th:each="item : ${cooperations}"><img th:src="${{item.imageUrl}}"
+                        src="img/customer-1.png" alt="" class="img-fluid"></li>
+            </ul>
+        </div>
+    </section>
+    <!-- FOOTER -->
+    <footer class="main-footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-3">
+                    <h4 class="h6">联系我们</h4>
+                    <p class="text-uppercase">
+                        <br>电话: 400-1086-011
+                        <br>网址：<a href="http://www.yunzhusu.net" target="_blank">www.yunzhusu.net</a>
+                        <br>地址: 南京市雨花台区郁金香路36号国泰科创大厦2楼
+                    </p>
                 </div>
-            </section>
-            <!-- FOOTER -->
-            <footer class="main-footer">
-                <div class="container">
-                    <div class="row">
-                        <div class="col-lg-3">
-                            <h4 class="h6">联系我们</h4>
-                            <p class="text-uppercase">
-                                <br>电话: 400-1086-011
-                                <br>网址：<a href="http://www.yunzhusu.net" target="_blank">www.yunzhusu.net</a>
-                                <br>地址: 南京市雨花台区郁金香路36号国泰科创大厦2楼
-                            </p>
-                        </div>
-                        <div class="col-lg-3">
-                            <h4 class="h6">塑维产品</h4>
-                            <p class="text-uppercase">
-                                <br>百度: <a href="http://www.baidu.com" target="_blank">www.baidu.com</a>
-                                <br>官网：<a href="http://www.yunzhusu.net" target="_blank">www.yunzhusu.net</a>
-                                <br>云模：<a href="http://118.190.47.230:9098/#/login" target="_blank">www.yunsu.com</a>
-                            </p>
-                        </div>
-                        <div class="col-lg-3">
-                            <h4 class="h6">官方微信公众号</h4>
-                            <ul class="list-inline photo-stream">
-                                <li class="list-inline-item"><a href="#"><img src="img/qrCode.png" alt="..." class="img-fluid"></a></li>
-                            </ul>
-                        </div>
-                    </div>
+                <div class="col-lg-3">
+                    <h4 class="h6">塑维产品</h4>
+                    <p class="text-uppercase">
+                        <br>百度: <a href="http://www.baidu.com" target="_blank">www.baidu.com</a>
+                        <br>官网：<a href="http://www.yunzhusu.net" target="_blank">www.yunzhusu.net</a>
+                        <br>云模：<a href="http://118.190.47.230:9098/#/login" target="_blank">www.yunsu.com</a>
+                    </p>
                 </div>
-            </footer>
+                <div class="col-lg-3">
+                    <h4 class="h6">官方微信公众号</h4>
+                    <ul class="list-inline photo-stream">
+                        <li class="list-inline-item"><a href="#"><img src="img/qrCode.png" alt="..." class="img-fluid"></a></li>
+                    </ul>
+                </div>
+            </div>
         </div>
-        <!-- Javascript files-->
-        <script src="vendor/jquery/jquery.min.js"></script>
-        <script src="vendor/popper.js/umd/popper.min.js"> </script>
-        <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
-        <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
-        <script src="vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
-        <script src="vendor/jquery.counterup/jquery.counterup.min.js"> </script>
-        <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
-        <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
-        <script src="js/jquery.parallax-1.1.3.js"></script>
-        <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
-        <script src="vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
-        <script src="js/front.js"></script>
-    </body>
+    </footer>
+</div>
+<!-- Javascript files-->
+<script src="vendor/jquery/jquery.min.js"></script>
+<script src="vendor/popper.js/umd/popper.min.js"> </script>
+<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
+<script src="vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
+<script src="vendor/jquery.counterup/jquery.counterup.min.js"> </script>
+<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
+<script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
+<script src="js/jquery.parallax-1.1.3.js"></script>
+<script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
+<script src="vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
+<script src="js/front.js"></script>
+</body>
 </html>

website/src/main/resources/templates/partner.html

@@ -72,7 +72,7 @@
                         <div class="row mb-4">
                             <div class="col-lg-2 col-md-6" th:each="item : ${partners}">
                                 <div class="box-image-text">
-                                    <div class="image"><img src="img/portfolio-4.jpg" alt="..." class="img-fluid">
+                                    <div class="image"><img th:src="${{item.imageUrl}}" alt="..." class="img-fluid">
                                         <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
                                     </div>
                                     <div class="content">