基于Java水果生鲜超市的设计与实现（SSM）

野性酷女 2023-10-14 08:51 18阅读 0赞

目 录  
摘 要 IV  
Abstract V  
1引言 7  
1.1 系统开发背景 7  
1.2 系统开发意义 7  
1.3论文的主要结构 8  
2系统设计工具介绍 9  
2.1 平台选择 9  
2.2 系统开发工具 9  
2.2.1 开发语言—JSP 10  
2.2.2 数据库—MySQL 10  
3 需求分析 12  
3.1 水果生鲜超市系统的现状 12  
3.2 可行性分析 12  
3.3 系统实现的目标 13  
3.4 系统功能需求 13  
3.4.1 功能概述 13  
3.4.2 功能描述 14  
3.4.3 功能划分 15  
3.4.3 功能用例 16  
4 系统设计 23  
4.1 项目规划 23  
4.1.1 系统功能结构图 23  
4.1.2 处理流程 25  
4.2 系统设计 26  
4.2.1 设计目标 26  
4.2.2 系统开发环境 26  
4.3 数据库设计 27  
5 系统实现 32  
5.1 系统各部分的实现方法 33  
5.1.1 创建与数据库的连接 35  
5.1.2 访问数据库的JavaBean 36  
5.2 网站前台设计 39  
5.2.1前台框架设计 39  
5.2.2 网站首页 40  
5.2.3 产品详情页 41  
5.2.4 评价 41  
5.3网站后台设计 42  
5.3.1 后台主页 42  
5.3.2 后台评价管理 43  
5.3.3 水果管理 43  
5.3.4 水果信息修改 43  
5.3.5 水果分类管理 44  
5.3.6 订单管理 44  
5.3.7 购物车管理 45  
6 系统测试与评价分析 46  
6.1 测试环境简介 46  
6.2 系统的不足及修改方法 47  
6.3 系统的评价分析 48  
6.3.1 实用性 48  
6.3.2 可维护性 49  
6.3.3 可扩展性 50  
结 束 语 52  
参考文献 53  
致 谢 55  
1.3论文的主要结构  
一篇水果生鲜超市管理系统的论文，其主要结构通常包括以下几个部分：  
题目页：包括论文题目、作者信息、指导教师信息、所在学院、日期等。  
摘要：简要概括研究的目的、方法、结果和结论，通常不超过500字。  
目录：列出论文的章节和各章节的小节。  
绪论：介绍研究的背景和意义，概述研究的内容和目标，说明研究的方法和研究的意义。  
相关技术：介绍研究中所用到的相关技术，如Java、SSM框架、MySQL数据库等。  
系统设计：包括系统需求分析、系统设计思路、系统模块设计等。  
系统实现：介绍系统的具体实现过程，包括代码实现、数据库设计和系统测试等。  
系统评价和分析：对系统进行评价和分析，包括系统的优点和不足，以及未来的发展方向等。  
结论：总结研究的结果和意义，提出对未来研究的展望和建议。  
参考文献：列出研究中所引用的相关文献。  
附录：包括代码清单、系统截图、测试报告等。  
以上是一个水果生鲜超市管理系统论文的主要结构，具体结构和内容可以根据实际情况进行调整和补充。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>"/>
        
        <title>水果超市</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	
    	
    	  <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
    
     
    	    
    	    
    	     <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/font-awesome.min.css" />
      <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/bootstrap.css" />
      <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/style.css">
      <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/magnific-popup.css">
      <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/owl.carousel.css">
    	
    	
    	  <script type="text/javascript">
    	  
    	 
    	
    	 
    	
    	
    	function getprofenlei()
    	{
         
    		
    		 var html = ""; 
    		    $.ajax({
        
    		        url: "leixing.action?list&page=0&rows=30",
    		        type: "POST",
    		        async: false, 
    		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    		        success: function (data) {
         
    		            $.each(data.rows, function (i, val) {
         
    		            	
    		            
    		            	 
    
    		            	  html += ' <li ><a href="home/search.jsp?fenlei='+val.id+'" >'+val.a1+'	</a></li>';
    		                
    		            })
    
    		        }
    
    		    }); 
     
    		   $("#fenlei").html(html);
    		      
    		
    	}
    	    
    	  
    	  function gettop1()
    	  {
        
    	  	 
    	  	  
    	  	 var html = "";
    	  	    $.ajax({
        
    	  	        url: "leixing.action?list&page=0&rows=10",
    	  	        type: "POST",
    	  	        async: false,
    	  	        success: function (data) {
        
    	   
    	  	        	
    	  	        	var total='';
    	  	        	//<div class="tab-pane active" id="nArrivals">
    	                
    	               // <div class="nArrivals owl-carousel" id="top1">
    	                $.each(data.rows, function (i, valmm) {
         
    	  	                	  
    	  	              html+='<div class="nArrivals owl-carousel" id="'+valmm.id+'">';
    	  	            	
    	  	                $.ajax({
        
    	  	        	        url: "shangpin.action?list&page=0&rows=10",
    	  	        	        type: "POST",
    	  	        	        async: false,
    	  	        	        data: {
         fenlei:valmm.id },
    	  	        	        success: function (data) {
         
    	  	        	            $.each(data.rows, function (i, val) {
          
    	  	        	            	 html+='<div class="product-grid">'+
    	  	  		            	 '<div class="item">'+
    	  	  	                     ' <div class="product-thumb">'+
    	  	  	                      '  <div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img data-name="product_image"  style="width:223px;height:285px;" src="<%=basePath%>'+val.tupian1+'" alt="iPod Classic" title="iPod Classic" class="img-responsive"> <img style="width:223px;height:285px;" src="<%=basePath%>'+val.tupian1+'" alt="iPod Classic" title="iPod Classic" class="img-responsive"> </a> </div>'+
    	  	  	                       ' <div class="caption product-detail text-left">'+
    	  	  	                        '  <h6 data-name="product_name" class="product-name mt_20"><a href="home/details.jsp?ids='+val.id+'" title="Casual Shirt With Ruffle Hem">'+val.biaoti+'</a></h6>'+
    	  	  	                         ' <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>'+
    	  	  	                          '<span class="price"><span class="amount"><span class="currencySymbol">$</span>'+val.jiage+'</span>'+
    	  	  	                          '</span>'+
    	  	  	                          '<div class="button-group text-center">'+
    	  	  	                           ' <div class="wishlist"><a href="home/details.jsp?ids='+val.id+'"><span>wishlist</span></a></div>'+
    	  	  	                            '<div class="quickview"><a href="home/details.jsp?ids='+val.id+'"><span>Quick View</span></a></div>'+
    	  	  	                            '<div class="compare"><a href="home/details.jsp?ids='+val.id+'"><span>Compare</span></a></div>'+
    	  	  	                            '<div class="add-to-cart"><a href="home/details.jsp?ids='+val.id+'"><span>Add to cart</span></a></div>'+
    	  	  	                          '</div>'+
    	  	  	                        '</div>'+
    	  	  	                      '</div>'+
    	  	  	                    '</div>'+
    	  	  	                 ' </div>'; 
    	  	        	             
    	  	        	            })
    	  	        	          html+='</div>'; 
    	  	        	            
    	  	        	    }
    	  	                })
    	  	                 
    	  	               
    	  	                
    	  	            }) 
    	  	          $("#nArrivals").html(html);  
    	  	        }
    
    	  	    }); 
    
    	    
    	  	
    	  	
    	  	}
    
    	  
    	  
    	  
    	  
    	  
    	  function gettop2()
    	  {
        
    		  
    		  
    		  var html = ""; 
    		    $.ajax({
        
    		    	  url: "shangpin.action?list&page=3&rows=10",
    		        type: "POST",
    		        async: false, 
    		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    		        success: function (data) {
         
    		        	
    		        	var lasthtml='';
    		        	var totalhtml='<ul class="row ">';
    		        	  var html = ""; 
    		        	
    		            $.each(data.rows, function (i, val) {
          
    		            	
    		            	if(i!=0)
    		            		{
        
    		            		
    		            		
    		            	 html+= '<li class="item product-layout-left mb_20">'+
    		                    '<div class="product-list col-xs-4">'+
    		                     ' <div class="product-thumb">'+
    		                      '  <div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img class="img-responsive"    title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian1+'"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic"   src="<%=basePath%>'+val.tupian2+'"> </a> </div>'+
    		                      '</div>'+
    		                    '</div>'+
    		                    '<div class="col-xs-8">'+
    		                     ' <div class="caption product-detail">'+
    		                        '<h6 class="product-name"><a href="home/details.jsp?ids='+val.id+'">'+val.biaoti+'</a></h6>'+
    		                        '<div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>'+
    		                        '<span class="price"><span class="amount"><span class="currencySymbol">$</span>'+val.jiage+'</span>'+
    		                        '</span>'+
    		                      '</div>'+
    		                    '</div>'+
    		                  '</li>';
    		                  
    		                 
    		                  
    		                  if(i%3==0)
    		            	   {
        
    		            	   
    		            	   
    		            	   lasthtml=lasthtml+totalhtml+html+'</ul>';
    		            	 
    		            	   html=""; 
    		            	   
    		            	   }
    		                  }
    		            })
    		            
    		            $("#featu-pro").html(lasthtml);  
    
    		        }
    
    		    });
    
    
    		   
    		  
    	  }
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  function gettop3()
    	  {
        
    		  
    		  
    		  var html = ""; 
    		    $.ajax({
        
    		    	  url: "shangpin.action?list&page=0&rows=10",
    		        type: "POST",
    		        async: false, 
    		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    		        success: function (data) {
        
    		        	var lasthtml='';
    		        	var totalhtml='<ul class="row ">';
    		        	  var html = ""; 
    		        	 
    		        	
    		            $.each(data.rows, function (i, val) {
          
    		            	
    		            	if(i!=0)
    	            		{
        
    			        	
    		            	 html+='<li class="item product-layout-left mb_20">'+
    		                 '<div class="product-list col-xs-4">'+
    		                  ' <div class="product-thumb">'+
    		                     '<div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian1+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian2+'"> </a> </div>'+
    		                  ' </div>'+
    		                ' </div>'+
    		                ' <div class="col-xs-8">'+
    		                  ' <div class="caption product-detail">'+
    		                   '  <h6 class="product-name"><a href="home/details.jsp?ids='+val.id+'">'+val.biaoti+'</a></h6>'+
    		                    ' <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>'+
    		                    ' <span class="price"><span class="amount"><span class="currencySymbol">$</span>'+val.jiage+'</span>'+
    		                    ' </span>'+
    		                  ' </div>'+
    		                 '</div>'+
    		               '</li>';
    		             
    		            	 if(i%3==0)
    		            	   {
        
    		            	   
    		            	   
    		            	   lasthtml=lasthtml+totalhtml+html+'</ul>';
    		            	 
    		            	   html=""; 
    		            	   
    		            	   }
    		                  }
    		            })
    		            $("#bests-pro").html(lasthtml);  
    		        }
    
    		    });
    
    
    		 
    		  
    	  }
    	  
    	  
    	  
    	   
         
         
         
    	  
    	  
    	  
    	  function gettop4()
    	  {
        
    		  
    		 
    		    $.ajax({
        
    		    	  url: "shangpin.action?list&page=6&rows=10",
    		        type: "POST",
    		        async: false, 
    		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    		        success: function (data) {
         
    		        	
    		        	var lasthtml='';
    		        	var totalhtml='<ul class="row ">';
    		        	  var html = ""; 
    		        	 
    		            $.each(data.rows, function (i, val) {
          
    		            	if(i!=0)
    	            		{
        
    			        	
    		            	 html+='<li class="item product-layout-left mb_20">'+
    		                 '<div class="product-list col-xs-4">'+
    		                  ' <div class="product-thumb">'+
    		                     '<div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian1+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian2+'"> </a> </div>'+
    		                  ' </div>'+
    		                ' </div>'+
    		                ' <div class="col-xs-8">'+
    		                  ' <div class="caption product-detail">'+
    		                   '  <h6 class="product-name"><a href="home/details.jsp?ids='+val.id+'">'+val.biaoti+'</a></h6>'+
    		                    ' <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>'+
    		                    ' <span class="price"><span class="amount"><span class="currencySymbol">$</span>'+val.jiage+'</span>'+
    		                    ' </span>'+
    		                  ' </div>'+
    		                 '</div>'+
    		               '</li>';
    		             
    		            	 if(i%3==0)
    		            	   {
        
    		            	   
    		            	   
    		            	   lasthtml=lasthtml+totalhtml+html+'</ul>';
    		            	 
    		            	   html=""; 
    		            	   
    		            	   }
    		                  }
    		            })
    		            $("#new-pro").html(lasthtml);  
    		        }
    
    		    });
    
    
    		 
    		  
    	  }
    	  
    	  
    	  
    	  
    	  function getbottom()
    	  {
        
    		  
    		 
    		    $.ajax({
        
    		    	  url: "shangpin.action?list&page=0&rows=10",
    		        type: "POST",
    		        async: false, 
    		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    		        success: function (data) {
         
    		        	 
    		         
    		        	  var html = "";  
    		            $.each(data.rows, function (i, val) {
          
    		            	 
    			        	
    		            	 html+='<div class="item">'+
    		            	      '<div class="box-holder">'+
    		                 '<div class="thumb post-img"><a href="home/details.jsp?ids='+val.id+'"> <img style="width:470px;height:249px;" src="<%=basePath%>'+val.tupian1+'" > </a> </div>'+
    		                 '<div class="post-info mtb_20 ">'+
    		                   '<h6 class="mb_10 text-uppercase"> <a href="home/details.jsp?ids='+val.id+'">'+val.biaoti+'</a> </h6>'+
    		                   '<p>'+val.xiangxi.substring(0,100)+'</p>'+
    		                   '<div class="date-time">'+
    		                     '<div class="day"> 热销</div>'+
    		                     '<div class="month">抢购</div>'+
    		                   '</div>'+
    		                 '</div>'+
    		               '</div>'+
    		             '</div>';
    		              
    		            })
    		            $("#bottom").html(html);  
    		        }
    
    		    });
    
    
    		 
    		  
    	  }
    	  
    	  
    	  
    	  
    	  
     
    	  
    	  
    	  
    	  function getleft2()
    	  {
        
    		  
    		  
    		  $.ajax({
        
    	    	  url: "shangpin.action?list&page=0&rows=20",
    	        type: "POST",
    	        async: false, 
    	        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    	        success: function (data) {
         
    	        	 
    	        	var lasthtml='';
    	        	var totalhtml='<ul class="row ">';
    	        	  var html = ""; 
    	        	
    	        	$.each(data.rows, function (i, val) {
          
    	            	 
    	            	if(i!=0)
    	            		{
        
    	            		
    	            		
    	            	 html+='<li class="item product-layout-left mb_20">'+
    	                 '<div class="product-list col-xs-4">'+
    	                  ' <div class="product-thumb">'+
    	                     '<div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian1+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian2+'"> </a> </div>'+
    	                  ' </div>'+
    	                ' </div>'+
    	                ' <div class="col-xs-8">'+
    	                  ' <div class="caption product-detail">'+
    	                   '  <h6 class="product-name"><a href="home/details.jsp?ids='+val.id+'">'+val.biaoti+'</a></h6>'+
    	                    ' <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>'+
    	                    ' <span class="price"><span class="amount"><span class="currencySymbol">$</span>70.00</span>'+
    	                    ' </span>'+
    	                  ' </div>'+
    	                 '</div>'+
    	               '</li>';
    	              
    	               if(i%3==0)
    	            	   {
        
    	            	   
    	            	   
    	            	   lasthtml=lasthtml+totalhtml+html+'</ul>';
    	            	 
    	            	   html=""; 
    	            	   
    	            	   }
    	              
    	            		}
    	            })
    	             
    	            
    	            $("#left-special").html(lasthtml);  
    
    	        }
    
    	    });
    
    	  }
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	  
    	   
    	     
    	
    	
    	    </script>
    	
      </head>
      
      <body>
       
              
      <div class="loder"></div>
      <div class="wrapper">
    
           <jsp:include   page="${basePath}/home/head.jsp" flush="true"/> 
        
        
        
        
        <div class="container">
          <div class="row ">
            <div id="column-left" class="col-sm-4 col-md-4 col-lg-3 ">
              <div id="category-menu" class="navbar collapse mb_40 hidden-sm-down in" aria-expanded="true" style="" role="button">
                <div class="nav-responsive">
                  <ul class="nav  main-navigation collapse in " id="fenlei">
                   
                   
                  </ul>
                </div>
              </div>
              <div class="left_banner left-sidebar-widget mt_30 mb_50"> <a href="#"><img src="<%=basePath%>home/images/left1.jpg" alt="Left Banner" class="img-responsive" /></a> </div>
              <div class="left-cms left-sidebar-widget mb_50">
                <ul>
                  <li>
                    <div class="feature-i-left ptb_40">
                      <div class="icon-right Shipping"></div>
                      <h6>免费送货</h6>
                      <p>全球免费送货</p>
                    </div>
                  </li>
                  <li>
                    <div class="feature-i-left ptb_40">
                      <div class="icon-right Order"></div>
                      <h6>在线订购</h6>
                      <p>营业时间 : 8am - 11pm</p>
                    </div>
                  </li>
                  <li>
                    <div class="feature-i-left ptb_40">
                      <div class="icon-right Save"></div>
                      <h6>购物保障</h6>
                      <p>质量可靠，信誉高</p>
                    </div>
                  </li>
                  <li>
                    <div class="feature-i-left ptb_40">
                      <div class="icon-right Safe"></div>
                      <h6>安全购物</h6>
                      <p>100% 正品</p>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="left-special left-sidebar-widget mb_50">
                <div class="heading-part mb_20 ">
                  <h2 class="main_title">热销</h2>
                </div>
                <div id="left-special" class="owl-carousel" >
                  <ul class="row ">
                    <li class="item product-layout-left mb_20">
                      <div class="product-list col-xs-4">
                        <div class="product-thumb">
                          <div class="image product-imageblock"> <a href="#"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product4.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product4-1.jpg"> </a> </div>
                        </div>
                      </div>
                      <div class="col-xs-8">
                        <div class="caption product-detail">
                          <h6 class="product-name"><a href="#">Latin literature from 45 BC, making it over old.</a></h6>
                          <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>
                          <span class="price"><span class="amount"><span class="currencySymbol">$</span>70.00</span>
                          </span>
                        </div>
                      </div>
                    </li>
                    <li class="item product-layout-left mb_20">
                      <div class="product-list col-xs-4">
                        <div class="product-thumb">
                          <div class="image product-imageblock"> <a href="#"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product1.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product1-1.jpg"> </a> </div>
                        </div>
                      </div>
                      <div class="col-xs-8">
                        <div class="caption product-detail">
                          <h6 class="product-name"><a href="#">Latin literature from 45 BC, making it over old.</a></h6>
                          <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>
                          <span class="price"><span class="amount"><span class="currencySymbol">$</span>70.00</span>
                          </span>
                        </div>
                      </div>
                    </li>
                    <li class="item product-layout-left mb_20">
                      <div class="product-list col-xs-4">
                        <div class="product-thumb">
                          <div class="image product-imageblock"> <a href="#"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product2.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product2-1.jpg"> </a> </div>
                        </div>
                      </div>
                      <div class="col-xs-8">
                        <div class="caption product-detail">
                          <h6 class="product-name"><a href="#">Latin literature from 45 BC, making it over old.</a></h6>
                          <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>
                          <span class="price"><span class="amount"><span class="currencySymbol">$</span>70.00</span>
                          </span>
                        </div>
                      </div>
                    </li>
                  </ul>
              
               
               
                </div>
              </div>
              <div class="left_banner left-sidebar-widget mb_50"> <a href="javascript:void(0)"><img src="<%=basePath%>home/images/left2.jpg" alt="Left Banner" class="img-responsive" /></a> </div>
              <div class="Testimonial left-sidebar-widget mb_50">
                <div class="heading-part mb_20 ">
                  <h2 class="main_title">客户分享</h2>
                </div>
                <div class="client owl-carousel text-center pt_10">
                  <div class="item client-detail">
                    <div class="client-avatar"> <img alt="" src="<%=basePath%>home/images/user1.jpg"> </div>
                    <div class="client-title  mt_30"><strong>joseph Lui</strong></div>
                    <div class="client-designation mb_10">php Developer</div>
                    <p><i class="fa fa-quote-left" aria-hidden="true"></i>Lorem ipsum dolor sit amet, volumus oporteat his at sea in Rem ipsum dolor sit amet, sea in odio ..</p>
                  </div>
                  <div class="item client-detail">
                    <div class="client-avatar"> <img alt="" src="<%=basePath%>home/images/user2.jpg"> </div>
                    <div class="client-title  mt_30"><strong>joseph Lui</strong></div>
                    <div class="client-designation mb_10">php Developer</div>
                    <p><i class="fa fa-quote-left" aria-hidden="true"></i>Lorem ipsum dolor sit amet, volumus oporteat his at sea in Rem ipsum dolor sit amet, sea in odio ..</p>
                  </div>
                  <div class="item client-detail">
                    <div class="client-avatar"> <img alt="" src="<%=basePath%>home/images/user3.jpg"> </div>
                    <div class="client-title  mt_30"><strong>joseph Lui</strong></div>
                    <div class="client-designation mb_10">php Developer</div>
                    <p><i class="fa fa-quote-left" aria-hidden="true"></i>Lorem ipsum dolor sit amet, volumus oporteat his at sea in Rem ipsum dolor sit amet, sea in odio ..</p>
                  </div>
                </div>
              </div>
            
            </div>
            <div id="column-right" class="col-sm-8 col-md-8 col-lg-9 mtb_30">
              
              <div class="banner">
                <div class="main-banner owl-carousel">
                  <div class="item"><a href="#"><img src="<%=basePath%>home/images/main_banner1.jpg" alt="Main Banner" class="img-responsive" /></a></div>
                  <div class="item"><a href="#"><img src="<%=basePath%>home/images/main_banner2.png" alt="Main Banner" class="img-responsive" /></a></div>
                </div>
              </div>
              
              
            
              
              
              <div id="product-tab" class="mt_40">
                <div class="heading-part mb_20 ">
                  <h2 class="main_title">产品列表</h2>
                </div>
                <ul class="nav text-right" id="profenlei" style="visibility:hidden">
                
                  
                </ul>
                <div class="tab-content clearfix box">
                  <div class="tab-pane active" id="nArrivals">
                  
                    <div class="nArrivals owl-carousel" id="top1">
                    
                     
                    </div>
                  </div>
              
                            
                </div>
              </div>
              
              <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>
              
              <div class="row">
                <div class="cms_banner mt_40 mb_50">
                  <div class="col-xs-12">
                    <div id="subbanner3" class="banner sub-hover"> <a href="javascript:void(0)"><img src="<%=basePath%>home/images/sub3.jpg" alt="Sub Banner3" class="img-responsive"></a> </div>
                  </div>
                </div>
              </div>
              
              
              <div id="sale-product">
             
               
              
              
         
              
              
              
              
              
              <div class="row">
                <div class="col-md-4">
                  <div class="heading-part mb_20 ">
                    <h2 class="main_title">新款机器</h2>
                  </div>
                  <div id="featu-pro" class="owl-carousel" >
                  
               
                
                
                
                
                
                
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="heading-part mb_20 ">
                    <h2 class="main_title">办公首选</h2>
                  </div>
                  <div id="bests-pro" class="owl-carousel" >
                  
                  
                
                    
               
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="heading-part mb_20 ">
                    <h2 class="main_title">店铺推荐</h2>
                  </div>
                  <div id="new-pro" class="owl-carousel" >
                   
                    <ul class="row ">
                      <li class="item product-layout-left mb_20">
                        <div class="product-list col-xs-4">
                          <div class="product-thumb">
                            <div class="image product-imageblock"> <a href="#"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product4.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product4-1.jpg"> </a> </div>
                          </div>
                        </div>
                        <div class="col-xs-8">
                          <div class="caption product-detail">
                            <h6 class="product-name"><a href="#">Latin literature from 45 BC, making it over old.</a></h6>
                            <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>
                            <span class="price"><span class="amount"><span class="currencySymbol">$</span>70.00</span>
                            </span>
                          </div>
                        </div>
                      </li>
                      <li class="item product-layout-left mb_20">
                        <div class="product-list col-xs-4">
                          <div class="product-thumb">
                            <div class="image product-imageblock"> <a href="#"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product5.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product5-1.jpg"> </a> </div>
                          </div>
                        </div>
                        <div class="col-xs-8">
                          <div class="caption product-detail">
                            <h6 class="product-name"><a href="#">Latin literature from 45 BC, making it over old.</a></h6>
                            <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>
                            <span class="price"><span class="amount"><span class="currencySymbol">$</span>70.00</span>
                            </span>
                          </div>
                        </div>
                      </li>
                      <li class="item product-layout-left mb_20">
                        <div class="product-list col-xs-4">
                          <div class="product-thumb">
                            <div class="image product-imageblock"> <a href="#"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product6.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product6-1.jpg"> </a> </div>
                          </div>
                        </div>
                        <div class="col-xs-8">
                          <div class="caption product-detail">
                            <h6 class="product-name"><a href="#">Latin literature from 45 BC, making it over old.</a></h6>
                            <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>
                            <span class="price"><span class="amount"><span class="currencySymbol">$</span>70.00</span>
                            </span>
                          </div>
                        </div>
                      </li>
                    </ul>
                 
                
                
                
                  </div>
                </div>
              </div>
              
              
              <div id="Blog" class="mt_40">
                <div class="heading-part mb_20 ">
                  <h2 class="main_title">猜你喜欢</h2>
                </div>
                <div class="blog-contain box">
                  <div class="blog owl-carousel" id="bottom">
                    <div class="item">
                      <div class="box-holder">
                        <div class="thumb post-img"><a href="#"> <img src="<%=basePath%>home/images/blog/blog_img_01.jpg" alt="HealthCare"> </a> </div>
                        <div class="post-info mtb_20 ">
                          <h6 class="mb_10 text-uppercase"> <a href="#">Unknown printer took a galley book.</a> </h6>
                          <p>Aliquam egestas pellentesque est. Etiam a orci Nulla id enim feugiat ligula ullamcorper scelerisque. Morbi eu luctus nisl.</p>
                          <div class="date-time">
                            <div class="day"> 11</div>
                            <div class="month">Aug</div>
                          </div>
                        </div>
                      </div>
                    </div>
                 
                 
                 
                 
                 
                 
                 
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </div>
        
        
                <jsp:include   page="${basePath}/home/foot.jsp" flush="true"/> 
        
      </div>
      <a id="scrollup">Scroll</a>
      <script src="<%=basePath%>home/js/jQuery_v3.1.1.min.js"></script>
      <script src="<%=basePath%>home/js/owl.carousel.min.js"></script>
      <script src="<%=basePath%>home/js/bootstrap.min.js"></script>
      <script src="<%=basePath%>home/js/jquery.magnific-popup.js"></script>
      <script src="<%=basePath%>home/js/jquery.firstVisitPopup.js"></script>
      <script src="<%=basePath%>home/js/custom.js"></script>        
        
        <script type="text/javascript">
        
        gettop1();
        gettop2();
        gettop3();
        gettop4();
        getleft2();
        //getfenlei();
        getbottom();
        getprofenlei();
        
        </script>
        
                         
        
      </body>
    </html>

![在这里插入图片描述][4fe2935eb1ef47c89770583282bfc8de.jpeg_pic_center]  
![在这里插入图片描述][86d48251245141178e27d6fde084d6fe.jpeg_pic_center]  
![在这里插入图片描述][06b635775a294321800ba695345e073e.jpeg_pic_center]  
![在这里插入图片描述][a7047c4ae8524d9780f38c0d3b77485c.jpeg_pic_center]  
![在这里插入图片描述][dd39523bd7f14a198614fa585b78b0ea.jpeg_pic_center]  
![在这里插入图片描述][a3b0587599bd417eb28abbf5fa69f207.jpeg_pic_center]  
![在这里插入图片描述][97512517fd5a4c5eae56a954279c8c02.jpeg_pic_center]  
![在这里插入图片描述][ce2826c6fe0844009bf523c30155d7b9.png_pic_center]  
![在这里插入图片描述][3bce040a75314c96ad8dd83a8e6b6d3a.png_pic_center]  
![在这里插入图片描述][f5947247cf2e48e59093c6e9ac4383a1.jpeg_pic_center]  
![在这里插入图片描述][266dca98847546a486f4f7b0579d7a54.png_pic_center]  
![在这里插入图片描述][ed02b1e23d014097bd10df6fcbaf6f79.png_pic_center]  
![在这里插入图片描述][af44254a065d47d7b2624b60d178bd0c.png_pic_center]  
![在这里插入图片描述][ce7c322cca5b4e69a28762d35d510c30.jpeg_pic_center]  
![在这里插入图片描述][fb5e363d0a774817b29c423144d2218b.jpeg_pic_center]  
![在这里插入图片描述][c87ad38afe9140a1a12c7ce107b05931.png_pic_center]  
![在这里插入图片描述][1126f9dc65564a82a5a59519a51911d4.jpeg_pic_center]  
![在这里插入图片描述][3d638842f9cb489bb7f03d744d6f2bbc.png_pic_center]  
![在这里插入图片描述][363dc729c8d241a0adf5ae19158cc385.png_pic_center]  
![在这里插入图片描述][970ad6ec0f074ede81a31547a5f20498.jpeg_pic_center]  
![在这里插入图片描述][f931d940c84f42d8a0650785d94dcc33.png_pic_center]  
![在这里插入图片描述][585b8425383c461fb337a5a9efd7ad27.jpeg_pic_center]  
![在这里插入图片描述][a26a097c8e1d41df9eb36ef28b39f488.jpeg_pic_center]  
![在这里插入图片描述][0ee384dca2084ee19608297f9427ac74.jpeg_pic_center]  
![在这里插入图片描述][ef3265d9927f42eeb917c4ba1aa14cae.png_pic_center]  
![在这里插入图片描述][46a46d1db6794249a9dc8d8400e6b347.jpeg_pic_center]  
![在这里插入图片描述][544bcef820c94ec98d64b202909b0def.png_pic_center]  
![在这里插入图片描述][51067b58bdd2492dafd9f6888b8c9de9.png_pic_center]  
![在这里插入图片描述][8fa2bb54625f47289737b805ece1962f.jpeg_pic_center]

[4fe2935eb1ef47c89770583282bfc8de.jpeg_pic_center]: https://img-blog.csdnimg.cn/4fe2935eb1ef47c89770583282bfc8de.jpeg#pic_center
[86d48251245141178e27d6fde084d6fe.jpeg_pic_center]: https://img-blog.csdnimg.cn/86d48251245141178e27d6fde084d6fe.jpeg#pic_center
[06b635775a294321800ba695345e073e.jpeg_pic_center]: https://img-blog.csdnimg.cn/06b635775a294321800ba695345e073e.jpeg#pic_center
[a7047c4ae8524d9780f38c0d3b77485c.jpeg_pic_center]: https://img-blog.csdnimg.cn/a7047c4ae8524d9780f38c0d3b77485c.jpeg#pic_center
[dd39523bd7f14a198614fa585b78b0ea.jpeg_pic_center]: https://img-blog.csdnimg.cn/dd39523bd7f14a198614fa585b78b0ea.jpeg#pic_center
[a3b0587599bd417eb28abbf5fa69f207.jpeg_pic_center]: https://img-blog.csdnimg.cn/a3b0587599bd417eb28abbf5fa69f207.jpeg#pic_center
[97512517fd5a4c5eae56a954279c8c02.jpeg_pic_center]: https://img-blog.csdnimg.cn/97512517fd5a4c5eae56a954279c8c02.jpeg#pic_center
[ce2826c6fe0844009bf523c30155d7b9.png_pic_center]: https://img-blog.csdnimg.cn/ce2826c6fe0844009bf523c30155d7b9.png#pic_center
[3bce040a75314c96ad8dd83a8e6b6d3a.png_pic_center]: https://img-blog.csdnimg.cn/3bce040a75314c96ad8dd83a8e6b6d3a.png#pic_center
[f5947247cf2e48e59093c6e9ac4383a1.jpeg_pic_center]: https://img-blog.csdnimg.cn/f5947247cf2e48e59093c6e9ac4383a1.jpeg#pic_center
[266dca98847546a486f4f7b0579d7a54.png_pic_center]: https://img-blog.csdnimg.cn/266dca98847546a486f4f7b0579d7a54.png#pic_center
[ed02b1e23d014097bd10df6fcbaf6f79.png_pic_center]: https://img-blog.csdnimg.cn/ed02b1e23d014097bd10df6fcbaf6f79.png#pic_center
[af44254a065d47d7b2624b60d178bd0c.png_pic_center]: https://img-blog.csdnimg.cn/af44254a065d47d7b2624b60d178bd0c.png#pic_center
[ce7c322cca5b4e69a28762d35d510c30.jpeg_pic_center]: https://img-blog.csdnimg.cn/ce7c322cca5b4e69a28762d35d510c30.jpeg#pic_center
[fb5e363d0a774817b29c423144d2218b.jpeg_pic_center]: https://img-blog.csdnimg.cn/fb5e363d0a774817b29c423144d2218b.jpeg#pic_center
[c87ad38afe9140a1a12c7ce107b05931.png_pic_center]: https://img-blog.csdnimg.cn/c87ad38afe9140a1a12c7ce107b05931.png#pic_center
[1126f9dc65564a82a5a59519a51911d4.jpeg_pic_center]: https://img-blog.csdnimg.cn/1126f9dc65564a82a5a59519a51911d4.jpeg#pic_center
[3d638842f9cb489bb7f03d744d6f2bbc.png_pic_center]: https://img-blog.csdnimg.cn/3d638842f9cb489bb7f03d744d6f2bbc.png#pic_center
[363dc729c8d241a0adf5ae19158cc385.png_pic_center]: https://img-blog.csdnimg.cn/363dc729c8d241a0adf5ae19158cc385.png#pic_center
[970ad6ec0f074ede81a31547a5f20498.jpeg_pic_center]: https://img-blog.csdnimg.cn/970ad6ec0f074ede81a31547a5f20498.jpeg#pic_center
[f931d940c84f42d8a0650785d94dcc33.png_pic_center]: https://img-blog.csdnimg.cn/f931d940c84f42d8a0650785d94dcc33.png#pic_center
[585b8425383c461fb337a5a9efd7ad27.jpeg_pic_center]: https://img-blog.csdnimg.cn/585b8425383c461fb337a5a9efd7ad27.jpeg#pic_center
[a26a097c8e1d41df9eb36ef28b39f488.jpeg_pic_center]: https://img-blog.csdnimg.cn/a26a097c8e1d41df9eb36ef28b39f488.jpeg#pic_center
[0ee384dca2084ee19608297f9427ac74.jpeg_pic_center]: https://img-blog.csdnimg.cn/0ee384dca2084ee19608297f9427ac74.jpeg#pic_center
[ef3265d9927f42eeb917c4ba1aa14cae.png_pic_center]: https://img-blog.csdnimg.cn/ef3265d9927f42eeb917c4ba1aa14cae.png#pic_center
[46a46d1db6794249a9dc8d8400e6b347.jpeg_pic_center]: https://img-blog.csdnimg.cn/46a46d1db6794249a9dc8d8400e6b347.jpeg#pic_center
[544bcef820c94ec98d64b202909b0def.png_pic_center]: https://img-blog.csdnimg.cn/544bcef820c94ec98d64b202909b0def.png#pic_center
[51067b58bdd2492dafd9f6888b8c9de9.png_pic_center]: https://img-blog.csdnimg.cn/51067b58bdd2492dafd9f6888b8c9de9.png#pic_center
[8fa2bb54625f47289737b805ece1962f.jpeg_pic_center]: https://img-blog.csdnimg.cn/8fa2bb54625f47289737b805ece1962f.jpeg#pic_center