<%@ 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>
<!-- Head Begin -->
<div class="headbg">
<div class="head">
<!-- Begin 所在收货地址 -->
<!-- 用<span> 来组合行内元素 -->
<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>
<!-- End 收货所在地 -->
<!-- Begin 任务栏 -->
<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>
<!-- End 任务栏 -->
<!-- Begin 任务栏下面 logo 搜索 购物车-->
<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>
<!--End Head-->
<!--Begin Menu -->
<div class="menu_bg">
<div class="menu">
<!--Begin 商品分类详情 Begin-->
<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>
<!--End 商品分类详情 End-->
<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>
<!--End Menu-->
<!--Begin 详细 -->
<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>
<!--Begin Footer-->
<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>
<!--End Footer -->
</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>
<!-- Head Begin -->
<div class="headbg">
<div class="head">
<!-- Begin 所在收货地址 -->
<!-- 用<span> 来组合行内元素 -->
<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>
<!-- End 收货所在地 -->
<!-- Begin 任务栏 -->
<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>
<!-- End 任务栏 -->
<!-- Begin 任务栏下面 logo 搜索 购物车-->
<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>
<!--End Head-->
<!--Begin Menu -->
<div class="menu_bg">
<div class="menu">
<!--Begin 商品分类详情 Begin-->
<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>
<!--End 商品分类详情 End-->
<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>
<!--End Menu-->
<!--Begin 详细 -->
<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>
<!--Begin Footer-->
<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>
<!--End Footer -->
</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>
扫一扫
518
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
