JAVAWEB项目页面设计之网上商城JSP页面设计三------JavaWeb

港控/mmm° 2024-03-03 08:59 148阅读 0赞

>     <%@ page import="bean.user" %>
>     <%@ page import="java.util.HashMap" %>
>     <%@ page import="java.util.Iterator" %>
>     <%@ page import="java.util.Map" %>
>     <%@ page import="bean.product" %>
>     <%@ page contentType="text/html;charset=UTF-8" language="java" %>
>     <%user user = (bean.user) session.getAttribute("user");%>
>     <%product PageProduct = (bean.product) session.getAttribute("product");%>
>     <!DOCTYPE html>
>     <html>
>     	<head>
>     		<meta charset="utf-8">
>     		<title>商品简介</title>
>     		<link rel="stylesheet" type="text/css" href="style.css"/>
>     		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
>     		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
>     		<script type="text/javascript" src="js/menu.js"></script>
>     		<script type="text/javascript" src="js/n_nav.js"></script>
>     		
>     		<script type="text/javascript" src="js/num.js"></script>
>     		<script type="text/javascript" src="js/toptop.js"> </script>
>     		
>     		<style type="text/css">
>     		        *{
>     		            padding: 0%;
>     		            margin: 0%;
>     		        }
>     		        .calendar{
>     		            margin: 45px;
>     		            width: 450px;
>     		            height: 350px;
>     		            background: white;
>     		            box-shadow: 0px 1px 1px rgba(0,0,0,.1);
>     		        }
>     		 
>     		        .title{
>     		            height: 70px;
>     		            border-bottom: 1px solid rgba(0,0,0,.1);
>     		            position: relative;
>     		            text-align: center;
>     		        }
>     		 
>     		        #calendar-title{
>     		            font-size: 25px;
>     		            text-transform: uppercase;
>     		            font-family: Arial, Helvetica, sans-serif;
>     		            padding: 14px 0 0 0;
>     		        }
>     		 
>     		        #calendar-year{
>     		            font-size: 15px;
>     		            font-family: Arial, Helvetica, sans-serif;
>     		            font-weight: normal;
>     		        }
>     		 
>     		        #pre{
>     		            position: absolute;
>     		            top: 0px;
>     		            left: 0px;
>     		            background: url(imgs/b_left.png) no-repeat 50% 50%;
>     		 
>     		            /*没规定大小时，图片显示 0X0*/
>     		            width: 60px;
>     		            height: 70px;
>     		            
>     		        }
>     		 
>     		        #next{
>     		            position: absolute;
>     		            top: 0px;
>     		            right: 0px;
>     		            background: url(imgs/b_right.png) no-repeat 50% 50%;
>     		            width: 60px;
>     		            height: 70px;
>     		        }  
>     		 
>     		        .body-list ul{
>     		            font-size: 14px;
>     		            font-family: Arial, Helvetica, sans-serif;
>     		            font-weight: bold;
>     		            width: 100%;
>     		            box-sizing: border-box;
>     		      
>     		        }  
>     		 
>     		        .body-list ul li{
>     		            list-style: none;
>     		            /*
>     		            display:inline-block; 
>     		            width: 13.3%;
>     		            */
>     		 
>     		            /*100/7 = 14.28%*/
>     		            display: block;
>     		            width: 14.28%;
>     		            float: left;
>     		 
>     		            /*规定行高，垂直居中*/
>     		            height: 36px;
>     		            line-height: 36px;
>     		            box-sizing: border-box;
>     		            text-align: center;
>     		            
>     		        }
>     		 
>     		 
>     		        .green{
>     		            color:#6ac13c;
>     		        }
>     		 
>     		        .lightgrey{ /*浅灰色显示过去的日期*/
>     			        color:#a8a8a8;
>     		        }   
>     		        .darkgrey{ /*深灰色显示将来的日期*/
>     			        color:#565656;
>     		        }
>     		 
>     		        /*日期当天用绿色背景绿色文字加以显示*/
>     		        .greenbox{
>     		            border: 1px solid #6ac13c;
>     		            background: #e9f8df;
>     		        }
>     		    </style>
>     	</head>
>     	<body>
>     		
>     		<div class="headbg">
>     			<div class="head">
>     				
>     				
>     				<span class="head_city_back">
>     					<span class="fl">送货至: </span>
>     					<span class="head_city">
>     						<span>浙江</span>
>     						<div class="head_city_bg">
>     							<div class="head_city_temp"></div>
>     							<div class="head_city_common">
>     								<h2>请选择所在的收货地区</h2>
>     								<table class="common_table" border="0" cellpadding="0" cellspacing="0" style="width: 235px; margin-top: 10px;">
>     									<tr>
>     										<th>A</th>
>     										<td class="common_head"><span>安徽</span><span>澳门</span></td>
>     									</tr>
>     									<tr>
>     										<th>B</th>
>     										<td class="common_head"><span>北京</span></td>
>     									</tr>
>     									<tr>
>     										<th>C</th>
>     										<td class="common_head"><span>重庆</span></td>
>     									</tr>
>     									<tr>
>     										<th>F</th>
>     										<td class="common_head"><span>福建</span></td>
>     									</tr>
>     									<tr>
>     										<th>G</th>
>     										<td class="common_head"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
>     									</tr>
>     									<tr>
>     										<th>H</th>
>     										<td class="common_head"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
>     									</tr>
>     									<tr>
>     										<th>J</th>
>     										<td class="common_head"><span>江苏</span><span>吉林</span><span>江西</span></td>
>     									</tr>
>     									<tr>
>     										<th>L</th>
>     										<td class="common_head"><span>辽宁</span></td>
>     									</tr>
>     									<tr>
>     										<th>N</th>
>     										<td class="common_head"><span>内蒙古</span><span>宁夏</span></td>
>     									</tr>
>     									<tr>
>     										<th>Q</th>
>     										<td class="common_head"><span>上海</span><span>山东</span><span>山西</span><span>四川</span><span>陕西</span></td>
>     									</tr>
>     									<tr>
>     										<th>T</th>
>     										<td class="common_head"><span>台湾</span><span>天津</span></td>
>     									</tr>
>     									<tr>
>     										<th>X</th>
>     										<td class="common_head"><span>西藏</span><span>香港</span><span>新疆</span></td>
>     									</tr>
>     									<tr>
>     										<th>Y</th>
>     										<td class="common_head"><span>云南</span></td>
>     									</tr>
>     									<tr>
>     										<th>Z</th>
>     										<td class="common_head"><span class="common_check">浙江</span></td>
>     									</tr>
>     								</table>
>     							</div>
>     						</div>
>     					</span>
>     				</span>
>     				
>     				
>     				
>     				<span class="fr">
>     					<%
>     						if(!(user == null))
>     						{
>     							out.println("\t\t\t\t\t<span class=\"fl\">\n" +
>     									"\t\t\t\t\t\t<a href=\"information.jsp\">");
>     							out.println("欢迎回来!" + user.getName());
>     							out.println("</a>\n" +
>     									"\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
>     									"\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
>     									"\t\t\t\t\t\t |\n" +
>     									"\n" +
>     									"\t\t\t\t\t</span>");
>     						}
>     						else
>     						{
>     							out.println("\t\t\t\t\t<span class=\"fl\">\n" +
>     									"\t\t\t\t\t\t<a href=\"login.jsp\">你好，请登录 </a>\n" +
>     									"\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
>     									"\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
>     									"\t\t\t\t\t\t |\n" +
>     									"\n" +
>     									"\t\t\t\t\t</span>");
>     						}
>     					%>
>     					<span class="headshow">
>     						<div class="headshow_list">
>     							<a href="#">收藏夹</a>
>     							<div class="headshow_list_bg">
>     								<div class="head_city_temp"></div>
>     								<div class="headshow_list_common">
>     									<ul>
>     										<li>
>     											<a href="#">收藏的宝贝</a>
>     										</li>
>     										<li>
>     											<a href="#">收藏的店铺</a>
>     										</li>
>     									</ul>
>     								</div>
>     							</div>
>     						</div>
>     						<%
>     							if(!(user == null))
>     							{
>     								out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
>     										"\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
>     										"\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
>     										"\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
>     										"\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
>     										"\t\t\t\t\t\t\t\t\t<ul>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"personcenter.jsp\">个人中心</a>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
>     										"\t\t\t\t\t\t\t\t\t</ul>\n" +
>     										"\t\t\t\t\t\t\t\t</div>\n" +
>     										"\t\t\t\t\t\t\t</div>\n" +
>     										"\t\t\t\t\t\t</div>");
>     							}
>     							else
>     							{
>     								out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
>     										"\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
>     										"\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
>     										"\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
>     										"\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
>     										"\t\t\t\t\t\t\t\t\t<ul>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" id=\"not_admin\">个人中心</a>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
>     										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
>     										"\t\t\t\t\t\t\t\t\t</ul>\n" +
>     										"\t\t\t\t\t\t\t\t</div>\n" +
>     										"\t\t\t\t\t\t\t</div>\n" +
>     										"\t\t\t\t\t\t</div>");
>     							}
>     						%>
>     						<div class="headshow_list">
>     							<a href="#">网站导航</a>
>     							<div class="headshow_list_bg">
>     								<div class="head_city_temp"></div>
>     								<div class="headshow_list_common">
>     									<ul>
>     										<li>
>     											<a href="#">主题市场</a>
>     										</li>
>     										<li>
>     											<a href="newidea.jsp">创意市场</a>
>     										</li>
>     										<li>
>     											<a href="#">精彩推荐集</a>
>     										</li>
>     									</ul>
>     								</div>
>     							</div>
>     						</div>
>     					</span>
>     					<span class="fl">
>     						| 关注我们：
>     					</span>
>     					<span class="show_style">
>     						<a href="#" class="style1">新浪</a>
>     						<a href="#" class="style2">微信</a>
>     					</span>
>     					<span class="fr">
>     						| 
>     						<a href="#">
>     							手机版
>     							<img src="imgs/s_tel.png" align="absmiddle">
>     						</a>
>     					</span>
>     				</span>
>     			</div>
>     		</div>
>     		
>     		
>     		
>     		<div class="top">
>     			<div class="logo">
>     				<a href="index.jsp">
>     					<img src="imgs/logo.png" >
>     				</a>
>     			</div>
>     			<div class="search">
>     				<form action="">
>     					<input type="text" value="" class="search_input" />
>     					<input type="submit" value="搜索" class="search_button" />
>     				</form>
>     				<span class="f1">
>     					<a href="#">蛋糕</a>
>     					<a href="#">咖啡</a>
>     					<a href="#">新鲜美食</a>
>     					<a href="#">日用品</a>
>     				</span>
>     			</div>
>     			<div class="info_car">
>     				<div class="car_temp">购物车 [ <span>
>     					<%
>     						if(!(user == null))
>     						{
>     							out.println(user.getShoppingCart().getCart().size());
>     						}
>     						else
>     						{
>     							out.println(0);
>     						}
>     					%>
>     				</span> ]</div>
>     				<div class="car_bg">
>     					<%
>     						if(!(user == null))
>     						{
>     							out.println("<ul class=\"cars\">");
>     							HashMap map = user.getShoppingCart().getCart();
>     							Iterator iterator = map.entrySet().iterator();
>     							double count = 0.0;
>     							int num = 0;
>     							while(iterator.hasNext())
>     							{
>     								Map.Entry entry = (Map.Entry)iterator.next();
>     								out.println("\t\t\t\t<li>\n" +
>     										"\t\t\t\t\t<div class=\"img\">\n" +
>     										"\t\t\t\t\t\t<a href=\"#\">\n" +
>     										"\t\t\t\t\t\t\t<img src=\"imgs/fre_2.jpg\" width=\"58\" height=\"58\" >\n" +
>     										"\t\t\t\t\t\t</a>\n" +
>     										"\t\t\t\t\t</div>\n" +
>     										"\t\t\t\t\t<div class=\"name\">\n" +
>     										"\t\t\t\t\t\t<a href=\"#\">");
>     								product product = (bean.product)entry.getKey();
>     								count = count + (product.getPrice() * (int)entry.getValue());
>     								out.println(product.getProduct_name() + "</a>\n" +
>     										"\t\t\t\t\t</div>\n" +
>     										"\t\t\t\t\t<div class=\"price\">\n" +
>     										"\t\t\t\t\t\t<font color=\"#FF4E00\">  ￥");
>     								out.println(product.getPrice() + "</font>X" + entry.getValue() + "</div></li>");
>     								num++;
>     							}
>     							if(num == 0)
>     							{
>     								out.println("\t\t\t<div class=\"un_login\">\n" +
>     										"\t\t\t\t还没有商品呢！\n" +
>     										"\t\t\t\t<a href=\"food.jsp\" style=\"color: #FF4E00;\">现在就去选购</a>\n" +
>     										"\t\t\t\t心怡的商品！\n" +
>     										"\t\t\t</div>");
>     							}
>     							else
>     							{
>     								out.println("\t\t\t</ul>");
>     								out.println("\t\t\t<div class=\"price_sum\">\n" +
>     										"\t\t\t\t共计\n" +
>     										"\t\t\t\t<font color=\"#FF4E00\"> ￥</font>\n" +
>     										"\t\t\t\t<span>");
>     								out.println(count);
>     								out.println("</span>\n" +
>     										"\t\t\t</div>\n" +
>     										"\t\t\t<div class=\"price_account\">\n" +
>     										"\t\t\t\t<a href=\"buycar.jsp\">去购物车结算</a>\n" +
>     										"\t\t\t</div>");
>     							}
>     						}
>     						else
>     						{
>     							out.println("\t\t\t<div class=\"un_login\">\n" +
>     									"\t\t\t\t还未登录！\n" +
>     									"\t\t\t\t<a href=\"login.jsp\" style=\"color: #FF4E00;\">马上登录</a>\n" +
>     									"\t\t\t\t查看购物车！\n" +
>     									"\t\t\t</div>");
>     						}
>     					%>
>     				</div>
>     			</div>
>     		</div>
>     		 
>     		
>     		<div class="menu_bg">
>     		    <div class="menu">
>     		        
>     		        <div class="nav">
>     		            <div class="nav_t">全部商品分类</div>
>     		            <div class="leftNav none">
>     		                <ul>
>     		                    <li>
>     		                        <div class="fj">
>     		                            <span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
>     		                            <span class="fl">进口食品、生鲜</span>
>     		                        </div>
>     		                        <div class="zj">
>     		                            <div class="zj_l">
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                            </div>
>     		                            <div class="zj_r">
>     		                                <a href="#"><img src="imgs/food_b1.jpg" width="236" height="200" /></a>
>     		                                <a href="#"><img src="imgs/food_b2.jpg" width="236" height="200" /></a>
>     		                            </div>
>     		                        </div>
>     		                    </li>
>     		                    <li>
>     		                        <div class="fj">
>     		                            <span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
>     		                            <span class="fl">食品、饮料、酒</span>
>     		                        </div>
>     		                        <div class="zj" style="top:-40px;">
>     		                            <div class="zj_l">
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力2</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                                <div class="zj_l_c">
>     		                                    <h2>零食 / 糖果 / 巧克力</h2>
>     		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>     		                                        href="#">巧克力</a>|
>     		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>     		                                        href="#">红枣</a>|
>     		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>     		                                </div>
>     		                            </div>
>     		                            <div class="zj_r">
>     		                                <a href="#"><img src="imgs/fre_b1.jpg" width="236" height="200" /></a>
>     		                                <a href="#"><img src="imgs/fre_b2.jpg" width="236" height="200" /></a>
>     		                            </div>
>     		                        </div>
>     		                    </li>
>     		                </ul>
>     		            </div>
>     		        </div>
>     		        
>     		        <ul class="menu_r">
>     		            <li><a href="index.jsp">首页</a></li>
>     		            <li><a href="/controller.FoodServlet">美食</a></li>
>     		            <li><a href="#">生鲜</a></li>
>     		            <li><a href="#">团购</a></li>
>     		        </ul>
>     		        <div class="m_ad">双十一送好礼！</div>
>     		    </div>
>     		</div>
>     		
>     		
>     		<div class="i_bg">
>     		    <div class="postion">
>     		        <span class="fl">全部 > 进口食品 > 饼干 </span>
>     		    </div>
>     		    <div class="content">
>     		
>     		        <div id="tsShopContainer">
>     		            <div id="tsImgS"><a href="#" title="Images" ><img
>     							src="imgs/p_big.jpg" width="390" height="390" /></a></div>
>     		            <div id="tsPicContainer">
>     		                <div id="tsImgSCon" style="margin-top:400px;">
>     		                    <ul >
>     		                        <li onclick="showPic(0)" rel="MagicZoom" class="tsSelectImg"><img src="imgs/ps1.jpg"
>     		                                tsImgS="imgs/ps1.jpg" width="79" height="79" /></li>
>     		                        <li onclick="showPic(1)" rel="MagicZoom"><img src="imgs/ps2.jpg" tsImgS="imgs/ps2.jpg"
>     																			  width="79" height="79" /></li>
>     		                        <li onclick="showPic(2)" rel="MagicZoom"><img src="imgs/ps3.jpg" tsImgS="imgs/ps3.jpg"
>     																			  width="79" height="79" /></li>
>     		                        <li onclick="showPic(3)" rel="MagicZoom"><img src="imgs/ps4.jpg" tsImgS="imgs/ps4.jpg"
>     																			  width="79" height="79" /></li>
>     		        
>     		                    </ul>
>     		                </div>
>     		            </div>
>     		        </div>
>     		
>     		        <div class="pro_des">
>     		            <div class="des_name">
>     		                <p><%out.println(PageProduct.getProduct_name());%></p>
>     		                “开业巨惠，印尼直供”，不光低价，“真”才靠谱！
>     		            </div>
>     		            <div class="des_price">
>     		                本店价格：<b><%out.println(PageProduct.getPrice());%></b><br />
>     		                消费积分：<span><%out.println(PageProduct.getPrice());%>R</span>
>     		            </div>
>     		            <div class="des_choice">
>     		                <span class="fl">包装选择：</span>
>     		                <ul>
>     		                    <li class="checked">72g<div class="ch_img"></div>
>     		                    </li>
>     		                    <li>90g<div class="ch_img"></div>
>     		                    </li>
>     		                </ul>
>     		            </div>
>     		            <div class="des_choice">
>     		                <span class="fl">型号选择：</span>
>     		                <ul>
>     		                    <li>原味<div class="ch_img"></div>
>     		                    </li>
>     		                    <li class="checked">葡萄干曲奇<div class="ch_img"></div>
>     		                    </li>
>     		                </ul>
>     		            </div>
>     		            <div class="des_share">
>     		                <div class="d_sh">
>     		                    分享
>     		                    <div class="d_sh_bg">
>     		                        <a href="#"><img src="imgs/sh_1.gif" /></a>
>     		                        <a href="#"><img src="imgs/sh_2.gif" /></a>
>     		                        <a href="#"><img src="imgs/sh_3.gif" /></a>
>     		                        <a href="#"><img src="imgs/sh_4.gif" /></a>
>     		                        <a href="#"><img src="imgs/sh_5.gif" /></a>
>     		                    </div>
>     		                </div>
>     		                
>     		            </div>
>     		            <form class="des_join" action="/controller.AddCarServlet" method="post" id="des_join">
>     		                <div class="j_nums">
>     		                    <input type="text" onkeyup="this.value=this.value.replace(/\D/g, '')" value="1" name="count" class="n_ipt" required/>
>     							<%
>     								if(!(user == null))
>     								{
>     									out.println("<input type=\"hidden\" name=\"email\" value=\"" + user.getEmail() + "\">");
>     								}
>     							%>
>     							<%out.println("<input type=\"hidden\" name=\"product_name\" value=\"" + PageProduct.getProduct_name() + "\">");%>
>     		                    <input type="button" value="" onclick="addUpdate(jq(this));" class="n_btn_1" />
>     		                    <input type="button" value="" onclick="jianUpdate(jq(this));" class="n_btn_2" />
>     		                </div>
>     		                <span class="fl"><a><input type="image" src="imgs/j_car.png" name="submit"></a></span>
>     		            </form>
>     		        </div>
>     		
>     		        <div class="s_brand">
>     		            <div class="s_brand_img"><img src="imgs/ps2.jpg" width="188" height="132" /></div>
>     		            <div class="s_brand_c"><a href="#">进入品牌专区</a></div>
>     		        </div>
>     				
>     		
>     		    </div>
>     		
>     			<div class="calendar" style="margin-left: 880px;margin-top: -300px;">
>     			        <div class="title">
>     			            <h1 class="green" id="calendar-title">Month</h1>
>     			            <h2 class="green" id="calendar-year">Year</h2>
>     			            <a href="" id="pre"></a>
>     			            <a href="" id="next"></a>
>     			        </div>
>     			 
>     			        <div class="body">
>     			            <div class="lightgrey body-list">
>     			                <ul>
>     			                    <li>SUN</li>
>     			                    <li>MON</li>
>     			                    <li>TUE</li>
>     			                    <li>WED</li>
>     			                    <li>THU</li>
>     			                    <li>FRI</li>
>     			                    <li>SAT</li>
>     			                    
>     			                </ul>
>     			 
>     			            </div>
>     			 
>     			            <div class="darkgrey body-list">
>     			                <ul id="days">
>     			 
>     			                </ul>
>     			            </div>
>     			        </div>
>     			    </div>
>     			
>     		    <div class="content mar_20">
>     		        <div class="l_history">
>     		            <div class="fav_t">用户还喜欢</div>
>     		            <ul>
>     		                <li>
>     		                    <div class="img"><a href="#"><img src="imgs/hot1.jpg" width="185" height="162" /></a></div>
>     		                    <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>     		                    <div class="price">
>     		                        <font>￥<span>368.00</span></font>   18R
>     		                    </div>
>     		                </li>
>     		                <li>
>     		                    <div class="img"><a href="#"><img src="imgs/food_6.jpg" width="185" height="162" /></a></div>
>     		                    <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>     		                    <div class="price">
>     		                        <font>￥<span>768.00</span></font>   18R
>     		                    </div>
>     		                </li>
>     		                <li>
>     		                    <div class="img"><a href="#"><img src="imgs/hot3.jpg" width="185" height="162" /></a></div>
>     		                    <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>     		                    <div class="price">
>     		                        <font>￥<span>680.00</span></font>   18R
>     		                    </div>
>     		                </li>
>     		                <li>
>     		                    <div class="img"><a href="#"><img src="imgs/hot4.jpg" width="185" height="162" /></a></div>
>     		                    <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>     		                    <div class="price">
>     		                        <font>￥<span>368.00</span></font>   18R
>     		                    </div>
>     		                </li>
>     		                <li>
>     		                    <div class="img"><a href="#"><img src="imgs/food_5.jpg" width="185" height="162" /></a></div>
>     		                    <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>     		                    <div class="price">
>     		                        <font>￥<span>368.00</span></font>   18R
>     		                    </div>
>     		                </li>
>     		            </ul>
>     		        </div>
>     		        <div class="l_list">
>     		            <div class="des_border">
>     		                <div class="des_tit">
>     		                    <ul>
>     		                        <li class="current"><a href="#p_attribute">商品属性</a></li>
>     		                        <li><a href="#p_details">商品详情</a></li>
>     		                        <li><a href="#p_comment">商品评论</a></li>
>     		                    </ul>
>     		                </div>
>     		                <div class="des_con" id="p_attribute">
>     		
>     		                    <table border="0" align="center" style="width:100%; font-family:'宋体'; margin:10px auto;"
>     		                        cellspacing="0" cellpadding="0">
>     		                        <tr>
>     		                            印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包
>     		                            <td>商品名称：丹麦皇冠曲奇饼干礼盒</td>
>     		                            <td>商品编号：1546211</td>
>     		                            <td>上架时间：2019-09-06 09:19:09 </td>
>     		                        </tr>
>     		                        <tr>
>     		                            <td>商品毛重：160.00g</td>
>     		                            <td>商品产地：印尼</td>
>     		                            <td> </td>
>     		                        </tr>
>     		                        <tr>
>     		                            <td>重量：72g-908g </td>
>     		                            <td>类型：印尼 进口网红零食</td>
>     		                            <td> </td>
>     		                            <td> </td>
>     		                        </tr>
>     		                    </table>
>     		
>     		
>     		                </div>
>     		            </div>
>     		
>     		            <div class="des_border" id="p_details">
>     		                <div class="des_t">商品详情</div>
>     		                <div class="des_con">
>     		                    <p align="center">
>     		                        <img src="imgs/de1.jpg" width="746" />
>     		                        <img src="imgs/de2.jpg" width="746" />
>     		                        <img src="imgs/de3.jpg" width="750" />
>     		                        <img src="imgs/de4.jpg" width="750" />
>     		                        <img src="imgs/de5.jpg" width="750" />
>     		                    </p>
>     		
>     		                </div>
>     		            </div>
>     		
>     		            <div class="des_border" id="p_comment">
>     		                <div class="des_t">商品评论</div>
>     		
>     		                <table border="0" class="jud_tab" cellspacing="0" cellpadding="0">
>     		                    <tr>
>     		                        <td width="175" class="jud_per">
>     		                            <p>80.0%</p>好评度
>     		                        </td>
>     		                        <td width="300">
>     		                            <table border="0" style="width:100%;" cellspacing="0" cellpadding="0">
>     		                                <tr>
>     		                                     <td width="90">好评<font color="#999999">（80%）<meter value="80" max="100" min="0" ></meter></font>
>     											 </td>
>     
>     		                                </tr>
>     		                                <tr>
>     											<td>中评<font color="#999999">（20%）<meter value="20" max="100" min="0" ></meter></font>
>     											</td>
>     		                                </tr>
>     		                                <tr>
>     											<td>差评<font color="#999999">（0%）  <meter value="0" max="100" min="0" ></meter></font>
>     											</td>
>     		                                </tr>
>     		                            </table>
>     		                        </td>
>     		                        <td width="185" class="jud_bg">
>     		                            购买过商品的顾客，在收到商品才可以对该商品发表评论
>     		                        </td>
>     		                        <td class="jud_bg">您可对已购买商品进行评价<br /><a href="#"><img src="imgs/btn_jud.gif" /></a></td>
>     		                    </tr>
>     		                </table>
>     		
>     		
>     		
>     		                <table border="0" class="jud_list" style="width:100%; margin-top:30px;" cellspacing="0"
>     		                    cellpadding="0">
>     		                    <tr valign="top">
>     		                        <td width="160"><img src="imgs/peo1.jpg" width="20" height="20"
>     													 align="absmiddle" /> 向死而生</td>
>     		                        <td width="180">
>     		                            包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>     		                        </td>
>     		                        <td>
>     		                            很喜欢，必须给赞。 <br />
>     		                            <font color="#999999">2019-10-24</font>
>     		                        </td>
>     		                    </tr>
>     		                    <tr valign="top">
>     		                        <td width="160"><img src="imgs/peo2.jpg" width="20" height="20"
>     													 align="absmiddle" /> 就是这么想的</td>
>     		                        <td width="180">
>     		                            包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>     		
>     		                        </td>
>     		                        <td>
>     		                            送朋友，她很喜欢，大爱。 <br />
>     		                            <font color="#999999">2019-09-24</font>
>     		                        </td>
>     		                    </tr>
>     		                    <tr valign="top">
>     		                        <td width="160"><img src="imgs/peo3.jpg" width="20" height="20"
>     													 align="absmiddle" /> 墨镜墨镜</td>
>     		                        <td width="180">
>     		                            包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>     		                        </td>
>     		                        <td>
>     		                            大家都说不错<br />
>     		                            <font color="#999999">2019-11-02</font>
>     		                        </td>
>     		                    </tr>
>     		                    <tr valign="top">
>     		                        <td width="160"><img src="imgs/peo4.jpg" width="20" height="20"
>     													 align="absmiddle" /> 那*****洋 <br />
>     		                            <font color="#999999">（匿名用户）</font>
>     		                        </td>
>     		                        <td width="180">
>     		                            包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>     		                        </td>
>     		                        <td>
>     		                            下次还会来买，推荐。<br />
>     		                            <font color="#999999">2019-09-24</font>
>     		                        </td>
>     		                    </tr>
>     		                </table>
>     		
>     		
>     		
>     		                <div class="pages">
>     		                    <a href="#" class="p_pre">上一页</a><a href="#" class="cur">1</a><a href="#">2</a><a
>     		                        href="#">3</a>...<a href="#">20</a><a href="#" class="p_pre">下一页</a>
>     		                </div>
>     		
>     		            </div>
>     		
>     		
>     		        </div>
>     		    </div>
>     		</div>
>     		
>     		
>     		<div class="gotop">
>     			<a href="buycar.jsp">
>     				<dl>
>     					<dt><img src="imgs/gt1.png"/></dt>
>     					<dd>去购<br />物车</dd>
>     				</dl>
>     			</a>
>     			<%
>     				if(user == null)
>     				{
>     					out.println("<a href=\"#\" id=\"not_admin1\">\n" +
>     							"\t\t\t<dl>\n" +
>     							"\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
>     							"\t\t\t\t<dd>个人<br />中心</dd>\n" +
>     							"\t\t\t</dl>\n" +
>     							"\t\t</a>");
>     				}
>     				else
>     				{
>     					out.println("<a href=\"personcenter.jsp\" >\n" +
>     							"\t\t\t<dl>\n" +
>     							"\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
>     							"\t\t\t\t<dd>个人<br />中心</dd>\n" +
>     							"\t\t\t</dl>\n" +
>     							"\t\t</a>");
>     				}
>     			%>
>     			<a href="#" class="toptop">
>     				<dl>
>     					<dt><img src="imgs/gt4.png"/></dt>
>     					<dd>返回<br />顶部</dd>
>     				</dl>
>     			</a>
>     		</div>
>     		
>     		
>     		<div class="behind_bottom_bg behind_bottom_common">
>     			<div class="behind_bottom">
>     				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>     					<tr>
>     						<td width="72"><img src="imgs/b1.png" width="62" height="62" /></td>
>     						<td>
>     							<h2>正品保障</h2>正品行货 放心购买
>     						</td>
>     					</tr>
>     				</table>
>     				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>     					<tr>
>     						<td width="72"><img src="imgs/b2.png" width="62" height="62" /></td>
>     						<td>
>     							<h2>满38包邮</h2>满38包邮 免运费
>     						</td>
>     					</tr>
>     				</table>
>     				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>     					<tr>
>     						<td width="72"><img src="imgs/b3.png" width="62" height="62" /></td>
>     						<td>
>     							<h2>天天低价</h2>天天低价 畅选无忧
>     						</td>
>     					</tr>
>     				</table>
>     				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>     					<tr>
>     						<td width="72"><img src="imgs/b4.png" width="62" height="62" /></td>
>     						<td>
>     							<h2>准时送达</h2>收货时间由你做主
>     						</td>
>     					</tr>
>     				</table>
>     			</div>
>     		</div>
>     		<div class="behind_nav">
>     			<dl>
>     				<dt><a href="#">新手上路</a></dt>
>     				<dd><a href="#">售后流程</a></dd>
>     				<dd><a href="#">购物流程</a></dd>
>     				<dd><a href="#">订购方式</a></dd>
>     				<dd><a href="#">隐私声明</a></dd>
>     				<dd><a href="#">推荐分享说明</a></dd>
>     			</dl>
>     			<dl>
>     				<dt><a href="#">配送与支付</a></dt>
>     				<dd><a href="#">货到付款区域</a></dd>
>     				<dd><a href="#">配送支付查询</a></dd>
>     				<dd><a href="#">支付方式说明</a></dd>
>     			</dl>
>     			<dl>
>     				<dt><a href="#">会员中心</a></dt>
>     				<dd><a href="#">资金管理</a></dd>
>     				<dd><a href="#">我的收藏</a></dd>
>     				<dd><a href="#">我的订单</a></dd>
>     			</dl>
>     			<dl>
>     				<dt><a href="#">服务保证</a></dt>
>     				<dd><a href="#">退换货原则</a></dd>
>     				<dd><a href="#">售后服务保证</a></dd>
>     				<dd><a href="#">产品质量保证</a></dd>
>     			</dl>
>     			<dl>
>     				<dt><a href="#">联系我们</a></dt>
>     				<dd><a href="#">网站故障报告</a></dd>
>     				<dd><a href="#">购物咨询</a></dd>
>     				<dd><a href="#">投诉与建议</a></dd>
>     			</dl>
>     			<div class="behind_tell_bg">
>     				<a href="#" class="bottom_style1">新浪微博</a>
>     				<a href="#" class="bottom_style2">腾讯微博</a>
>     				<p>
>     					服务热线：<br/>
>     					<span>400-123-4567</span>
>     				</p>
>     			</div>
>     		
>     		</div>
>     		<div class="bottom_bg">
>     			<div class="bottom">
>     				备案/许可证编号：京ICP备120093xxxx号 Copyright © 2015-2019 进口商城商城网 All Rights Reserved. <br />
>     				<a href="#"> <img src="imgs/b_1.gif" width="98" height="33" > </a>
>     				<a href="#"> <img src="imgs/b_2.gif" width="98" height="33" > </a>
>     				<a href="#"> <img src="imgs/b_3.gif" width="98" height="33" > </a>
>     				<a href="#"> <img src="imgs/b_4.gif" width="98" height="33" > </a>
>     				<a href="#"> <img src="imgs/b_5.gif" width="98" height="33" > </a>
>     				<a href="#"> <img src="imgs/b_6.gif" width="98" height="33" > </a>
>     			</div>
>     		</div>
>     		
>     	</body>
>     	<script type="text/javascript">
>     	        var month_olypic = [31,29,31,30,31,30,31,31,30,31,30,31];//闰年每个月份的天数
>     	        var month_normal = [31,28,31,30,31,30,31,31,30,31,30,31];
>     	        var month_name =["January","Febrary","March","April","May","June","July","Auguest","September","October","November","December"];
>     	        //获取以上各个部分的id
>     	        var holder = document.getElementById("days");
>     	        var prev = document.getElementById("prev");
>     	        var next = document.getElementById("next");
>     	        var ctitle = document.getElementById("calendar-title");
>     	        var cyear = document.getElementById("calendar-year");
>     	        //获取当天的年月日
>     	        var my_date = new Date();
>     	        var my_year = my_date.getFullYear();//获取年份
>     	        var my_month = my_date.getMonth(); //获取月份，一月份的下标为0
>     	        var my_day = my_date.getDate();//获取当前日期
>     	 
>     	        //根据年月获取当月第一天是周几
>     	        function dayStart(month,year){
>     	            var tmpDate = new Date(year, month, 1);
>     	            return (tmpDate.getDay());
>     	        }
>     	        //根据年份判断某月有多少天(11,2018),表示2018年12月
>     	        function daysMonth(month, year){
>     	            var tmp1 = year % 4;
>     	            var tmp2 = year % 100;
>     	            var tmp3 = year % 400;
>     	 
>     	            if((tmp1 == 0 && tmp2 != 0) || (tmp3 == 0)){
>     	                return (month_olypic[month]);//闰年
>     	            }else{
>     	                return (month_normal[month]);//非闰年
>     	            }
>     	        }
>     	        //js实现str插入li+class,不要忘了用innerhtml进行插入
>     	        function refreshDate(){
>     	            var str = "";
>     	            //计算当月的天数和每月第一天都是周几，day_month和day_year都从上面获得
>     	            var totalDay = daysMonth(my_month,my_year);
>     	            var firstDay = dayStart(my_month, my_year);
>     	            //添加每个月的空白部分
>     	            for(var i = 0; i < firstDay; i++){
>     	                str += "<li>"+"</li>";
>     	            }
>     	 
>     	            //从一号开始添加知道totalDay，并为pre，next和当天添加样式
>     	            var myclass;
>     	            for(var i = 1; i <= totalDay; i++){
>     	                //三种情况年份小，年分相等月份小，年月相等，天数小
>     	                //点击pre和next之后，my_month和my_year会发生变化，将其与现在的直接获取的再进行比较
>     	                //i与my_day进行比较,pre和next变化时，my_day是不变的
>     	                console.log(my_year+" "+my_month+" "+my_day);
>     	                console.log(my_date.getFullYear()+" "+my_date.getMonth()+" "+my_date.getDay());
>     	                if((my_year < my_date.getFullYear())||(my_year == my_date.getFullYear() && my_month < my_date.getMonth()) || (my_year == my_date.getFullYear() && my_month == my_date.getMonth() && i < my_day)){
>     	                    myclass = " class='lightgrey'";
>     	                }else if(my_year == my_date.getFullYear() && my_month == my_date.getMonth() && i == my_day){
>     	                    myclass = "class = 'green greenbox'";
>     	                }else{
>     	                    myclass = "class = 'darkgrey'";
>     	                }
>     	                str += "<li "+myclass+">"+i+"</li>";
>     	            }
>     	            holder.innerHTML = str;
>     	            ctitle.innerHTML = month_name[my_month];
>     	            cyear.innerHTML = my_year;
>     	        }
>     	        //调用refreshDate()函数，日历才会出现
>     	        refreshDate();
>     	        //实现onclick向前或向后移动
>     	        pre.onclick = function(e){
>     	            e.preventDefault();
>     	            my_month--;
>     	            if(my_month < 0){
>     	                my_year--;
>     	                my_month = 11; //即12月份
>     	            }
>     	            refreshDate();
>     	        }
>     	        
>     	        next.onclick = function(e){
>     	            e.preventDefault();
>     	            my_month++;
>     	            if(my_month > 11){
>     	                my_month = 0;
>     	                my_year++;
>     	            }
>     	            refreshDate();
>     	        }
>     	</script>
>     	<script>
>     		document.getElementById("not_admin").onclick = function not_admin()
>     		{
>     			alert("您需要先登录");
>     		}
>     		document.getElementById("not_admin1").onclick = function not_admin()
>     		{
>     			alert("您需要先登录");
>     		}
>     	</script>
>     	<script src="js/ShopShow.js" type="text/javascript" charset="utf-8"></script>
>     </html>
> 
>     <%@ page import="bean.user" %>
>     <%@ page import="java.util.HashMap" %>
>     <%@ page import="java.util.Iterator" %>
>     <%@ page import="java.util.Map" %>
>     <%@ page import="bean.product" %>
>     <%@ page contentType="text/html;charset=UTF-8" language="java" %>
>     <%user user = (bean.user) session.getAttribute("user");%>
>     <%product PageProduct = (bean.product) session.getAttribute("product");%>
>     <!DOCTYPE html>
>     <html>
>        <head>
>           <meta charset="utf-8">
>           <title>商品简介</title>
>           <link rel="stylesheet" type="text/css" href="style.css"/>
>           <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
>           <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
>           <script type="text/javascript" src="js/menu.js"></script>
>           <script type="text/javascript" src="js/n_nav.js"></script>
>           
>           <script type="text/javascript" src="js/num.js"></script>
>           <script type="text/javascript" src="js/toptop.js"> </script>
>           
>           <style type="text/css">
>                   *{
>                       padding: 0%;
>                       margin: 0%;
>                   }
>                   .calendar{
>                       margin: 45px;
>                       width: 450px;
>                       height: 350px;
>                       background: white;
>                       box-shadow: 0px 1px 1px rgba(0,0,0,.1);
>                   }
>            
>                   .title{
>                       height: 70px;
>                       border-bottom: 1px solid rgba(0,0,0,.1);
>                       position: relative;
>                       text-align: center;
>                   }
>            
>                   #calendar-title{
>                       font-size: 25px;
>                       text-transform: uppercase;
>                       font-family: Arial, Helvetica, sans-serif;
>                       padding: 14px 0 0 0;
>                   }
>            
>                   #calendar-year{
>                       font-size: 15px;
>                       font-family: Arial, Helvetica, sans-serif;
>                       font-weight: normal;
>                   }
>            
>                   #pre{
>                       position: absolute;
>                       top: 0px;
>                       left: 0px;
>                       background: url(imgs/b_left.png) no-repeat 50% 50%;
>            
>                       /*没规定大小时，图片显示 0X0*/
>                       width: 60px;
>                       height: 70px;
>                       
>                   }
>            
>                   #next{
>                       position: absolute;
>                       top: 0px;
>                       right: 0px;
>                       background: url(imgs/b_right.png) no-repeat 50% 50%;
>                       width: 60px;
>                       height: 70px;
>                   }  
>            
>                   .body-list ul{
>                       font-size: 14px;
>                       font-family: Arial, Helvetica, sans-serif;
>                       font-weight: bold;
>                       width: 100%;
>                       box-sizing: border-box;
>                 
>                   }  
>            
>                   .body-list ul li{
>                       list-style: none;
>                       /*
>                       display:inline-block; 
>                       width: 13.3%;
>                       */
>            
>                       /*100/7 = 14.28%*/
>                       display: block;
>                       width: 14.28%;
>                       float: left;
>            
>                       /*规定行高，垂直居中*/
>                       height: 36px;
>                       line-height: 36px;
>                       box-sizing: border-box;
>                       text-align: center;
>                       
>                   }
>            
>            
>                   .green{
>                       color:#6ac13c;
>                   }
>            
>                   .lightgrey{ /*浅灰色显示过去的日期*/
>                      color:#a8a8a8;
>                   }   
>                   .darkgrey{ /*深灰色显示将来的日期*/
>                      color:#565656;
>                   }
>            
>                   /*日期当天用绿色背景绿色文字加以显示*/
>                   .greenbox{
>                       border: 1px solid #6ac13c;
>                       background: #e9f8df;
>                   }
>               </style>
>        </head>
>        <body>
>           
>           <div class="headbg">
>              <div class="head">
>                 
>                 
>                 <span class="head_city_back">
>                    <span class="fl">送货至: </span>
>                    <span class="head_city">
>                       <span>浙江</span>
>                       <div class="head_city_bg">
>                          <div class="head_city_temp"></div>
>                          <div class="head_city_common">
>                             <h2>请选择所在的收货地区</h2>
>                             <table class="common_table" border="0" cellpadding="0" cellspacing="0" style="width: 235px; margin-top: 10px;">
>                                <tr>
>                                   <th>A</th>
>                                   <td class="common_head"><span>安徽</span><span>澳门</span></td>
>                                </tr>
>                                <tr>
>                                   <th>B</th>
>                                   <td class="common_head"><span>北京</span></td>
>                                </tr>
>                                <tr>
>                                   <th>C</th>
>                                   <td class="common_head"><span>重庆</span></td>
>                                </tr>
>                                <tr>
>                                   <th>F</th>
>                                   <td class="common_head"><span>福建</span></td>
>                                </tr>
>                                <tr>
>                                   <th>G</th>
>                                   <td class="common_head"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
>                                </tr>
>                                <tr>
>                                   <th>H</th>
>                                   <td class="common_head"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
>                                </tr>
>                                <tr>
>                                   <th>J</th>
>                                   <td class="common_head"><span>江苏</span><span>吉林</span><span>江西</span></td>
>                                </tr>
>                                <tr>
>                                   <th>L</th>
>                                   <td class="common_head"><span>辽宁</span></td>
>                                </tr>
>                                <tr>
>                                   <th>N</th>
>                                   <td class="common_head"><span>内蒙古</span><span>宁夏</span></td>
>                                </tr>
>                                <tr>
>                                   <th>Q</th>
>                                   <td class="common_head"><span>上海</span><span>山东</span><span>山西</span><span>四川</span><span>陕西</span></td>
>                                </tr>
>                                <tr>
>                                   <th>T</th>
>                                   <td class="common_head"><span>台湾</span><span>天津</span></td>
>                                </tr>
>                                <tr>
>                                   <th>X</th>
>                                   <td class="common_head"><span>西藏</span><span>香港</span><span>新疆</span></td>
>                                </tr>
>                                <tr>
>                                   <th>Y</th>
>                                   <td class="common_head"><span>云南</span></td>
>                                </tr>
>                                <tr>
>                                   <th>Z</th>
>                                   <td class="common_head"><span class="common_check">浙江</span></td>
>                                </tr>
>                             </table>
>                          </div>
>                       </div>
>                    </span>
>                 </span>
>                 
>                 
>                 
>                 <span class="fr">
>                    <%
>                       if(!(user == null))
>                       {
>                          out.println("\t\t\t\t\t<span class=\"fl\">\n" +
>                                "\t\t\t\t\t\t<a href=\"information.jsp\">");
>                          out.println("欢迎回来!" + user.getName());
>                          out.println("</a>\n" +
>                                "\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
>                                "\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
>                                "\t\t\t\t\t\t |\n" +
>                                "\n" +
>                                "\t\t\t\t\t</span>");
>                       }
>                       else
>                       {
>                          out.println("\t\t\t\t\t<span class=\"fl\">\n" +
>                                "\t\t\t\t\t\t<a href=\"login.jsp\">你好，请登录 </a>\n" +
>                                "\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
>                                "\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
>                                "\t\t\t\t\t\t |\n" +
>                                "\n" +
>                                "\t\t\t\t\t</span>");
>                       }
>                    %>
>                    <span class="headshow">
>                       <div class="headshow_list">
>                          <a href="#">收藏夹</a>
>                          <div class="headshow_list_bg">
>                             <div class="head_city_temp"></div>
>                             <div class="headshow_list_common">
>                                <ul>
>                                   <li>
>                                      <a href="#">收藏的宝贝</a>
>                                   </li>
>                                   <li>
>                                      <a href="#">收藏的店铺</a>
>                                   </li>
>                                </ul>
>                             </div>
>                          </div>
>                       </div>
>                       <%
>                          if(!(user == null))
>                          {
>                             out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
>                                   "\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
>                                   "\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
>                                   "\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
>                                   "\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
>                                   "\t\t\t\t\t\t\t\t\t<ul>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t<li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t\t<a href=\"personcenter.jsp\">个人中心</a>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t</li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t<li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t</li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t<li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t</li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t</ul>\n" +
>                                   "\t\t\t\t\t\t\t\t</div>\n" +
>                                   "\t\t\t\t\t\t\t</div>\n" +
>                                   "\t\t\t\t\t\t</div>");
>                          }
>                          else
>                          {
>                             out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
>                                   "\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
>                                   "\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
>                                   "\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
>                                   "\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
>                                   "\t\t\t\t\t\t\t\t\t<ul>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t<li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" id=\"not_admin\">个人中心</a>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t</li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t<li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t</li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t<li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
>                                   "\t\t\t\t\t\t\t\t\t\t</li>\n" +
>                                   "\t\t\t\t\t\t\t\t\t</ul>\n" +
>                                   "\t\t\t\t\t\t\t\t</div>\n" +
>                                   "\t\t\t\t\t\t\t</div>\n" +
>                                   "\t\t\t\t\t\t</div>");
>                          }
>                       %>
>                       <div class="headshow_list">
>                          <a href="#">网站导航</a>
>                          <div class="headshow_list_bg">
>                             <div class="head_city_temp"></div>
>                             <div class="headshow_list_common">
>                                <ul>
>                                   <li>
>                                      <a href="#">主题市场</a>
>                                   </li>
>                                   <li>
>                                      <a href="newidea.jsp">创意市场</a>
>                                   </li>
>                                   <li>
>                                      <a href="#">精彩推荐集</a>
>                                   </li>
>                                </ul>
>                             </div>
>                          </div>
>                       </div>
>                    </span>
>                    <span class="fl">
>                       | 关注我们：
>                    </span>
>                    <span class="show_style">
>                       <a href="#" class="style1">新浪</a>
>                       <a href="#" class="style2">微信</a>
>                    </span>
>                    <span class="fr">
>                       | 
>                       <a href="#">
>                          手机版
>                          <img src="imgs/s_tel.png" align="absmiddle">
>                       </a>
>                    </span>
>                 </span>
>              </div>
>           </div>
>           
>           
>           
>           <div class="top">
>              <div class="logo">
>                 <a href="index.jsp">
>                    <img src="imgs/logo.png" >
>                 </a>
>              </div>
>              <div class="search">
>                 <form action="">
>                    <input type="text" value="" class="search_input" />
>                    <input type="submit" value="搜索" class="search_button" />
>                 </form>
>                 <span class="f1">
>                    <a href="#">蛋糕</a>
>                    <a href="#">咖啡</a>
>                    <a href="#">新鲜美食</a>
>                    <a href="#">日用品</a>
>                 </span>
>              </div>
>              <div class="info_car">
>                 <div class="car_temp">购物车 [ <span>
>                    <%
>                       if(!(user == null))
>                       {
>                          out.println(user.getShoppingCart().getCart().size());
>                       }
>                       else
>                       {
>                          out.println(0);
>                       }
>                    %>
>                 </span> ]</div>
>                 <div class="car_bg">
>                    <%
>                       if(!(user == null))
>                       {
>                          out.println("<ul class=\"cars\">");
>                          HashMap map = user.getShoppingCart().getCart();
>                          Iterator iterator = map.entrySet().iterator();
>                          double count = 0.0;
>                          int num = 0;
>                          while(iterator.hasNext())
>                          {
>                             Map.Entry entry = (Map.Entry)iterator.next();
>                             out.println("\t\t\t\t<li>\n" +
>                                   "\t\t\t\t\t<div class=\"img\">\n" +
>                                   "\t\t\t\t\t\t<a href=\"#\">\n" +
>                                   "\t\t\t\t\t\t\t<img src=\"imgs/fre_2.jpg\" width=\"58\" height=\"58\" >\n" +
>                                   "\t\t\t\t\t\t</a>\n" +
>                                   "\t\t\t\t\t</div>\n" +
>                                   "\t\t\t\t\t<div class=\"name\">\n" +
>                                   "\t\t\t\t\t\t<a href=\"#\">");
>                             product product = (bean.product)entry.getKey();
>                             count = count + (product.getPrice() * (int)entry.getValue());
>                             out.println(product.getProduct_name() + "</a>\n" +
>                                   "\t\t\t\t\t</div>\n" +
>                                   "\t\t\t\t\t<div class=\"price\">\n" +
>                                   "\t\t\t\t\t\t<font color=\"#FF4E00\">  ￥");
>                             out.println(product.getPrice() + "</font>X" + entry.getValue() + "</div></li>");
>                             num++;
>                          }
>                          if(num == 0)
>                          {
>                             out.println("\t\t\t<div class=\"un_login\">\n" +
>                                   "\t\t\t\t还没有商品呢！\n" +
>                                   "\t\t\t\t<a href=\"food.jsp\" style=\"color: #FF4E00;\">现在就去选购</a>\n" +
>                                   "\t\t\t\t心怡的商品！\n" +
>                                   "\t\t\t</div>");
>                          }
>                          else
>                          {
>                             out.println("\t\t\t</ul>");
>                             out.println("\t\t\t<div class=\"price_sum\">\n" +
>                                   "\t\t\t\t共计\n" +
>                                   "\t\t\t\t<font color=\"#FF4E00\"> ￥</font>\n" +
>                                   "\t\t\t\t<span>");
>                             out.println(count);
>                             out.println("</span>\n" +
>                                   "\t\t\t</div>\n" +
>                                   "\t\t\t<div class=\"price_account\">\n" +
>                                   "\t\t\t\t<a href=\"buycar.jsp\">去购物车结算</a>\n" +
>                                   "\t\t\t</div>");
>                          }
>                       }
>                       else
>                       {
>                          out.println("\t\t\t<div class=\"un_login\">\n" +
>                                "\t\t\t\t还未登录！\n" +
>                                "\t\t\t\t<a href=\"login.jsp\" style=\"color: #FF4E00;\">马上登录</a>\n" +
>                                "\t\t\t\t查看购物车！\n" +
>                                "\t\t\t</div>");
>                       }
>                    %>
>                 </div>
>              </div>
>           </div>
>            
>           
>           <div class="menu_bg">
>               <div class="menu">
>                   
>                   <div class="nav">
>                       <div class="nav_t">全部商品分类</div>
>                       <div class="leftNav none">
>                           <ul>
>                               <li>
>                                   <div class="fj">
>                                       <span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
>                                       <span class="fl">进口食品、生鲜</span>
>                                   </div>
>                                   <div class="zj">
>                                       <div class="zj_l">
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                       </div>
>                                       <div class="zj_r">
>                                           <a href="#"><img src="imgs/food_b1.jpg" width="236" height="200" /></a>
>                                           <a href="#"><img src="imgs/food_b2.jpg" width="236" height="200" /></a>
>                                       </div>
>                                   </div>
>                               </li>
>                               <li>
>                                   <div class="fj">
>                                       <span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
>                                       <span class="fl">食品、饮料、酒</span>
>                                   </div>
>                                   <div class="zj" style="top:-40px;">
>                                       <div class="zj_l">
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力2</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                           <div class="zj_l_c">
>                                               <h2>零食 / 糖果 / 巧克力</h2>
>                                               <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
>                                                   href="#">巧克力</a>|
>                                               <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
>                                                   href="#">红枣</a>|
>                                               <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
>                                           </div>
>                                       </div>
>                                       <div class="zj_r">
>                                           <a href="#"><img src="imgs/fre_b1.jpg" width="236" height="200" /></a>
>                                           <a href="#"><img src="imgs/fre_b2.jpg" width="236" height="200" /></a>
>                                       </div>
>                                   </div>
>                               </li>
>                           </ul>
>                       </div>
>                   </div>
>                   
>                   <ul class="menu_r">
>                       <li><a href="index.jsp">首页</a></li>
>                       <li><a href="/controller.FoodServlet">美食</a></li>
>                       <li><a href="#">生鲜</a></li>
>                       <li><a href="#">团购</a></li>
>                   </ul>
>                   <div class="m_ad">双十一送好礼！</div>
>               </div>
>           </div>
>           
>           
>           <div class="i_bg">
>               <div class="postion">
>                   <span class="fl">全部 > 进口食品 > 饼干 </span>
>               </div>
>               <div class="content">
>           
>                   <div id="tsShopContainer">
>                       <div id="tsImgS"><a href="#" title="Images" ><img
>                          src="imgs/p_big.jpg" width="390" height="390" /></a></div>
>                       <div id="tsPicContainer">
>                           <div id="tsImgSCon" style="margin-top:400px;">
>                               <ul >
>                                   <li οnclick="showPic(0)" rel="MagicZoom" class="tsSelectImg"><img src="imgs/ps1.jpg"
>                                           tsImgS="imgs/ps1.jpg" width="79" height="79" /></li>
>                                   <li οnclick="showPic(1)" rel="MagicZoom"><img src="imgs/ps2.jpg" tsImgS="imgs/ps2.jpg"
>                                                                width="79" height="79" /></li>
>                                   <li οnclick="showPic(2)" rel="MagicZoom"><img src="imgs/ps3.jpg" tsImgS="imgs/ps3.jpg"
>                                                                width="79" height="79" /></li>
>                                   <li οnclick="showPic(3)" rel="MagicZoom"><img src="imgs/ps4.jpg" tsImgS="imgs/ps4.jpg"
>                                                                width="79" height="79" /></li>
>                   
>                               </ul>
>                           </div>
>                       </div>
>                   </div>
>           
>                   <div class="pro_des">
>                       <div class="des_name">
>                           <p><%out.println(PageProduct.getProduct_name());%></p>
>                           “开业巨惠，印尼直供”，不光低价，“真”才靠谱！
>                       </div>
>                       <div class="des_price">
>                           本店价格：<b><%out.println(PageProduct.getPrice());%></b><br />
>                           消费积分：<span><%out.println(PageProduct.getPrice());%>R</span>
>                       </div>
>                       <div class="des_choice">
>                           <span class="fl">包装选择：</span>
>                           <ul>
>                               <li class="checked">72g<div class="ch_img"></div>
>                               </li>
>                               <li>90g<div class="ch_img"></div>
>                               </li>
>                           </ul>
>                       </div>
>                       <div class="des_choice">
>                           <span class="fl">型号选择：</span>
>                           <ul>
>                               <li>原味<div class="ch_img"></div>
>                               </li>
>                               <li class="checked">葡萄干曲奇<div class="ch_img"></div>
>                               </li>
>                           </ul>
>                       </div>
>                       <div class="des_share">
>                           <div class="d_sh">
>                               分享
>                               <div class="d_sh_bg">
>                                   <a href="#"><img src="imgs/sh_1.gif" /></a>
>                                   <a href="#"><img src="imgs/sh_2.gif" /></a>
>                                   <a href="#"><img src="imgs/sh_3.gif" /></a>
>                                   <a href="#"><img src="imgs/sh_4.gif" /></a>
>                                   <a href="#"><img src="imgs/sh_5.gif" /></a>
>                               </div>
>                           </div>
>                           
>                       </div>
>                       <form class="des_join" action="/controller.AddCarServlet" method="post" id="des_join">
>                           <div class="j_nums">
>                               <input type="text" οnkeyup="this.value=this.value.replace(/\D/g, '')" value="1" name="count" class="n_ipt" required/>
>                          <%
>                             if(!(user == null))
>                             {
>                                out.println("<input type=\"hidden\" name=\"email\" value=\"" + user.getEmail() + "\">");
>                             }
>                          %>
>                          <%out.println("<input type=\"hidden\" name=\"product_name\" value=\"" + PageProduct.getProduct_name() + "\">");%>
>                               <input type="button" value="" οnclick="addUpdate(jq(this));" class="n_btn_1" />
>                               <input type="button" value="" οnclick="jianUpdate(jq(this));" class="n_btn_2" />
>                           </div>
>                           <span class="fl"><a><input type="image" src="imgs/j_car.png" name="submit"></a></span>
>                       </form>
>                   </div>
>           
>                   <div class="s_brand">
>                       <div class="s_brand_img"><img src="imgs/ps2.jpg" width="188" height="132" /></div>
>                       <div class="s_brand_c"><a href="#">进入品牌专区</a></div>
>                   </div>
>                 
>           
>               </div>
>           
>              <div class="calendar" style="margin-left: 880px;margin-top: -300px;">
>                      <div class="title">
>                          <h1 class="green" id="calendar-title">Month</h1>
>                          <h2 class="green" id="calendar-year">Year</h2>
>                          <a href="" id="pre"></a>
>                          <a href="" id="next"></a>
>                      </div>
>               
>                      <div class="body">
>                          <div class="lightgrey body-list">
>                              <ul>
>                                  <li>SUN</li>
>                                  <li>MON</li>
>                                  <li>TUE</li>
>                                  <li>WED</li>
>                                  <li>THU</li>
>                                  <li>FRI</li>
>                                  <li>SAT</li>
>                                  
>                              </ul>
>               
>                          </div>
>               
>                          <div class="darkgrey body-list">
>                              <ul id="days">
>               
>                              </ul>
>                          </div>
>                      </div>
>                  </div>
>              
>               <div class="content mar_20">
>                   <div class="l_history">
>                       <div class="fav_t">用户还喜欢</div>
>                       <ul>
>                           <li>
>                               <div class="img"><a href="#"><img src="imgs/hot1.jpg" width="185" height="162" /></a></div>
>                               <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>                               <div class="price">
>                                   <font>￥<span>368.00</span></font>   18R
>                               </div>
>                           </li>
>                           <li>
>                               <div class="img"><a href="#"><img src="imgs/food_6.jpg" width="185" height="162" /></a></div>
>                               <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>                               <div class="price">
>                                   <font>￥<span>768.00</span></font>   18R
>                               </div>
>                           </li>
>                           <li>
>                               <div class="img"><a href="#"><img src="imgs/hot3.jpg" width="185" height="162" /></a></div>
>                               <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>                               <div class="price">
>                                   <font>￥<span>680.00</span></font>   18R
>                               </div>
>                           </li>
>                           <li>
>                               <div class="img"><a href="#"><img src="imgs/hot4.jpg" width="185" height="162" /></a></div>
>                               <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>                               <div class="price">
>                                   <font>￥<span>368.00</span></font>   18R
>                               </div>
>                           </li>
>                           <li>
>                               <div class="img"><a href="#"><img src="imgs/food_5.jpg" width="185" height="162" /></a></div>
>                               <div class="name"><a href="#">印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包</a></div>
>                               <div class="price">
>                                   <font>￥<span>368.00</span></font>   18R
>                               </div>
>                           </li>
>                       </ul>
>                   </div>
>                   <div class="l_list">
>                       <div class="des_border">
>                           <div class="des_tit">
>                               <ul>
>                                   <li class="current"><a href="#p_attribute">商品属性</a></li>
>                                   <li><a href="#p_details">商品详情</a></li>
>                                   <li><a href="#p_comment">商品评论</a></li>
>                               </ul>
>                           </div>
>                           <div class="des_con" id="p_attribute">
>           
>                               <table border="0" align="center" style="width:100%; font-family:'宋体'; margin:10px auto;"
>                                   cellspacing="0" cellpadding="0">
>                                   <tr>
>                                       印尼进口网红零食 丹麦皇冠曲奇饼干礼盒 90g 72g 908g零食大礼包
>                                       <td>商品名称：丹麦皇冠曲奇饼干礼盒</td>
>                                       <td>商品编号：1546211</td>
>                                       <td>上架时间：2019-09-06 09:19:09 </td>
>                                   </tr>
>                                   <tr>
>                                       <td>商品毛重：160.00g</td>
>                                       <td>商品产地：印尼</td>
>                                       <td> </td>
>                                   </tr>
>                                   <tr>
>                                       <td>重量：72g-908g </td>
>                                       <td>类型：印尼 进口网红零食</td>
>                                       <td> </td>
>                                       <td> </td>
>                                   </tr>
>                               </table>
>           
>           
>                           </div>
>                       </div>
>           
>                       <div class="des_border" id="p_details">
>                           <div class="des_t">商品详情</div>
>                           <div class="des_con">
>                               <p align="center">
>                                   <img src="imgs/de1.jpg" width="746" />
>                                   <img src="imgs/de2.jpg" width="746" />
>                                   <img src="imgs/de3.jpg" width="750" />
>                                   <img src="imgs/de4.jpg" width="750" />
>                                   <img src="imgs/de5.jpg" width="750" />
>                               </p>
>           
>                           </div>
>                       </div>
>           
>                       <div class="des_border" id="p_comment">
>                           <div class="des_t">商品评论</div>
>           
>                           <table border="0" class="jud_tab" cellspacing="0" cellpadding="0">
>                               <tr>
>                                   <td width="175" class="jud_per">
>                                       <p>80.0%</p>好评度
>                                   </td>
>                                   <td width="300">
>                                       <table border="0" style="width:100%;" cellspacing="0" cellpadding="0">
>                                           <tr>
>                                                <td width="90">好评<font color="#999999">（80%）<meter value="80" max="100" min="0" ></meter></font>
>                                       </td>
>     
>                                           </tr>
>                                           <tr>
>                                      <td>中评<font color="#999999">（20%）<meter value="20" max="100" min="0" ></meter></font>
>                                      </td>
>                                           </tr>
>                                           <tr>
>                                      <td>差评<font color="#999999">（0%）  <meter value="0" max="100" min="0" ></meter></font>
>                                      </td>
>                                           </tr>
>                                       </table>
>                                   </td>
>                                   <td width="185" class="jud_bg">
>                                       购买过商品的顾客，在收到商品才可以对该商品发表评论
>                                   </td>
>                                   <td class="jud_bg">您可对已购买商品进行评价<br /><a href="#"><img src="imgs/btn_jud.gif" /></a></td>
>                               </tr>
>                           </table>
>           
>           
>           
>                           <table border="0" class="jud_list" style="width:100%; margin-top:30px;" cellspacing="0"
>                               cellpadding="0">
>                               <tr valign="top">
>                                   <td width="160"><img src="imgs/peo1.jpg" width="20" height="20"
>                                             align="absmiddle" /> 向死而生</td>
>                                   <td width="180">
>                                       包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>                                   </td>
>                                   <td>
>                                       很喜欢，必须给赞。 <br />
>                                       <font color="#999999">2019-10-24</font>
>                                   </td>
>                               </tr>
>                               <tr valign="top">
>                                   <td width="160"><img src="imgs/peo2.jpg" width="20" height="20"
>                                             align="absmiddle" /> 就是这么想的</td>
>                                   <td width="180">
>                                       包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>           
>                                   </td>
>                                   <td>
>                                       送朋友，她很喜欢，大爱。 <br />
>                                       <font color="#999999">2019-09-24</font>
>                                   </td>
>                               </tr>
>                               <tr valign="top">
>                                   <td width="160"><img src="imgs/peo3.jpg" width="20" height="20"
>                                             align="absmiddle" /> 墨镜墨镜</td>
>                                   <td width="180">
>                                       包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>                                   </td>
>                                   <td>
>                                       大家都说不错<br />
>                                       <font color="#999999">2019-11-02</font>
>                                   </td>
>                               </tr>
>                               <tr valign="top">
>                                   <td width="160"><img src="imgs/peo4.jpg" width="20" height="20"
>                                             align="absmiddle" /> 那*****洋 <br />
>                                       <font color="#999999">（匿名用户）</font>
>                                   </td>
>                                   <td width="180">
>                                       包装规格：<font color="#999999">90g-葡萄干曲奇</font> <br />
>                                   </td>
>                                   <td>
>                                       下次还会来买，推荐。<br />
>                                       <font color="#999999">2019-09-24</font>
>                                   </td>
>                               </tr>
>                           </table>
>           
>           
>           
>                           <div class="pages">
>                               <a href="#" class="p_pre">上一页</a><a href="#" class="cur">1</a><a href="#">2</a><a
>                                   href="#">3</a>...<a href="#">20</a><a href="#" class="p_pre">下一页</a>
>                           </div>
>           
>                       </div>
>           
>           
>                   </div>
>               </div>
>           </div>
>           
>           
>           <div class="gotop">
>              <a href="buycar.jsp">
>                 <dl>
>                    <dt><img src="imgs/gt1.png"/></dt>
>                    <dd>去购<br />物车</dd>
>                 </dl>
>              </a>
>              <%
>                 if(user == null)
>                 {
>                    out.println("<a href=\"#\" id=\"not_admin1\">\n" +
>                          "\t\t\t<dl>\n" +
>                          "\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
>                          "\t\t\t\t<dd>个人<br />中心</dd>\n" +
>                          "\t\t\t</dl>\n" +
>                          "\t\t</a>");
>                 }
>                 else
>                 {
>                    out.println("<a href=\"personcenter.jsp\" >\n" +
>                          "\t\t\t<dl>\n" +
>                          "\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
>                          "\t\t\t\t<dd>个人<br />中心</dd>\n" +
>                          "\t\t\t</dl>\n" +
>                          "\t\t</a>");
>                 }
>              %>
>              <a href="#" class="toptop">
>                 <dl>
>                    <dt><img src="imgs/gt4.png"/></dt>
>                    <dd>返回<br />顶部</dd>
>                 </dl>
>              </a>
>           </div>
>           
>           
>           <div class="behind_bottom_bg behind_bottom_common">
>              <div class="behind_bottom">
>                 <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>                    <tr>
>                       <td width="72"><img src="imgs/b1.png" width="62" height="62" /></td>
>                       <td>
>                          <h2>正品保障</h2>正品行货 放心购买
>                       </td>
>                    </tr>
>                 </table>
>                 <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>                    <tr>
>                       <td width="72"><img src="imgs/b2.png" width="62" height="62" /></td>
>                       <td>
>                          <h2>满38包邮</h2>满38包邮 免运费
>                       </td>
>                    </tr>
>                 </table>
>                 <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>                    <tr>
>                       <td width="72"><img src="imgs/b3.png" width="62" height="62" /></td>
>                       <td>
>                          <h2>天天低价</h2>天天低价 畅选无忧
>                       </td>
>                    </tr>
>                 </table>
>                 <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
>                    <tr>
>                       <td width="72"><img src="imgs/b4.png" width="62" height="62" /></td>
>                       <td>
>                          <h2>准时送达</h2>收货时间由你做主
>                       </td>
>                    </tr>
>                 </table>
>              </div>
>           </div>
>           <div class="behind_nav">
>              <dl>
>                 <dt><a href="#">新手上路</a></dt>
>                 <dd><a href="#">售后流程</a></dd>
>                 <dd><a href="#">购物流程</a></dd>
>                 <dd><a href="#">订购方式</a></dd>
>                 <dd><a href="#">隐私声明</a></dd>
>                 <dd><a href="#">推荐分享说明</a></dd>
>              </dl>
>              <dl>
>                 <dt><a href="#">配送与支付</a></dt>
>                 <dd><a href="#">货到付款区域</a></dd>
>                 <dd><a href="#">配送支付查询</a></dd>
>                 <dd><a href="#">支付方式说明</a></dd>
>              </dl>
>              <dl>
>                 <dt><a href="#">会员中心</a></dt>
>                 <dd><a href="#">资金管理</a></dd>
>                 <dd><a href="#">我的收藏</a></dd>
>                 <dd><a href="#">我的订单</a></dd>
>              </dl>
>              <dl>
>                 <dt><a href="#">服务保证</a></dt>
>                 <dd><a href="#">退换货原则</a></dd>
>                 <dd><a href="#">售后服务保证</a></dd>
>                 <dd><a href="#">产品质量保证</a></dd>
>              </dl>
>              <dl>
>                 <dt><a href="#">联系我们</a></dt>
>                 <dd><a href="#">网站故障报告</a></dd>
>                 <dd><a href="#">购物咨询</a></dd>
>                 <dd><a href="#">投诉与建议</a></dd>
>              </dl>
>              <div class="behind_tell_bg">
>                 <a href="#" class="bottom_style1">新浪微博</a>
>                 <a href="#" class="bottom_style2">腾讯微博</a>
>                 <p>
>                    服务热线：<br/>
>                    <span>400-123-4567</span>
>                 </p>
>              </div>
>           
>           </div>
>           <div class="bottom_bg">
>              <div class="bottom">
>                 备案/许可证编号：京ICP备120093xxxx号 Copyright © 2015-2019 进口商城商城网 All Rights Reserved. <br />
>                 <a href="#"> <img src="imgs/b_1.gif" width="98" height="33" > </a>
>                 <a href="#"> <img src="imgs/b_2.gif" width="98" height="33" > </a>
>                 <a href="#"> <img src="imgs/b_3.gif" width="98" height="33" > </a>
>                 <a href="#"> <img src="imgs/b_4.gif" width="98" height="33" > </a>
>                 <a href="#"> <img src="imgs/b_5.gif" width="98" height="33" > </a>
>                 <a href="#"> <img src="imgs/b_6.gif" width="98" height="33" > </a>
>              </div>
>           </div>
>           
>        </body>
>        <script type="text/javascript">
>                var month_olypic = [31,29,31,30,31,30,31,31,30,31,30,31];//闰年每个月份的天数
>                var month_normal = [31,28,31,30,31,30,31,31,30,31,30,31];
>                var month_name =["January","Febrary","March","April","May","June","July","Auguest","September","October","November","December"];
>                //获取以上各个部分的id
>                var holder = document.getElementById("days");
>                var prev = document.getElementById("prev");
>                var next = document.getElementById("next");
>                var ctitle = document.getElementById("calendar-title");
>                var cyear = document.getElementById("calendar-year");
>                //获取当天的年月日
>                var my_date = new Date();
>                var my_year = my_date.getFullYear();//获取年份
>                var my_month = my_date.getMonth(); //获取月份，一月份的下标为0
>                var my_day = my_date.getDate();//获取当前日期
>         
>                //根据年月获取当月第一天是周几
>                function dayStart(month,year){
>                    var tmpDate = new Date(year, month, 1);
>                    return (tmpDate.getDay());
>                }
>                //根据年份判断某月有多少天(11,2018),表示2018年12月
>                function daysMonth(month, year){
>                    var tmp1 = year % 4;
>                    var tmp2 = year % 100;
>                    var tmp3 = year % 400;
>         
>                    if((tmp1 == 0 && tmp2 != 0) || (tmp3 == 0)){
>                        return (month_olypic[month]);//闰年
>                    }else{
>                        return (month_normal[month]);//非闰年
>                    }
>                }
>                //js实现str插入li+class,不要忘了用innerhtml进行插入
>                function refreshDate(){
>                    var str = "";
>                    //计算当月的天数和每月第一天都是周几，day_month和day_year都从上面获得
>                    var totalDay = daysMonth(my_month,my_year);
>                    var firstDay = dayStart(my_month, my_year);
>                    //添加每个月的空白部分
>                    for(var i = 0; i < firstDay; i++){
>                        str += "<li>"+"</li>";
>                    }
>         
>                    //从一号开始添加知道totalDay，并为pre，next和当天添加样式
>                    var myclass;
>                    for(var i = 1; i <= totalDay; i++){
>                        //三种情况年份小，年分相等月份小，年月相等，天数小
>                        //点击pre和next之后，my_month和my_year会发生变化，将其与现在的直接获取的再进行比较
>                        //i与my_day进行比较,pre和next变化时，my_day是不变的
>                        console.log(my_year+" "+my_month+" "+my_day);
>                        console.log(my_date.getFullYear()+" "+my_date.getMonth()+" "+my_date.getDay());
>                        if((my_year < my_date.getFullYear())||(my_year == my_date.getFullYear() && my_month < my_date.getMonth()) || (my_year == my_date.getFullYear() && my_month == my_date.getMonth() && i < my_day)){
>                            myclass = " class='lightgrey'";
>                        }else if(my_year == my_date.getFullYear() && my_month == my_date.getMonth() && i == my_day){
>                            myclass = "class = 'green greenbox'";
>                        }else{
>                            myclass = "class = 'darkgrey'";
>                        }
>                        str += "<li "+myclass+">"+i+"</li>";
>                    }
>                    holder.innerHTML = str;
>                    ctitle.innerHTML = month_name[my_month];
>                    cyear.innerHTML = my_year;
>                }
>                //调用refreshDate()函数，日历才会出现
>                refreshDate();
>                //实现onclick向前或向后移动
>                pre.onclick = function(e){
>                    e.preventDefault();
>                    my_month--;
>                    if(my_month < 0){
>                        my_year--;
>                        my_month = 11; //即12月份
>                    }
>                    refreshDate();
>                }
>                
>                next.onclick = function(e){
>                    e.preventDefault();
>                    my_month++;
>                    if(my_month > 11){
>                        my_month = 0;
>                        my_year++;
>                    }
>                    refreshDate();
>                }
>        </script>
>        <script>
>           document.getElementById("not_admin").onclick = function not_admin()
>           {
>              alert("您需要先登录");
>           }
>           document.getElementById("not_admin1").onclick = function not_admin()
>           {
>              alert("您需要先登录");
>           }
>        </script>
>        <script src="js/ShopShow.js" type="text/javascript" charset="utf-8"></script>
>     </html>

>     <%@ page contentType="text/html;charset=UTF-8" language="java" %>
>     <!DOCTYPE html>
>     <html>
>     	<head>
>     		<meta charset="utf-8">
>     		<title>注册界面</title>
>     		<link rel="stylesheet" type="text/css" href="style.css"/>
>     		<link rel="stylesheet" type="text/css" href="login.css"/>
>     	</head>
>     	<body>
>     		<div class="reg">
>     			<%
>     				String statue = (String)session.getAttribute("Management");
>     				if(statue == null)
>     				{
>     					out.println("<form action=\"/controller.RegisterServlet\" method=\"post\">");
>     				}
>     				else
>     				{
>     					out.println("<form action=\"/controller.ManagerRegisterServlet\" method=\"post\">");
>     				}
>     			%>
>     				<h1><a href="index.jsp"><img src="imgs/logo.png"></a></h1>
>     				<p>用户注册</p>
>     				<p>
>     					<%
>     						if(statue == null)
>     						{
>     							out.println("<input type=\"text\" name=\"username\" placeholder=\"请输入用户名\" required>");
>     						}
>     						else
>     						{
>     							out.println("<input type=\"text\" name=\"username\" placeholder=\"管理员账号用户名\" required>");
>     						}
>     					%>
>     				</p>
>     				<p><input type="email" name="email" placeholder="请输入邮箱" required></p>
>     				<p><input type="password" name="password" placeholder="请输入密码" required></p>
>     				<p class="txtL txt"><input class="code" type="text" name="" value="" placeholder="验证码" required><img src="imgs/code.jpg"></p>
>     				<p><input type="submit" name="" value="注册"></p>
>     				<p class="txtL txt">完成此注册，即表明您同意了我们的<a href="#">使用条款和隐私策略</a></p>
>     				<p class="txt"><a href="login.jsp"><span></span>已有账号登录</a></p>
>     			</form>
>     		</div>
>     	</body>
>     </html>
> 
>     <%@ page contentType="text/html;charset=UTF-8" language="java" %>
>     <!DOCTYPE html>
>     <html>
>        <head>
>           <meta charset="utf-8">
>           <title>注册界面</title>
>           <link rel="stylesheet" type="text/css" href="style.css"/>
>           <link rel="stylesheet" type="text/css" href="login.css"/>
>        </head>
>        <body>
>           <div class="reg">
>              <%
>                 String statue = (String)session.getAttribute("Management");
>                 if(statue == null)
>                 {
>                    out.println("<form action=\"/controller.RegisterServlet\" method=\"post\">");
>                 }
>                 else
>                 {
>                    out.println("<form action=\"/controller.ManagerRegisterServlet\" method=\"post\">");
>                 }
>              %>
>                 <h1><a href="index.jsp"><img src="imgs/logo.png"></a></h1>
>                 <p>用户注册</p>
>                 <p>
>                    <%
>                       if(statue == null)
>                       {
>                          out.println("<input type=\"text\" name=\"username\" placeholder=\"请输入用户名\" required>");
>                       }
>                       else
>                       {
>                          out.println("<input type=\"text\" name=\"username\" placeholder=\"管理员账号用户名\" required>");
>                       }
>                    %>
>                 </p>
>                 <p><input type="email" name="email" placeholder="请输入邮箱" required></p>
>                 <p><input type="password" name="password" placeholder="请输入密码" required></p>
>                 <p class="txtL txt"><input class="code" type="text" name="" value="" placeholder="验证码" required><img src="imgs/code.jpg"></p>
>                 <p><input type="submit" name="" value="注册"></p>
>                 <p class="txtL txt">完成此注册，即表明您同意了我们的<a href="#">使用条款和隐私策略</a></p>
>                 <p class="txt"><a href="login.jsp"><span></span>已有账号登录</a></p>
>              </form>
>           </div>
>        </body>
>     </html>