weiyong
/
201912G13


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<%--
  Created by IntelliJ IDEA.
  User: 91476
  Date: 2019/12/9
  Time: 22:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<html lang="en">
<head>
    <title>主页面</title>
    <!-- all css here -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script>
        $(function()  {
            $.get("ProductServlet/findProduct",{},function(data){
                var products="";
              for (var i=0; i<data.length;i++){
                  var product = '<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">' +
                                    '<div class="product-wrapper mb-10">' +
                                        '<div class="product-img">' +
                                            '<a href="/Shop/ProductServlet?mid='+data[i].mid+'" target="_blank">' +
                                                '<img src="products/'+data[i].img+'" alt="">' +
                                            '</a>' +
                                        '</div>' +
                                        '<div class="product-content">' +
                                            '<h4><a href="/Shop/ProductServlet?mid='+data[i].mid+'" target="_blank">'+data[i].name+'</a></h4>' +
                                             '<div class="product-price">' +
                                                 '<span class="new">$'+data[i].price+'</span>' +
                                              '</div>' +
                                      ' </div>' +
                                    '</div>' +
                                '</div>';
                  products +=product;
              }
              // if($("#products").val().indexof('undefined')>0){
              //
              // }
              $("#products").html(products);
            });
        });
    </script>
</head>
<%@ include file="head.jsp"%>
<div class="slider-area">
    <div class="slider-active owl-dot-style owl-carousel">
        <div class="single-slider pt-100 pb-100 yellow-bg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-12 col-sm-7">
                        <div class="slider-content slider-animated-1 pt-114">
                            <h3 class="animated">We keep pets for pleasure.</h3>
                            <h1 class="animated">Food & Vitamins <br>For all Pets</h1>
                            <div class="slider-btn">
                                <a class="animated" href="product-details.html">SHOP NOW</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-12 col-sm-5">
                        <div class="slider-single-img slider-animated-1">
                            <img class="animated" src="img/slider/slider-single-img.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="food-category food-category-col pt-100 pb-60">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4">
                    <div class="single-food-category cate-padding-1 text-center mb-30">
                        <div class="single-food-hover-2">
                            <img src="img/product/product-1.jpg" alt="">
                        </div>
                        <div class="single-food-content">
                            <h3>Dogs Food</h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="single-food-category cate-padding-2 text-center mb-30">
                        <div class="single-food-hover-2">
                            <img src="img/product/product-2.jpg" alt="">
                        </div>
                        <div class="single-food-content">
                            <h3>Cats Food</h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="single-food-category cate-padding-3 text-center mb-30">
                        <div class="single-food-hover-2">
                            <img src="img/product/product-3.jpg" alt="">
                        </div>
                        <div class="single-food-content">
                            <h3>Fishs Food</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="product-area pt-95 pb-70 gray-bg">
        <div class="container">
            <div class="section-title text-center mb-55">
                <h4>Most Populer</h4>
                <h2>Recent Products</h2>
            </div>
            <div class="row" id="products">

            </div>
        </div>
    </div>
</div>
<jsp:include page="footer.jsp"></jsp:include>

</body>
</html>