目 录
摘 要 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">
<!-- Favicon -->
<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>
<!-- ===== LODER ===== -->
<div class="loder"></div>
<div class="wrapper">
<jsp:include page="${basePath}/home/head.jsp" flush="true"/>
<!-- ===== CONTAINER START ===== -->
<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">
<!-- <li><a href="#">Pharmacy</a></li> -->
</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">
<!-- ===== BANNER STRAT ===== -->
<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>
<!-- ===== BANNER END ===== -->
<!-- ===== SUB BANNER STRAT ===== -->
<!-- <div class="row">
<div class="cms_banner mt_10">
<div class="col-xs-6 col-sm-12 col-md-6 mt_20">
<div id="subbanner1" class="sub-hover"> <a href="#"><img src="<%=basePath%>home/images/sub1.jpg" alt="Sub Banner1" class="img-responsive"></a>
<div class="bannertext">
<h2>Full HD Camera</h2>
<p class="mt_10">Different Resolutions</p>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-12 col-md-6 mt_20">
<div id="subbanner2" class="sub-hover"> <a href="#"><img src="<%=basePath%>home/images/sub2.jpg" alt="Sub Banner2" class="img-responsive"></a>
<div class="bannertext">
<h2>smart watches</h2>
<p class="mt_10">Most Popular Brands</p>
</div>
</div>
</div>
</div>
</div> -->
<!-- ===== SUB BANNER END ===== -->
<!-- ===== PRODUCT TAB ===== -->
<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">
<!--
<li class="active"> <a href="#nArrivals" data-toggle="tab">New Arrivals</a> </li>
<li><a href="#Bestsellers" data-toggle="tab">Bestsellers</a> </li>
<li><a href="#Featured" data-toggle="tab">Featured</a> </li>
-->
</ul>
<div class="tab-content clearfix box">
<div class="tab-pane active" id="nArrivals">
<div class="nArrivals owl-carousel" id="top1">
<!--
<div class="product-grid">
<div class="item">
<div class="product-thumb">
<div class="image product-imageblock"> <a href="#"> <img data-name="product_image" src="<%=basePath%>home/images/product/product1.jpg" alt="iPod Classic" title="iPod Classic" class="img-responsive"> <img src="<%=basePath%>home/images/product/product1-1.jpg" 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="#" title="Casual Shirt With Ruffle Hem">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 class="button-group text-center">
<div class="wishlist"><a href="#"><span>wishlist</span></a></div>
<div class="quickview"><a href="#"><span>Quick View</span></a></div>
<div class="compare"><a href="#"><span>Compare</span></a></div>
<div class="add-to-cart"><a href="#"><span>Add to cart</span></a></div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="product-thumb">
<div class="image product-imageblock"> <a href="#"> <img data-name="product_image" src="<%=basePath%>home/images/product/product2.jpg" alt="iPod Classic" title="iPod Classic" class="img-responsive"> <img src="<%=basePath%>home/images/product/product2-1.jpg" 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="#" title="Casual Shirt With Ruffle Hem">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 class="button-group text-center">
<div class="wishlist"><a href="#"><span>wishlist</span></a></div>
<div class="quickview"><a href="#"><span>Quick View</span></a></div>
<div class="compare"><a href="#"><span>Compare</span></a></div>
<div class="add-to-cart"><a href="#"><span>Add to cart</span></a></div>
</div>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</div>
<!-- ===== PRODUCT TAB END ===== -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>
<!-- ===== SUB BANNER STRAT ===== -->
<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>
<!-- ===== SUB BANNER END ===== -->
<!-- ===== sale product ===== -->
<div id="sale-product">
<!-- <div class="heading-part mb_20 ">
<h2 class="main_title">Home Electronics</h2>
</div> -->
<!-- <div class="Specials owl-carousel">
<div class="item product-layout product-list">
<div class="product-thumb">
<div class="image product-imageblock"> <a href="#"> <img data-name="product_image" src="<%=basePath%>home/images/product/product8.jpg" alt="iPod Classic" title="iPod Classic" class="img-responsive"> <img src="<%=basePath%>home/images/product/product8-1.jpg" 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"><a href="#" title="Casual Shirt With Ruffle Hem">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>
<p class="product-desc mt_20"> More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever you go.Cover Flow. Browse through your music collection by flipping..</p>
<div class="timer mt_80">
<div class="days"></div>
<div class="hours"></div>
<div class="minutes"></div>
<div class="seconds"></div>
</div>
<div class="button-group text-center">
<div class="wishlist"><a href="#"><span>wishlist</span></a></div>
<div class="quickview"><a href="#"><span>Quick View</span></a></div>
<div class="compare"><a href="#"><span>Compare</span></a></div>
<div class="add-to-cart"><a href="#"><span>Add to cart</span></a></div>
</div>
</div>
</div>
</div>
<div class="item product-layout product-list">
<div class="product-thumb">
<div class="image product-imageblock"> <a href="#"> <img data-name="product_image" src="<%=basePath%>home/images/product/product7.jpg" alt="iPod Classic" title="iPod Classic" class="img-responsive"> <img src="<%=basePath%>home/images/product/product7-1.jpg" 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"><a href="#" title="Casual Shirt With Ruffle Hem">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>
<p class="product-desc mt_20"> More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever you go.Cover Flow. Browse through your music collection by flipping..</p>
<div class="timer mt_80">
<div class="days"></div>
<div class="hours"></div>
<div class="minutes"></div>
<div class="seconds"></div>
</div>
<div class="button-group text-center">
<div class="wishlist"><a href="#"><span>wishlist</span></a></div>
<div class="quickview"><a href="#"><span>Quick View</span></a></div>
<div class="compare"><a href="#"><span>Compare</span></a></div>
<div class="add-to-cart"><a href="#"><span>Add to cart</span></a></div>
</div>
</div>
</div>
</div>
<div class="item product-layout product-list">
<div class="product-thumb">
<div class="image product-imageblock"> <a href="#"> <img data-name="product_image" src="<%=basePath%>home/images/product/product6.jpg" alt="iPod Classic" title="iPod Classic" class="img-responsive"> <img src="<%=basePath%>home/images/product/product6-1.jpg" 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"><a href="#" title="Casual Shirt With Ruffle Hem">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>
<p class="product-desc mt_20"> More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever you go.Cover Flow. Browse through your music collection by flipping..</p>
<div class="timer mt_80">
<div class="days"></div>
<div class="hours"></div>
<div class="minutes"></div>
<div class="seconds"></div>
</div>
<div class="button-group text-center">
<div class="wishlist"><a href="#"><span>wishlist</span></a></div>
<div class="quickview"><a href="#"><span>Quick View</span></a></div>
<div class="compare"><a href="#"><span>Compare</span></a></div>
<div class="add-to-cart"><a href="#"><span>Add to cart</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- ===== sale product end ===== -->
<!-- ===== SUB BANNER STRAT ===== -->
<!-- <div class="row">
<div class="cms_banner mt_60 mb_50">
<div class="col-xs-12">
<div id="subbanner4" class="banner sub-hover"> <a href="#"><img src="<%=basePath%>home/images/sub4.jpg" alt="Sub Banner4" class="img-responsive"></a>
<div class="bannertext"> </div>
</div>
</div>
</div>
</div>
-->
<!-- ===== SUB BANNER END ===== -->
<!-- ===== 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" >
<!-- <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/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/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/product3.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product3-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="col-md-4">
<div class="heading-part mb_20 ">
<h2 class="main_title">办公首选</h2>
</div>
<div id="bests-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/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>
<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/product3.jpg"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>home/images/product/product3-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/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>
</ul>
-->
</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>
<!-- ===== product end ===== -->
<!-- ===== Blog ===== -->
<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>
<!-- ===== Blog end ===== -->
</div>
</div>
</div>
</div>
<!-- ===== CONTAINER END ===== -->
<!-- ===== FOOTER START ===== -->
<jsp:include page="${basePath}/home/foot.jsp" flush="true"/>
<!-- ===== FOOTER END ===== -->
</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>
