devbox
码创造者
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

JAVAWEB项目页面设计之网上商城JSP页面设计一------JavaWeb_网站商城页面的web

作者：码创造者 | 2024-07-07 00:17:12

赞

踩

网站商城页面的web
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <!DOCTYPE html>
  3. <html>
  4. 	<head>
  5. 		<meta charset="utf-8">
  6. 		<title>修改密码</title>
  7. 		<link rel="stylesheet" type="text/css" href="style.css"/>
  8. 		<link rel="stylesheet" type="text/css" href="login.css"/>
  9. 	</head>
  10. 	<body>
  11. 		<div class="reg">
  12. 			<form action="/controller.RegisterServlet" method="post">
  13. 				<h1><a href="index.jsp"><img src="imgs/logo.png"></a></h1>
  14. 				<p>修改密码</p>
  15. 				<p><input type="text" name="email" placeholder="请输入邮箱" required></p>
  16. 				<p><input type="password" name="password" placeholder="请输入新密码" required></p>
  17. 				<p><input type="password" name="password" placeholder="请确认新密码" required></p>
  18. 				<p class="txtL txt"><input class="code" type="text" name="" value="" placeholder="验证码" required><img src="imgs/code.jpg"></p>
  19. 				<p><input type="submit" name="" value="确认新密码"></p>
  20. 				<p class="txtL txt">完成此修改，即表明您同意了我们的<a href="#">使用条款和隐私策略</a></p>
  21. 				<p class="txt"><a href="login.jsp"><span></span>已有账号登录</a></p>
  22. 			</form>
  23. 		</div>
  24. 	</body>
  25. </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">
         <form action="/controller.RegisterServlet" method="post">
            <h1><a href="index.jsp"><img src="imgs/logo.png"></a></h1>
            <p>修改密码</p>
            <p><input type="text" name="email" placeholder="请输入邮箱" required></p>
            <p><input type="password" name="password" 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>

  1. <%@ page import="bean.user" %>
  2. <%@ page import="java.util.HashMap" %>
  3. <%@ page import="java.util.Map" %>
  4. <%@ page import="java.util.Iterator" %>
  5. <%@ page import="bean.product" %>
  6. <%@ page import="java.util.ArrayList" %>
  7. <%@ page import="Service.Food" %>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  9. <%user user = (bean.user) session.getAttribute("user");%>
  10. <%ArrayList arrayList = (ArrayList)session.getAttribute("Food");%>
  11. <!DOCTYPE html>
  12. <html>
  13. 	<head>
  14. 		<meta charset="utf-8">
  15. 		<title>美食列表</title>
  16. 		<link rel="stylesheet" type="text/css" href="style.css"/>
  17. 		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  18. 		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
  19. 		<script type="text/javascript" src="js/menu.js"></script>
  20. 		
  21. 		<script type="text/javascript" src="js/n_nav.js"></script>
  22. 		
  23. 		<script type="text/javascript" src="js/toptop.js"> </script>
  24. 	</head>
  25. 	<body>
  26. 		<!-- Head Begin -->
  27. 		<div class="headbg">
  28. 			<div class="head">
  29. 				<!-- Begin 所在收货地址 -->
  30. 				<!-- 用<span> 来组合行内元素 -->
  31. 				<span class="head_city_back">
  32. 					<span class="fl">送货至:&nbsp;</span>
  33. 					<span class="head_city">
  34. 						<span></span>
  35. 						<div class="head_city_bg">
  36. 							<div class="head_city_temp"></div>
  37. 							<div class="head_city_common">
  38. 								<h2>请选择所在的收货地区</h2>
  39. 								
  40. 								<table class="common_table" border="0" cellpadding="0" cellspacing="0" style="width: 235px; margin-top: 10px;">
  41. 									<tr>
  42. 										<th>A</th>
  43. 										<td class="common_head"><span>安徽</span><span>澳门</span></td>
  44. 									</tr>
  45. 									<tr>
  46. 										<th>B</th>
  47. 										<td class="common_head"><span>北京</span></td>
  48. 									</tr>
  49. 									<tr>
  50. 										<th>C</th>
  51. 										<td class="common_head"><span>重庆</span></td>
  52. 									</tr>
  53. 									<tr>
  54. 										<th>F</th>
  55. 										<td class="common_head"><span>福建</span></td>
  56. 									</tr>
  57. 									<tr>
  58. 										<th>G</th>
  59. 										<td class="common_head"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
  60. 									</tr>
  61. 									<tr>
  62. 										<th>H</th>
  63. 										<td class="common_head"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
  64. 									</tr>
  65. 									<tr>
  66. 										<th>J</th>
  67. 										<td class="common_head"><span>江苏</span><span>吉林</span><span>江西</span></td>
  68. 									</tr>
  69. 									<tr>
  70. 										<th>L</th>
  71. 										<td class="common_head"><span>辽宁</span></td>
  72. 									</tr>
  73. 									<tr>
  74. 										<th>N</th>
  75. 										<td class="common_head"><span>内蒙古</span><span>宁夏</span></td>
  76. 									</tr>
  77. 									<tr>
  78. 										<th>Q</th>
  79. 										<td class="common_head"><span>上海</span><span>山东</span><span>山西</span><span>四川</span><span>陕西</span></td>
  80. 									</tr>
  81. 									<tr>
  82. 										<th>T</th>
  83. 										<td class="common_head"><span>台湾</span><span>天津</span></td>
  84. 									</tr>
  85. 									<tr>
  86. 										<th>X</th>
  87. 										<td class="common_head"><span>西藏</span><span>香港</span><span>新疆</span></td>
  88. 									</tr>
  89. 									<tr>
  90. 										<th>Y</th>
  91. 										<td class="common_head"><span>云南</span></td>
  92. 									</tr>
  93. 									<tr>
  94. 										<th>Z</th>
  95. 										<td class="common_head"><span class="common_check">浙江</span></td>
  96. 									</tr>
  97. 								</table>
  98. 							</div>
  99. 						</div>
  100. 					</span>
  101. 				</span>
  102. 				<!-- End 收货所在地 -->
  103. 				
  104. 				<!-- Begin 任务栏 -->
  105. 				<span class="fr">
  106. 				<%
  107. 					if(!(user == null))
  108. 					{
  109. 						out.println("\t\t\t\t\t<span class=\"fl\">\n" +
  110. 								"\t\t\t\t\t\t<a href=\"information.jsp\">");
  111. 						out.println("欢迎回来!" + user.getName());
  112. 						out.println("</a>\n" +
  113. 								"\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
  114. 								"\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
  115. 								"\t\t\t\t\t\t |\n" +
  116. 								"\n" +
  117. 								"\t\t\t\t\t</span>");
  118. 					}
  119. 					else
  120. 					{
  121. 						out.println("\t\t\t\t\t<span class=\"fl\">\n" +
  122. 								"\t\t\t\t\t\t<a href=\"login.jsp\">你好，请登录&nbsp;</a>\n" +
  123. 								"\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
  124. 								"\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
  125. 								"\t\t\t\t\t\t |\n" +
  126. 								"\n" +
  127. 								"\t\t\t\t\t</span>");
  128. 					}
  129. 				%>
  130. 					<span class="headshow">
  131. 						<div class="headshow_list">
  132. 							<a href="#">收藏夹</a>
  133. 							<div class="headshow_list_bg">
  134. 								<div class="head_city_temp"></div>
  135. 								<div class="headshow_list_common">
  136. 									<ul>
  137. 										<li>
  138. 											<a href="#">收藏的宝贝</a>
  139. 										</li>
  140. 										<li>
  141. 											<a href="#">收藏的店铺</a>
  142. 										</li>
  143. 									</ul>
  144. 								</div>
  145. 							</div>
  146. 						</div>
  147. 						<%
  148. 							if(!(user == null))
  149. 							{
  150. 								out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
  151. 										"\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
  152. 										"\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
  153. 										"\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
  154. 										"\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
  155. 										"\t\t\t\t\t\t\t\t\t<ul>\n" +
  156. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  157. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"personcenter.jsp\">个人中心</a>\n" +
  158. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  159. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  160. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
  161. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  162. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  163. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
  164. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  165. 										"\t\t\t\t\t\t\t\t\t</ul>\n" +
  166. 										"\t\t\t\t\t\t\t\t</div>\n" +
  167. 										"\t\t\t\t\t\t\t</div>\n" +
  168. 										"\t\t\t\t\t\t</div>");
  169. 							}
  170. 							else
  171. 							{
  172. 								out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
  173. 										"\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
  174. 										"\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
  175. 										"\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
  176. 										"\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
  177. 										"\t\t\t\t\t\t\t\t\t<ul>\n" +
  178. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  179. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" id=\"not_admin\">个人中心</a>\n" +
  180. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  181. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  182. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
  183. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  184. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  185. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
  186. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  187. 										"\t\t\t\t\t\t\t\t\t</ul>\n" +
  188. 										"\t\t\t\t\t\t\t\t</div>\n" +
  189. 										"\t\t\t\t\t\t\t</div>\n" +
  190. 										"\t\t\t\t\t\t</div>");
  191. 							}
  192. 						%>
  193. 						<div class="headshow_list">
  194. 							<a href="#">网站导航</a>
  195. 							<div class="headshow_list_bg">
  196. 								<div class="head_city_temp"></div>
  197. 								<div class="headshow_list_common">
  198. 									<ul>
  199. 										<li>
  200. 											<a href="#">主题市场</a>
  201. 										</li>
  202. 										<li>
  203. 											<a href="newidea.jsp">创意市场</a>
  204. 										</li>
  205. 										<li>
  206. 											<a href="#">精彩推荐集</a>
  207. 										</li>
  208. 									</ul>
  209. 								</div>
  210. 							</div>
  211. 						</div>
  212. 					</span>
  213. 					<span class="fl">
  214. 						| 关注我们：
  215. 					</span>
  216. 					<span class="show_style">
  217. 						<a href="#" class="style1">新浪</a>
  218. 						<a href="#" class="style2">微信</a>
  219. 					</span>
  220. 					<span class="fr">
  221. 						| 
  222. 						<a href="#">
  223. 							手机版
  224. 							<img src="imgs/s_tel.png" align="absmiddle">
  225. 						</a>
  226. 					</span>
  227. 				</span>
  228. 			</div>
  229. 		</div>
  230. 		<!-- End 任务栏 -->
  231. 		
  232. 		<!-- Begin 任务栏下面 logo 搜索 购物车-->
  233. 		<div class="top">
  234. 			<div class="logo">
  235. 				<a href="index.jsp">
  236. 					<img src="imgs/logo.png" >
  237. 				</a>
  238. 			</div>
  239. 			<div class="search">
  240. 				<form action="">
  241. 					<input type="text" value="" class="search_input" />
  242. 					<input type="submit" value="搜索" class="search_button" />
  243. 				</form>
  244. 				<span class="f1">
  245. 					<a href="#">蛋糕</a>
  246. 					<a href="#">咖啡</a>
  247. 					<a href="#">新鲜美食</a>
  248. 					<a href="#">日用品</a>
  249. 				</span>
  250. 			</div>
  251. 			<div class="info_car">
  252. 				<div class="car_temp">购物车 [ <span>
  253. 					<%
  254. 						if(!(user == null))
  255. 						{
  256. 							out.println(user.getShoppingCart().getCart().size());
  257. 						}
  258. 						else
  259. 						{
  260. 							out.println(0);
  261. 						}
  262. 					%>
  263. 				</span> ]</div>
  264. 				<div class="car_bg">
  265. 					<%
  266. 						if(!(user == null))
  267. 						{
  268. 							out.println("<ul class=\"cars\">");
  269. 							HashMap map = user.getShoppingCart().getCart();
  270. 							Iterator iterator = map.entrySet().iterator();
  271. 							double count = 0.0;
  272. 							int num = 0;
  273. 							while(iterator.hasNext())
  274. 							{
  275. 								Map.Entry entry = (Map.Entry)iterator.next();
  276. 								out.println("\t\t\t\t<li>\n" +
  277. 										"\t\t\t\t\t<div class=\"img\">\n" +
  278. 										"\t\t\t\t\t\t<a href=\"#\">\n" +
  279. 										"\t\t\t\t\t\t\t<img src=\"imgs/fre_2.jpg\" width=\"58\" height=\"58\" >\n" +
  280. 										"\t\t\t\t\t\t</a>\n" +
  281. 										"\t\t\t\t\t</div>\n" +
  282. 										"\t\t\t\t\t<div class=\"name\">\n" +
  283. 										"\t\t\t\t\t\t<a href=\"#\">");
  284. 								product product = (bean.product)entry.getKey();
  285. 								count = count + (product.getPrice() * (int)entry.getValue());
  286. 								out.println(product.getProduct_name() + "</a>\n" +
  287. 										"\t\t\t\t\t</div>\n" +
  288. 										"\t\t\t\t\t<div class=\"price\">\n" +
  289. 										"\t\t\t\t\t\t<font color=\"#FF4E00\">&nbsp;&nbsp;￥");
  290. 								out.println(product.getPrice() + "</font>X" + entry.getValue() + "</div></li>");
  291. 								num++;
  292. 							}
  293. 							if(num == 0)
  294. 							{
  295. 								out.println("\t\t\t<div class=\"un_login\">\n" +
  296. 										"\t\t\t\t还没有商品呢！\n" +
  297. 										"\t\t\t\t<a href=\"food.jsp\" style=\"color: #FF4E00;\">现在就去选购</a>\n" +
  298. 										"\t\t\t\t心怡的商品！\n" +
  299. 										"\t\t\t</div>");
  300. 							}
  301. 							else
  302. 							{
  303. 								out.println("\t\t\t</ul>");
  304. 								out.println("\t\t\t<div class=\"price_sum\">\n" +
  305. 										"\t\t\t\t共计\n" +
  306. 										"\t\t\t\t<font color=\"#FF4E00\"> ￥</font>\n" +
  307. 										"\t\t\t\t<span>");
  308. 								out.println(count);
  309. 								out.println("</span>\n" +
  310. 										"\t\t\t</div>\n" +
  311. 										"\t\t\t<div class=\"price_account\">\n" +
  312. 										"\t\t\t\t<a href=\"buycar.jsp\">去购物车结算</a>\n" +
  313. 										"\t\t\t</div>");
  314. 							}
  315. 						}
  316. 						else
  317. 						{
  318. 							out.println("\t\t\t<div class=\"un_login\">\n" +
  319. 									"\t\t\t\t还未登录！\n" +
  320. 									"\t\t\t\t<a href=\"login.jsp\" style=\"color: #FF4E00;\">马上登录</a>\n" +
  321. 									"\t\t\t\t查看购物车！\n" +
  322. 									"\t\t\t</div>");
  323. 						}
  324. 					%>
  325. 					<!--End 购物车已登录--> 
  326. 				</div>
  327. 			</div>
  328. 		</div>
  329. 		<!--End Head--> 
  330. 		<!--Begin Menu -->
  331. 		<div class="menu_bg">
  332. 		    <div class="menu">
  333. 		        <!--Begin 商品分类详情 Begin-->
  334. 		        <div class="nav">
  335. 		            <div class="nav_t">全部商品分类</div>
  336. 		            <div class="leftNav none">
  337. 		                <ul>
  338. 		                    <li>
  339. 		                        <div class="fj">
  340. 		                            <span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
  341. 		                            <span class="fl">进口食品、生鲜</span>
  342. 		                        </div>
  343. 		                        <div class="zj">
  344. 		                            <div class="zj_l">
  345. 		                                <div class="zj_l_c">
  346. 		                                    <h2>零食 / 糖果 / 巧克力</h2>
  347. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  348. 		                                        href="#">巧克力</a>|
  349. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  350. 		                                        href="#">红枣</a>|
  351. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  352. 		                                </div>
  353. 		                                <div class="zj_l_c">
  354. 		                                    <h2>零食 / 糖果 / 巧克力</h2>
  355. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  356. 		                                        href="#">巧克力</a>|
  357. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  358. 		                                        href="#">红枣</a>|
  359. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  360. 		                                </div>
  361. 		                                <div class="zj_l_c">
  362. 		                                    <h2>零食 / 糖果 / 巧克力</h2>
  363. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  364. 		                                        href="#">巧克力</a>|
  365. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  366. 		                                        href="#">红枣</a>|
  367. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  368. 		                                </div>
  369. 		                                <div class="zj_l_c">
  370. 		                                    <h2>零食 / 糖果 / 巧克力</h2>
  371. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  372. 		                                        href="#">巧克力</a>|
  373. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  374. 		                                        href="#">红枣</a>|
  375. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  376. 		                                </div>
  377. 		                                <div class="zj_l_c">
  378. 		                                    <h2>零食 / 糖果 / 巧克力</h2>
  379. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  380. 		                                        href="#">巧克力</a>|
  381. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  382. 		                                        href="#">红枣</a>|
  383. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  384. 		                                </div>
  385. 		                                <div class="zj_l_c">
  386. 		                                    <h2>零食 / 糖果 / 巧克力</h2>
  387. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  388. 		                                        href="#">巧克力</a>|
  389. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  390. 		                                        href="#">红枣</a>|
  391. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  392. 		                                </div>
  393. 		                            </div>
  394. 		                            <div class="zj_r">
  395. 		                                <a href="#"><img src="imgs/food_b1.jpg" width="236" height="200" /></a>
  396. 		                                <a href="#"><img src="imgs/food_b2.jpg" width="236" height="200" /></a>
  397. 		                            </div>
  398. 		                        </div>
  399. 		                    </li>
  400. 		                    <li>
  401. 		                        <div class="fj">
  402. 		                            <span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
  403. 		                            <span class="fl">食品、饮料、酒</span>
  404. 		                        </div>
  405. 		                        <div class="zj" style="top:-40px;">
  406. 		                            <div class="zj_l">
  407. 		                                <div class="zj_l_c">
  408. 		                                    <h2>零食 / 糖果 / 巧克力2</h2>
  409. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  410. 		                                        href="#">巧克力</a>|
  411. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  412. 		                                        href="#">红枣</a>|
  413. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  414. 		                                </div>
  415. 		                                <div class="zj_l_c">
  416. 		                                    <h2>零食 / 糖果 / 巧克力</h2>
  417. 		                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  418. 		                                        href="#">巧克力</a>|
  419. 		                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  420. 		                                        href="#">红枣</a>|
  421. 		                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  422. 		                                </div>
  423. 		                            </div>
  424. 		                            <div class="zj_r">
  425. 		                                <a href="#"><img src="imgs/fre_b1.jpg" width="236" height="200" /></a>
  426. 		                                <a href="#"><img src="imgs/fre_b2.jpg" width="236" height="200" /></a>
  427. 		                            </div>
  428. 		                        </div>
  429. 		                    </li>
  430. 		                </ul>
  431. 		            </div>
  432. 		        </div>
  433. 		        <!--End 商品分类详情 End-->
  434. 		        <ul class="menu_r">
  435. 		            <li><a href="index.jsp">首页</a></li>
  436. 		            <li><a href="/controller.FoodServlet">美食</a></li>
  437. 		            <li><a href="#">生鲜</a></li>
  438. 		            <li><a href="#">团购</a></li>
  439. 		        </ul>
  440. 		        <div class="m_ad">双十一送好礼！</div>
  441. 		    </div>
  442. 		</div>
  443. 		<!--End Menu-->
  444. 		
  445. 		<!--------content1--------->
  446. 		<div class="imgList1" >
  447. 			<div class="wrapper">
  448. 			<div class="nbnb-left" style="margin-left: -150px;">
  449. 				<div class="nbnb2">
  450. 					<form>
  451. 						<br>
  452. 						<h4>选择你喜欢的品牌 ：</h4>
  453. 						<input type="checkbox" name="品牌" value="color 1" />
  454. 						<a href=""> DANISA/皇冠</a><br />
  455. 						<input type="checkbox" name="品牌" value="color2" />
  456. 						<a href=""> Three Squirrels/三只松鼠</a><br />
  457. 						<input type="checkbox" name="品牌" value="color3" />
  458. 						<a href=""> 良品铺子</a><br />
  459. 						<input type="checkbox" name="品牌" value="color4" />
  460. 						<a href=""> BE＆CHEERY/百草味</a><br />
  461. 						<input type="checkbox" name="品牌" value="color5" />
  462. 						<a href=""> 魔法士</a><br />
  463. 						<input type="checkbox" name="品牌" value="color6" />
  464. 						<a href=""> 金鹏华泽</a><br />
  465. 					</form>
  466. 				</div>
  467. 				<div class="nbnb2">
  468. 					<form>
  469. 						<br>
  470. 						<h4>选择你喜欢吃的零食类型：</h4>
  471. 						<input type="checkbox" name="品牌" value="color 1" />
  472. 						<a href=""> 鸭肉类零食</a><br />
  473. 						<input type="checkbox" name="品牌" value="color2" />
  474. 						<a href=""> 膨化食品</a><br />
  475. 						<input type="checkbox" name="品牌" value="color3" />
  476. 						<a href=""> 传统糕点传统糕点</a><br />
  477. 						<input type="checkbox" name="品牌" value="color4" />
  478. 						<a href=""> 鱼系列</a><br />
  479. 						<input type="checkbox" name="品牌" value="color5" />
  480. 						<a href=""> 曲奇饼干</a><br />
  481. 						<input type="checkbox" name="品牌" value="color6" />
  482. 						<a href=""> 豆腐干</a><br />
  483. 					</form>
  484. 				</div>
  485. 				<br />
  486. 				<div class="nbnb2">
  487. 					<form>
  488. 						<h4>选择你喜欢的肉类产品 ：</h4>
  489. 						<input type="checkbox" name="品牌" value="color 1" />
  490. 						<a href=""> 鸭掌全鸭</a><br />
  491. 						<input type="checkbox" name="品牌" value="color2" />
  492. 						<a href=""> 猪肉肠</a><br />
  493. 						<input type="checkbox" name="品牌" value="color3" />
  494. 						<a href=""> 鸭腿</a><br />
  495. 						<input type="checkbox" name="品牌" value="color4" />
  496. 						<a href=""> 猪肉脯</a><br />
  497. 						<input type="checkbox" name="品牌" value="color5" />
  498. 						<a href=""> 鸭脖鸭翅</a><br />
  499. 					</form>
  500. 				</div>
  501. 				<br />
  502. 				<div class="nbnb2">
  503. 					<form>
  504. 						<h4>选择你想要的省份特产：</h4>
  505. 						<input type="checkbox" name="颜色" value="color 1" />
  506. 						广东省<br />
  507. 						<input type="checkbox" name="颜色" value="color2" />
  508. 						江苏省<br />
  509. 						<input type="checkbox" name="颜色" value="color3" />
  510. 						浙江省<br />
  511. 						<input type="checkbox" name="颜色" value="color4" />
  512. 						安徽省<br />
  513. 						<input type="checkbox" name="颜色" value="color5" />
  514. 						河南省<br />
  515. 						<input type="checkbox" name="颜色" value="color6" />
  516. 						湖南省<br />
  517. 						<input type="checkbox" name="颜色" value="color6" />
  518. 						福建省<br />
  519.  
  520. 					</form>
  521. 				</div>
  522. 				<br />
  523. 				<div class="nbnb2">
  524. 					<form>
  525. 						<h4>选择折扣数：</h4>
  526. 						<input type="radio" name="颜色" value="color 1" />
  527. 						9折<br />
  528. 						<input type="radio" name="颜色" value="color2" />
  529. 						8折<br />
  530. 						<input type="radio" name="颜色" value="color3" />
  531. 						7折<br />
  532. 						<input type="radio" name="颜色" value="color4" />
  533. 						6折<br />
  534. 						<input type="radio" name="颜色" value="color5" />
  535. 						5折<br />
  536. 						<input type="radio" name="颜色" value="color6" />
  537. 						4折<br />
  538. 						<input type="radio" name="颜色" value="color6" />
  539. 						3折<br />
  540. 					</form>
  541. 				</div>
  542. 			</div>
  543. 			<div class="nbnb-right" style=" margin-bottom: 300px;margin-top: -1050px;" >
  544. 				<div class="nbnb-top">
  545. 					<p> &nbsp; &nbsp; &nbsp; 所有商品：
  546. 						<%
  547. 							if(arrayList != null)
  548. 							{
  549. 								out.println(arrayList.size());
  550. 							}
  551. 							else
  552. 							{
  553. 								out.println(0);
  554. 							}
  555. 						%>件 &nbsp; &nbsp; &nbsp;
  556. 						&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  557. 						&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  558. 						&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  559. 						&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  560. 						分类：<a href="#">流行</a> &nbsp;| &nbsp;<a href="#">最新</a> &nbsp;|&nbsp;<a href="#">折扣</a>&nbsp;|&nbsp;<a href="#">价格从低到高</a></p>
  561. 				</div>
  562.  
  563. 				<%
  564. 					if(!((ArrayList)session.getAttribute("Food") == null))
  565. 					{
  566. 						arrayList = (ArrayList)session.getAttribute("Food");
  567. 					}
  568. 					else
  569. 					{
  570. 						arrayList = new Food().getFoodList();
  571. 					}
  572. 					int count = 0;
  573. 					int i;
  574. 					product product = null;
  575. 					for (i = 0; i < arrayList.size(); i++)
  576. 					{
  577. 						product = (bean.product) arrayList.get(i);
  578. 						if(count == 0)
  579. 						{
  580. 							out.println("<ul style=\"margin-right: 150px;\">");
  581. 						}
  582. 						if(count < 3)
  583. 						{
  584. 							out.println("<li><a href=\"/controller.ProductServlet?product_name=" + product.getProduct_name() + "\">");
  585. 							out.println("\t\t\t\t\t\t\t<dl>\n" +
  586. 									"\t\t\t\t\t\t\t\t<dt><img src=\"imgs/chide1.jpg\"/></dt>\n" +
  587. 									"\t\t\t\t\t\t\t\t<dd>");
  588. 							out.println(product.getProduct_name());
  589. 							out.println("</dd>\n" + "\t\t\t\t\t\t\t\t<dd>¥");
  590. 							out.println(product.getPrice());
  591. 							out.println("</dd>\n" +
  592. 									"\t\t\t\t\t\t\t</dl>\n" +
  593. 									"\t\t\t\t\t\t</a>\n" +
  594. 									"\t\t\t\t\t</li>");
  595. 							count++;
  596. 							if(count == 3)
  597. 							{
  598. 								count = 0;
  599. 								out.println("</ul>");
  600. 							}
  601. 						}
  602. 					}
  603. 					if(i == arrayList.size())
  604. 					{
  605. 						out.println("</ul>");
  606. 					}
  607. 				%>
  608. 			</div>
  609. 		</div>
  610. 		<!--返回顶部-->
  611. 		<div class="gotop">
  612. 			<a href="buycar.jsp">
  613. 				<dl>
  614. 					<dt><img src="imgs/gt1.png"/></dt>
  615. 					<dd>去购<br />物车</dd>
  616. 				</dl>
  617. 			</a>
  618. 			<%
  619. 				if(user == null)
  620. 				{
  621. 					out.println("<a href=\"#\" id=\"not_admin1\">\n" +
  622. 							"\t\t\t<dl>\n" +
  623. 							"\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
  624. 							"\t\t\t\t<dd>个人<br />中心</dd>\n" +
  625. 							"\t\t\t</dl>\n" +
  626. 							"\t\t</a>");
  627. 				}
  628. 				else
  629. 				{
  630. 					out.println("<a href=\"personcenter.jsp\" >\n" +
  631. 							"\t\t\t<dl>\n" +
  632. 							"\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
  633. 							"\t\t\t\t<dd>个人<br />中心</dd>\n" +
  634. 							"\t\t\t</dl>\n" +
  635. 							"\t\t</a>");
  636. 				}
  637. 			%>
  638. 			<a href="#" class="toptop">
  639. 				<dl>
  640. 					<dt><img src="imgs/gt4.png"/></dt>
  641. 					<dd>返回<br />顶部</dd>
  642. 				</dl>
  643. 			</a>
  644. 		</div>
  645. 		
  646. 		<!--Begin Footer-->
  647. 		<div class="behind_bottom_bg behind_bottom_common" style="margin-left: 0px;">
  648. 			<div class="behind_bottom">
  649. 				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  650. 					<tr>
  651. 						<td width="72"><img src="imgs/b1.png" width="62" height="62" /></td>
  652. 						<td>
  653. 							<h2>正品保障</h2>正品行货 放心购买
  654. 						</td>
  655. 					</tr>
  656. 				</table>
  657. 				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  658. 					<tr>
  659. 						<td width="72"><img src="imgs/b2.png" width="62" height="62" /></td>
  660. 						<td>
  661. 							<h2>满38包邮</h2>满38包邮 免运费
  662. 						</td>
  663. 					</tr>
  664. 				</table>
  665. 				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  666. 					<tr>
  667. 						<td width="72"><img src="imgs/b3.png" width="62" height="62" /></td>
  668. 						<td>
  669. 							<h2>天天低价</h2> 天天低价 畅选无忧
  670. 						</td>
  671. 					</tr>
  672. 				</table>
  673. 				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  674. 					<tr>
  675. 						<td width="72"><img src="imgs/b4.png" width="62" height="62" /></td>
  676. 						<td>
  677. 							<h2>准时送达</h2>收货时间由你做主
  678. 						</td>
  679. 					</tr>
  680. 				</table>
  681. 			</div>
  682. 		</div>
  683. 		<div class="behind_nav" style="margin-left: 230px;">
  684. 			<dl>
  685. 				<dt><a href="#">新手上路</a></dt>
  686. 				<dd><a href="#">售后流程</a></dd>
  687. 				<dd><a href="#">购物流程</a></dd>
  688. 				<dd><a href="#">订购方式</a></dd>
  689. 				<dd><a href="#">隐私声明</a></dd>
  690. 				<dd><a href="#">推荐分享说明</a></dd>
  691. 			</dl>
  692. 			<dl>
  693. 				<dt><a href="#">配送与支付</a></dt>
  694. 				<dd><a href="#">货到付款区域</a></dd>
  695. 				<dd><a href="#">配送支付查询</a></dd>
  696. 				<dd><a href="#">支付方式说明</a></dd>
  697. 			</dl>
  698. 			<dl>
  699. 				<dt><a href="#">会员中心</a></dt>
  700. 				<dd><a href="#">资金管理</a></dd>
  701. 				<dd><a href="#">我的收藏</a></dd>
  702. 				<dd><a href="#">我的订单</a></dd>
  703. 			</dl>
  704. 			<dl>
  705. 				<dt><a href="#">服务保证</a></dt>
  706. 				<dd><a href="#">退换货原则</a></dd>
  707. 				<dd><a href="#">售后服务保证</a></dd>
  708. 				<dd><a href="#">产品质量保证</a></dd>
  709. 			</dl>
  710. 			<dl>
  711. 				<dt><a href="#">联系我们</a></dt>
  712. 				<dd><a href="#">网站故障报告</a></dd>
  713. 				<dd><a href="#">购物咨询</a></dd>
  714. 				<dd><a href="#">投诉与建议</a></dd>
  715. 			</dl>
  716. 			<div class="behind_tell_bg" style="margin-right: 60px;">
  717. 				<a href="#" class="bottom_style1">新浪微博</a>
  718. 				<a href="#" class="bottom_style2">腾讯微博</a>
  719. 				<p>
  720. 					服务热线：<br/>
  721. 					<span>400-123-4567</span>
  722. 				</p>
  723. 			</div>
  724. 		
  725. 		</div>
  726. 		<div class="bottom_bg">
  727. 			<div class="bottom">
  728. 				备案/许可证编号：京ICP备120093xxxx号 Copyright © 2015-2019 进口商城商城网 All Rights Reserved. <br />
  729. 				<a href="#"> <img src="imgs/b_1.gif" width="98" height="33" > </a>
  730. 				<a href="#"> <img src="imgs/b_2.gif" width="98" height="33" > </a>
  731. 				<a href="#"> <img src="imgs/b_3.gif" width="98" height="33" > </a>
  732. 				<a href="#"> <img src="imgs/b_4.gif" width="98" height="33" > </a>
  733. 				<a href="#"> <img src="imgs/b_5.gif" width="98" height="33" > </a>
  734. 				<a href="#"> <img src="imgs/b_6.gif" width="98" height="33" > </a>
  735. 			</div>
  736. 		</div>
  737. 			<script>
  738. 				document.getElementById("not_admin").onclick = function not_admin()
  739. 				{
  740. 					alert("您需要先登录");
  741. 				}
  742. 				document.getElementById("not_admin1").onclick = function not_admin()
  743. 				{
  744. 					alert("您需要先登录");
  745. 				}
  746. 			</script>
  747. 		</div>
  748. 		<!--End Footer -->
  749. 	</body>
  750. </html>

<%@ page import="bean.user" %>
<%@ page import="java.util.HashMap" %>
<%@ page import="java.util.Map" %>
<%@ page import="java.util.Iterator" %>
<%@ page import="bean.product" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="Service.Food" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%user user = (bean.user) session.getAttribute("user");%>
<%ArrayList arrayList = (ArrayList)session.getAttribute("Food");%>
<!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/toptop.js"> </script>
   </head>
   <body>
      <!-- Head Begin -->
      <div class="headbg">
         <div class="head">
            <!-- Begin 所在收货地址 -->
            <!-- 用<span> 来组合行内元素 -->
            <span class="head_city_back">
               <span class="fl">送货至:&nbsp;</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\">你好，请登录&nbsp;</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\">&nbsp;&nbsp;￥");
                        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>");
                  }
               %>
               <!--End 购物车已登录--> 
            </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-->
      
      <!--------content1--------->
      <div class="imgList1" >
         <div class="wrapper">
         <div class="nbnb-left" style="margin-left: -150px;">
            <div class="nbnb2">
               <form>
                  <br>
                  <h4>选择你喜欢的品牌 ：</h4>
                  <input type="checkbox" name="品牌" value="color 1" />
                  <a href=""> DANISA/皇冠</a><br />
                  <input type="checkbox" name="品牌" value="color2" />
                  <a href=""> Three Squirrels/三只松鼠</a><br />
                  <input type="checkbox" name="品牌" value="color3" />
                  <a href=""> 良品铺子</a><br />
                  <input type="checkbox" name="品牌" value="color4" />
                  <a href=""> BE＆CHEERY/百草味</a><br />
                  <input type="checkbox" name="品牌" value="color5" />
                  <a href=""> 魔法士</a><br />
                  <input type="checkbox" name="品牌" value="color6" />
                  <a href=""> 金鹏华泽</a><br />
               </form>
            </div>
            <div class="nbnb2">
               <form>
                  <br>
                  <h4>选择你喜欢吃的零食类型：</h4>
                  <input type="checkbox" name="品牌" value="color 1" />
                  <a href=""> 鸭肉类零食</a><br />
                  <input type="checkbox" name="品牌" value="color2" />
                  <a href=""> 膨化食品</a><br />
                  <input type="checkbox" name="品牌" value="color3" />
                  <a href=""> 传统糕点传统糕点</a><br />
                  <input type="checkbox" name="品牌" value="color4" />
                  <a href=""> 鱼系列</a><br />
                  <input type="checkbox" name="品牌" value="color5" />
                  <a href=""> 曲奇饼干</a><br />
                  <input type="checkbox" name="品牌" value="color6" />
                  <a href=""> 豆腐干</a><br />
               </form>
            </div>
            <br />
            <div class="nbnb2">
               <form>
                  <h4>选择你喜欢的肉类产品 ：</h4>
                  <input type="checkbox" name="品牌" value="color 1" />
                  <a href=""> 鸭掌全鸭</a><br />
                  <input type="checkbox" name="品牌" value="color2" />
                  <a href=""> 猪肉肠</a><br />
                  <input type="checkbox" name="品牌" value="color3" />
                  <a href=""> 鸭腿</a><br />
                  <input type="checkbox" name="品牌" value="color4" />
                  <a href=""> 猪肉脯</a><br />
                  <input type="checkbox" name="品牌" value="color5" />
                  <a href=""> 鸭脖鸭翅</a><br />
               </form>
            </div>
            <br />
            <div class="nbnb2">
               <form>
                  <h4>选择你想要的省份特产：</h4>
                  <input type="checkbox" name="颜色" value="color 1" />
                  广东省<br />
                  <input type="checkbox" name="颜色" value="color2" />
                  江苏省<br />
                  <input type="checkbox" name="颜色" value="color3" />
                  浙江省<br />
                  <input type="checkbox" name="颜色" value="color4" />
                  安徽省<br />
                  <input type="checkbox" name="颜色" value="color5" />
                  河南省<br />
                  <input type="checkbox" name="颜色" value="color6" />
                  湖南省<br />
                  <input type="checkbox" name="颜色" value="color6" />
                  福建省<br />

               </form>
            </div>
            <br />
            <div class="nbnb2">
               <form>
                  <h4>选择折扣数：</h4>
                  <input type="radio" name="颜色" value="color 1" />
                  9折<br />
                  <input type="radio" name="颜色" value="color2" />
                  8折<br />
                  <input type="radio" name="颜色" value="color3" />
                  7折<br />
                  <input type="radio" name="颜色" value="color4" />
                  6折<br />
                  <input type="radio" name="颜色" value="color5" />
                  5折<br />
                  <input type="radio" name="颜色" value="color6" />
                  4折<br />
                  <input type="radio" name="颜色" value="color6" />
                  3折<br />
               </form>
            </div>
         </div>
         <div class="nbnb-right" style=" margin-bottom: 300px;margin-top: -1050px;" >
            <div class="nbnb-top">
               <p> &nbsp; &nbsp; &nbsp; 所有商品：
                  <%
                     if(arrayList != null)
                     {
                        out.println(arrayList.size());
                     }
                     else
                     {
                        out.println(0);
                     }
                  %>件 &nbsp; &nbsp; &nbsp;
                  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  分类：<a href="#">流行</a> &nbsp;| &nbsp;<a href="#">最新</a> &nbsp;|&nbsp;<a href="#">折扣</a>&nbsp;|&nbsp;<a href="#">价格从低到高</a></p>
            </div>

            <%
               if(!((ArrayList)session.getAttribute("Food") == null))
               {
                  arrayList = (ArrayList)session.getAttribute("Food");
               }
               else
               {
                  arrayList = new Food().getFoodList();
               }
               int count = 0;
               int i;
               product product = null;
               for (i = 0; i < arrayList.size(); i++)
               {
                  product = (bean.product) arrayList.get(i);
                  if(count == 0)
                  {
                     out.println("<ul style=\"margin-right: 150px;\">");
                  }
                  if(count < 3)
                  {
                     out.println("<li><a href=\"/controller.ProductServlet?product_name=" + product.getProduct_name() + "\">");
                     out.println("\t\t\t\t\t\t\t<dl>\n" +
                           "\t\t\t\t\t\t\t\t<dt><img src=\"imgs/chide1.jpg\"/></dt>\n" +
                           "\t\t\t\t\t\t\t\t<dd>");
                     out.println(product.getProduct_name());
                     out.println("</dd>\n" + "\t\t\t\t\t\t\t\t<dd>¥");
                     out.println(product.getPrice());
                     out.println("</dd>\n" +
                           "\t\t\t\t\t\t\t</dl>\n" +
                           "\t\t\t\t\t\t</a>\n" +
                           "\t\t\t\t\t</li>");
                     count++;
                     if(count == 3)
                     {
                        count = 0;
                        out.println("</ul>");
                     }
                  }
               }
               if(i == arrayList.size())
               {
                  out.println("</ul>");
               }
            %>
         </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" style="margin-left: 0px;">
         <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" style="margin-left: 230px;">
         <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" style="margin-right: 60px;">
            <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>
         <script>
            document.getElementById("not_admin").onclick = function not_admin()
            {
               alert("您需要先登录");
            }
            document.getElementById("not_admin1").onclick = function not_admin()
            {
               alert("您需要先登录");
            }
         </script>
      </div>
      <!--End Footer -->
   </body>
</html>

  1. <%@ page import="bean.user" %>
  2. <%@ page import="java.util.HashMap" %>
  3. <%@ page import="java.util.Iterator" %>
  4. <%@ page import="java.util.Map" %>
  5. <%@ page import="bean.product" %>
  6. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  7. <%user user = (bean.user)session.getAttribute("user");%>
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. 	<meta charset="utf-8">
  12. 	<title>零食巴士</title>
  13. 	<link rel="stylesheet" type="text/css" href="style.css"/>
  14. 	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  15. 	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
  16.  
  17. 	<script type="text/javascript" src="js/menu.js"></script>
  18.  
  19. 	<script type="text/javascript" src="js/lunbo_adv.js"></script>
  20.  
  21. 	<script type="text/javascript" src="js/toptop.js"> </script>
  22. </head>
  23. <body>
  24. <!-- Head Begin -->
  25. <div class="headbg">
  26. 	<div class="head">
  27. 		<!-- Begin 所在收货地址 -->
  28. 		<!-- 用<span> 来组合行内元素 -->
  29. 		<span class="head_city_back">
  30. 					<span class="fl">送货至:&nbsp;</span>
  31. 					<span class="head_city">
  32. 						<span></span>
  33. 						<div class="head_city_bg">
  34. 							<div class="head_city_temp"></div>
  35. 							<div class="head_city_common">
  36. 								<h2>请选择所在的收货地区</h2>
  37. 								
  38. 								<table class="common_table" border="0" cellpadding="0" cellspacing="0" style="width: 235px; margin-top: 10px;">
  39. 									<tr>
  40. 										<th>A</th>
  41. 										<td class="common_head"><span>安徽</span><span>澳门</span></td>
  42. 									</tr>
  43. 									<tr>
  44. 										<th>B</th>
  45. 										<td class="common_head"><span>北京</span></td>
  46. 									</tr>
  47. 									<tr>
  48. 										<th>C</th>
  49. 										<td class="common_head"><span>重庆</span></td>
  50. 									</tr>
  51. 									<tr>
  52. 										<th>F</th>
  53. 										<td class="common_head"><span>福建</span></td>
  54. 									</tr>
  55. 									<tr>
  56. 										<th>G</th>
  57. 										<td class="common_head"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
  58. 									</tr>
  59. 									<tr>
  60. 										<th>H</th>
  61. 										<td class="common_head"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
  62. 									</tr>
  63. 									<tr>
  64. 										<th>J</th>
  65. 										<td class="common_head"><span>江苏</span><span>吉林</span><span>江西</span></td>
  66. 									</tr>
  67. 									<tr>
  68. 										<th>L</th>
  69. 										<td class="common_head"><span>辽宁</span></td>
  70. 									</tr>
  71. 									<tr>
  72. 										<th>N</th>
  73. 										<td class="common_head"><span>内蒙古</span><span>宁夏</span></td>
  74. 									</tr>
  75. 									<tr>
  76. 										<th>Q</th>
  77. 										<td class="common_head"><span>上海</span><span>山东</span><span>山西</span><span>四川</span><span>陕西</span></td>
  78. 									</tr>
  79. 									<tr>
  80. 										<th>T</th>
  81. 										<td class="common_head"><span>台湾</span><span>天津</span></td>
  82. 									</tr>
  83. 									<tr>
  84. 										<th>X</th>
  85. 										<td class="common_head"><span>西藏</span><span>香港</span><span>新疆</span></td>
  86. 									</tr>
  87. 									<tr>
  88. 										<th>Y</th>
  89. 										<td class="common_head"><span>云南</span></td>
  90. 									</tr>
  91. 									<tr>
  92. 										<th>Z</th>
  93. 										<td class="common_head"><span class="common_check">浙江</span></td>
  94. 									</tr>
  95. 								</table>
  96. 							</div>
  97. 						</div>
  98. 					</span>
  99. 				</span>
  100. 		<!-- End 收货所在地 -->
  101.  
  102. 		<!-- Begin 任务栏 -->
  103. 		<span class="fr">
  104. 					<%
  105. 						if(!(user == null))
  106. 						{
  107. 							out.println("\t\t\t\t\t<span class=\"fl\">\n" +
  108. 									"\t\t\t\t\t\t<a href=\"information.jsp\">");
  109. 							out.println("欢迎回来!" + user.getName());
  110. 							out.println("</a>\n" +
  111. 									"\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
  112. 									"\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
  113. 									"\t\t\t\t\t\t |\n" +
  114. 									"\n" +
  115. 									"\t\t\t\t\t</span>");
  116. 						}
  117. 						else
  118. 						{
  119. 							out.println("\t\t\t\t\t<span class=\"fl\">\n" +
  120. 									"\t\t\t\t\t\t<a href=\"/controller.LoginWebServlet\">你好，请登录&nbsp;</a>\n" +
  121. 									"\t\t\t\t\t\t<a href=\"regist.jsp\" style=\"color: red;\">免费注册</a>\n" +
  122. 									"\t\t\t\t\t\t | <a href=\"#\">我的订单</a>\n" +
  123. 									"\t\t\t\t\t\t |\n" +
  124. 									"\n" +
  125. 									"\t\t\t\t\t</span>");
  126. 						}
  127. 					%>
  128. 					<span class="headshow">
  129. 						<div class="headshow_list">
  130. 							<a href="#">收藏夹</a>
  131. 							<div class="headshow_list_bg">
  132. 								<div class="head_city_temp"></div>
  133. 								<div class="headshow_list_common">
  134. 									<ul>
  135. 										<li>
  136. 											<a href="#">收藏的宝贝</a>
  137. 										</li>
  138. 										<li>
  139. 											<a href="#">收藏的店铺</a>
  140. 										</li>
  141. 									</ul>
  142. 								</div>
  143. 							</div>
  144. 						</div>
  145. 						<%
  146. 							if(!(user == null))
  147. 							{
  148. 								out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
  149. 										"\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
  150. 										"\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
  151. 										"\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
  152. 										"\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
  153. 										"\t\t\t\t\t\t\t\t\t<ul>\n" +
  154. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  155. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"personcenter.jsp\">个人中心</a>\n" +
  156. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  157. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  158. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
  159. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  160. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  161. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
  162. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  163. 										"\t\t\t\t\t\t\t\t\t</ul>\n" +
  164. 										"\t\t\t\t\t\t\t\t</div>\n" +
  165. 										"\t\t\t\t\t\t\t</div>\n" +
  166. 										"\t\t\t\t\t\t</div>");
  167. 							}
  168. 							else
  169. 							{
  170. 								out.println("\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"headshow_list\">\n" +
  171. 										"\t\t\t\t\t\t\t<a href=\"#\">客户服务</a>\n" +
  172. 										"\t\t\t\t\t\t\t<div class=\"headshow_list_bg\">\n" +
  173. 										"\t\t\t\t\t\t\t\t<div class=\"head_city_temp\"></div>\n" +
  174. 										"\t\t\t\t\t\t\t\t<div class=\"headshow_list_common\">\n" +
  175. 										"\t\t\t\t\t\t\t\t\t<ul>\n" +
  176. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  177. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" id=\"not_admin\">个人中心</a>\n" +
  178. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  179. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  180. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">智能助手</a>\n" +
  181. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  182. 										"\t\t\t\t\t\t\t\t\t\t<li>\n" +
  183. 										"\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">人工客服</a>\n" +
  184. 										"\t\t\t\t\t\t\t\t\t\t</li>\n" +
  185. 										"\t\t\t\t\t\t\t\t\t</ul>\n" +
  186. 										"\t\t\t\t\t\t\t\t</div>\n" +
  187. 										"\t\t\t\t\t\t\t</div>\n" +
  188. 										"\t\t\t\t\t\t</div>");
  189. 							}
  190. 						%>
  191. 						<div class="headshow_list">
  192. 							<a href="#">网站导航</a>
  193. 							<div class="headshow_list_bg">
  194. 								<div class="head_city_temp"></div>
  195. 								<div class="headshow_list_common">
  196. 									<ul>
  197. 										<li>
  198. 											<a href="#">主题市场</a>
  199. 										</li>
  200. 										<li>
  201. 											<a href="newidea.jsp">创意市场</a>
  202. 										</li>
  203. 										<li>
  204. 											<a href="#">精彩推荐集</a>
  205. 										</li>
  206. 									</ul>
  207. 								</div>
  208. 							</div>
  209. 						</div>
  210. 					</span>
  211. 					<span class="fl">
  212. 						| 关注我们：
  213. 					</span>
  214. 					<span class="show_style">
  215. 						<a href="#" class="style1">新浪</a>
  216. 						<a href="#" class="style2">微信</a>
  217. 					</span>
  218. 					<span class="fr">
  219. 						|
  220. 						<a href="#">
  221. 							手机版
  222. 							<img src="imgs/s_tel.png" align="absmiddle">
  223. 						</a>
  224. 					</span>
  225. 				</span>
  226. 	</div>
  227. </div>
  228. <!-- End 任务栏 -->
  229.  
  230. <!-- Begin 任务栏下面 logo 搜索 购物车-->
  231. <div class="top">
  232. 	<div class="logo">
  233. 		<a href="index.jsp">
  234. 			<img src="imgs/logo.png" >
  235. 		</a>
  236. 	</div>
  237. 	<div class="search">
  238. 		<form action="">
  239. 			<input type="text" value="" class="search_input" />
  240. 			<input type="submit" value="搜索" class="search_button" />
  241. 		</form>
  242. 		<span class="f1">
  243. 					<a href="#">蛋糕</a>
  244. 					<a href="#">咖啡</a>
  245. 					<a href="#">新鲜美食</a>
  246. 					<a href="#">日用品</a>
  247. 				</span>
  248. 	</div>
  249. 	<div class="info_car">
  250. 		<div class="car_temp">购物车 [ <span>
  251. 			<%
  252. 				if(!(user == null))
  253. 				{
  254. 					out.println(user.getShoppingCart().getCart().size());
  255. 				}
  256. 				else
  257. 				{
  258. 					out.println(0);
  259. 				}
  260. 			%>
  261. 		</span> ]</div>
  262. 		<div class="car_bg">
  263. 			<%
  264. 				if(!(user == null))
  265. 				{
  266. 					out.println("<ul class=\"cars\">");
  267. 					HashMap map = user.getShoppingCart().getCart();
  268. 					Iterator iterator = map.entrySet().iterator();
  269. 					double count = 0.0;
  270. 					int num = 0;
  271. 					while(iterator.hasNext())
  272. 					{
  273. 						Map.Entry entry = (Map.Entry)iterator.next();
  274. 						out.println("\t\t\t\t<li>\n" +
  275. 								"\t\t\t\t\t<div class=\"img\">\n" +
  276. 								"\t\t\t\t\t\t<a href=\"#\">\n" +
  277. 								"\t\t\t\t\t\t\t<img src=\"imgs/fre_2.jpg\" width=\"58\" height=\"58\" >\n" +
  278. 								"\t\t\t\t\t\t</a>\n" +
  279. 								"\t\t\t\t\t</div>\n" +
  280. 								"\t\t\t\t\t<div class=\"name\">\n" +
  281. 								"\t\t\t\t\t\t<a href=\"#\">");
  282. 						product product = (bean.product)entry.getKey();
  283. 						count = count + (product.getPrice() * (int)entry.getValue());
  284. 						out.println(product.getProduct_name() + "</a>\n" +
  285. 								"\t\t\t\t\t</div>\n" +
  286. 								"\t\t\t\t\t<div class=\"price\">\n" +
  287. 								"\t\t\t\t\t\t<font color=\"#FF4E00\">&nbsp;&nbsp;￥");
  288. 						out.println(product.getPrice() + "</font>X" + entry.getValue() + "</div></li>");
  289. 						num++;
  290. 					}
  291. 					if(num == 0)
  292. 					{
  293. 						out.println("\t\t\t<div class=\"un_login\">\n" +
  294. 								"\t\t\t\t还没有商品呢！\n" +
  295. 								"\t\t\t\t<a href=\"food.jsp\" style=\"color: #FF4E00;\">现在就去选购</a>\n" +
  296. 								"\t\t\t\t心怡的商品！\n" +
  297. 								"\t\t\t</div>");
  298. 					}
  299. 					else
  300. 					{
  301. 						out.println("\t\t\t</ul>");
  302. 						out.println("\t\t\t<div class=\"price_sum\">\n" +
  303. 								"\t\t\t\t共计\n" +
  304. 								"\t\t\t\t<font color=\"#FF4E00\"> ￥</font>\n" +
  305. 								"\t\t\t\t<span>");
  306. 						out.println(count);
  307. 						out.println("</span>\n" +
  308. 								"\t\t\t</div>\n" +
  309. 								"\t\t\t<div class=\"price_account\">\n" +
  310. 								"\t\t\t\t<a href=\"buycar.jsp\">去购物车结算</a>\n" +
  311. 								"\t\t\t</div>");
  312. 					}
  313. 				}
  314. 				else
  315. 				{
  316. 					out.println("\t\t\t<div class=\"un_login\">\n" +
  317. 							"\t\t\t\t还未登录！\n" +
  318. 							"\t\t\t\t<a href=\"login.jsp\" style=\"color: #FF4E00;\">马上登录</a>\n" +
  319. 							"\t\t\t\t查看购物车！\n" +
  320. 							"\t\t\t</div>");
  321. 				}
  322. 			%>
  323. 		</div>
  324. 	</div>
  325. </div>
  326. <!--End Head-->
  327.  
  328. <!--Begin Menu -->
  329. <div class="menu_bg">
  330. 	<div class="menu">
  331. 		<!--Begin 商品分类详情 Begin-->
  332. 		<div class="nav">
  333. 			<div class="nav_t">全部商品分类</div>
  334. 			<div class="leftNav">
  335. 				<ul>
  336. 					<li>
  337. 						<div class="fj">
  338. 							<span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
  339. 							<span class="fl">进口食品、生鲜</span>
  340. 						</div>
  341. 						<div class="zj">
  342. 							<div class="zj_l">
  343. 								<div class="zj_l_c">
  344. 									<h2>零食 / 糖果 / 巧克力</h2>
  345. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  346. 										href="#">巧克力</a>|
  347. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  348. 										href="#">红枣</a>|
  349. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  350. 								</div>
  351. 								<div class="zj_l_c">
  352. 									<h2>零食 / 糖果 / 巧克力</h2>
  353. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  354. 										href="#">巧克力</a>|
  355. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  356. 										href="#">红枣</a>|
  357. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  358. 								</div>
  359. 								<div class="zj_l_c">
  360. 									<h2>零食 / 糖果 / 巧克力</h2>
  361. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  362. 										href="#">巧克力</a>|
  363. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  364. 										href="#">红枣</a>|
  365. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  366. 								</div>
  367. 								<div class="zj_l_c">
  368. 									<h2>零食 / 糖果 / 巧克力</h2>
  369. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  370. 										href="#">巧克力</a>|
  371. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  372. 										href="#">红枣</a>|
  373. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  374. 								</div>
  375. 								<div class="zj_l_c">
  376. 									<h2>零食 / 糖果 / 巧克力</h2>
  377. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  378. 										href="#">巧克力</a>|
  379. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  380. 										href="#">红枣</a>|
  381. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  382. 								</div>
  383. 								<div class="zj_l_c">
  384. 									<h2>零食 / 糖果 / 巧克力</h2>
  385. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  386. 										href="#">巧克力</a>|
  387. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  388. 										href="#">红枣</a>|
  389. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  390. 								</div>
  391. 							</div>
  392. 							<div class="zj_r">
  393. 								<a href="#"><img src="imgs/food_b1.jpg" width="236" height="200" /></a>
  394. 								<a href="#"><img src="imgs/food_b2.jpg" width="236" height="200" /></a>
  395. 							</div>
  396. 						</div>
  397. 					</li>
  398. 					<li>
  399. 						<div class="fj">
  400. 							<span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
  401. 							<span class="fl">食品、饮料、酒</span>
  402. 						</div>
  403. 						<div class="zj" style="top:-40px;">
  404. 							<div class="zj_l">
  405. 								<div class="zj_l_c">
  406. 									<h2>零食 / 糖果 / 巧克力2</h2>
  407. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  408. 										href="#">巧克力</a>|
  409. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  410. 										href="#">红枣</a>|
  411. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  412. 								</div>
  413. 								<div class="zj_l_c">
  414. 									<h2>零食 / 糖果 / 巧克力</h2>
  415. 									<a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
  416. 										href="#">巧克力</a>|
  417. 									<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
  418. 										href="#">红枣</a>|
  419. 									<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
  420. 								</div>
  421. 							</div>
  422. 							<div class="zj_r">
  423. 								<a href="#"><img src="imgs/fre_b1.jpg" width="236" height="200" /></a>
  424. 								<a href="#"><img src="imgs/fre_b2.jpg" width="236" height="200" /></a>
  425. 							</div>
  426. 						</div>
  427. 					</li>
  428. 					<li>
  429. 						<div class="fj">
  430. 							<span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
  431. 							<span class="fl">进口食品、生鲜</span>
  432. 						</div>
  433. 					</li>
  434. 					<li>
  435. 						<div class="fj">
  436. 							<span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
  437. 							<span class="fl">食品、饮料、酒</span>
  438. 						</div>
  439. 					</li>
  440. 					<li>
  441. 						<div class="fj">
  442. 							<span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
  443. 							<span class="fl">进口食品、生鲜</span>
  444. 						</div>
  445. 					</li>
  446. 					<li>
  447. 						<div class="fj">
  448. 							<span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
  449. 							<span class="fl">食品、饮料、酒</span>
  450. 						</div>
  451. 					</li>
  452. 					<li>
  453. 						<div class="fj">
  454. 							<span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
  455. 							<span class="fl">进口食品、生鲜</span>
  456. 						</div>
  457. 					</li>
  458. 					<li>
  459. 						<div class="fj">
  460. 							<span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
  461. 							<span class="fl">食品、饮料、酒</span>
  462. 						</div>
  463. 					</li>
  464. 				</ul>
  465. 			</div>
  466. 		</div>
  467. 		<!--End 商品分类详情 End-->
  468. 		<ul class="menu_r">
  469. 			<li><a href="index.jsp">首页</a></li>
  470. 			<li><a href="/controller.FoodServlet">美食</a></li>
  471. 			<li><a href="#">生鲜</a></li>
  472. 			<li><a href="#">团购</a></li>
  473. 			<div id="showtime"></div>
  474. 		</ul>
  475.  
  476. 		<div class="m_ad"> 双十一送好礼！</div>
  477. 	</div>
  478. </div>
  479. <!--End Menu-->
  480.  
  481. <!-- Begin 具体内容 -->
  482. <div class="i_bg bg_color">
  483. 	<div class="i_ban_bg">
  484. 		<!--Begin Banner-->
  485. 		<div class="banner">
  486. 			<!--横幅广告-->
  487. 			<div id="adv">
  488. 				<dl>
  489. 					<dt> <a href="#" id="a1">1</a> <a href="#" id="a2">2</a> <a href="#" id="a3">3</a> </dt>
  490. 					<dd> <a href="#"><img src="imgs/ban1.jpg" id="banner" alt="广告" /></a> </dd>
  491. 				</dl>
  492. 			</div>
  493. 		</div>
  494.  
  495. 		<!--End Banner End-->
  496. 		<div class="inews">
  497. 			<div class="news_t">
  498. 				<span class="fr"><a href="#">更多 ></a></span>新闻资讯
  499. 			</div>
  500. 			<ul>
  501. 				<li><span>[ 特惠 ]</span><a href="#">掬一轮明月 表无尽惦念</a></li>
  502. 				<li><span>[ 公告 ]</span><a href="#">好奇金装成长裤新品上市</a></li>
  503. 				<li><span>[ 特惠 ]</span><a href="#">大牌闪购 · 抢！</a></li>
  504. 				<li><span>[ 公告 ]</span><a href="#">发福利 买车就抢千元油卡</a></li>
  505. 				<li><span>[ 公告 ]</span><a href="#">家电低至五折</a></li>
  506. 			</ul>
  507. 			<ul>
  508. 				<li><span>[ 特惠 ]</span><a href="#">掬一轮明月 表无尽惦念</a></li>
  509. 				<li><span>[ 公告 ]</span><a href="#">好奇金装成长裤新品上市</a></li>
  510. 				<li><span>[ 特惠 ]</span><a href="#">大牌闪购 · 抢！</a></li>
  511. 				<li><span>[ 公告 ]</span><a href="#">发福利 买车就抢千元油卡</a></li>
  512. 				<li><span>[ 公告 ]</span><a href="#">家电低至五折</a></li>
  513. 			</ul>
  514. 		</div>
  515. 	</div>
  516.  
  517. 	<!--Begin 热门商品-->
  518. 	<div class="content mar_10">
  519. 		<div class="hot_left_img">
  520. 			<div class="img"><img src="imgs/l_img.jpg" width="188" height="188" /></div>
  521. 			<div class="price_bg">
  522. 				<span class="price fl">￥53.00</span>
  523. 				<span class="fr">16R</span>
  524. 			</div>
  525. 		</div>
  526. 		<div class="hot_product">
  527. 			<div id="featureContainer">
  528. 				<div id="feature">
  529. 					<div id="block">
  530. 						<div id="botton-scroll">
  531. 							<ul class="featureUL">
  532. 								<li class="featureBox">
  533. 									<div class="box">
  534. 										<div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
  535. 										</div>
  536. 										<div class="img_bg">
  537. 											<a href="Product.jsp"><img src="imgs/hot1.jpg" width="160"
  538. 																		height="136" /></a>
  539. 										</div>
  540. 										<div class="name">
  541. 											<a href="Product.jsp">
  542. 												<h2>德国进口</h2>
  543. 												德亚全脂纯牛奶200ml*48盒
  544. 											</a>
  545. 										</div>
  546. 										<div class="price">
  547. 											<font>￥<span>189</span></font> &nbsp; 26R
  548. 										</div>
  549. 									</div>
  550. 								</li>
  551. 								<li class="featureBox">
  552. 									<div class="box">
  553. 										<div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
  554. 										</div>
  555. 										<div class="img_bg">
  556. 											<a href="Product.jsp"><img src="imgs/hot2.jpg" width="160"
  557. 																		height="136" /></a>
  558. 										</div>
  559. 										<div class="name">
  560. 											<a href="Product.jsp">
  561. 												<h2>鸡尾酒</h2>
  562. 												鸡尾酒/限定包装/3瓶装
  563. 											</a>
  564. 										</div>
  565. 										<div class="price">
  566. 											<font>￥<span>28</span></font> &nbsp; 25R
  567. 										</div>
  568. 									</div>
  569. 								</li>
  570. 								<li class="featureBox">
  571. 									<div class="box">
  572. 										<div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
  573. 										</div>
  574. 										<div class="img_bg">
  575. 											<a href="#"><img src="imgs/hot3.jpg" width="160" height="136" /></a>
  576. 										</div>
  577. 										<div class="name">
  578. 											<a href="#">
  579. 												<h2>进口狗狗饼干</h2>
  580. 												进口狗狗饼干套装8折促销
  581. 											</a>
  582. 										</div>
  583. 										<div class="price">
  584. 											<font>￥<span>368</span></font> &nbsp; 18R
  585. 										</div>
  586. 									</div>
  587. 								</li>
  588. 								<li class="featureBox">
  589. 									<div class="box">
  590. 										<div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
  591. 										</div>
  592. 										<div class="img_bg">
  593. 											<a href="#"><img src="imgs/hot4.jpg" width="160" height="136" /></a>
  594. 										</div>
  595. 										<div class="name">
  596. 											<a href="#">
  597. 												<h2>品利特级橄榄油</h2>
  598. 												750ml*4瓶装组合 西班牙原装进口
  599. 											</a>
  600. 										</div>
  601. 										<div class="price">
  602. 											<font>￥<span>280</span></font> &nbsp; 30R
  603. 										</div>
  604. 									</div>
  605. 								</li>
  606. 							</ul>
  607. 						</div>
  608. 					</div>
  609.  
  610. 				</div>
  611. 			</div>
  612. 		</div>
  613. 	</div>
  614.  
  615. 	<div class="content mar_20">
  616. 		<img src="imgs/mban_1.jpg" width="1200" height="110" />
  617. 	</div>
  618. 	<!-- End 热门商品 -->
  619.  
  620. 	<!--Begin 进口 生鲜-->
  621. 	<div class="wordstyle1 mar_10">
  622. 		<span class="floor_num">1F</span>
  623. 		<span class="fl">进口 <b>·</b> 生鲜</span>
  624. 		<span class="info_mores fr"><a href="#">进口咖啡</a>&nbsp; &nbsp; | &nbsp; <a href="#">进口酒</a>&nbsp; &nbsp; | &nbsp; <a
  625. 				href="#">进口母婴</a>&nbsp; &nbsp; | &nbsp; <a href="#">新鲜蔬菜</a>&nbsp; &nbsp; | &nbsp; <a
  626. 				href="#">新鲜水果</a></span>
  627. 	</div>
  628. 	<div class="content">
  629. 		<div class="fresh_left">
  630. 			<div class="fre_ban">
  631. 				<div id="imgPlay1">
  632. 					<li><a href="#"><img src="imgs/fre_r.jpg" width="211" height="286" /></a></li>
  633. 				</div>
  634. 			</div>
  635. 			<div class="fresh_txt">
  636. 				<div class="fresh_txt_common">
  637. 					<a href="#">进口水果</a><a href="#">奇异果</a><a href="#">海鲜水产</a><a
  638. 						href="#">品质牛肉</a><a href="#">鲜活禽蛋</a><a href="#">进口酒</a><a
  639. 						href="#">进口奶粉</a><a href="#">鲜活禽蛋</a>
  640. 				</div>
  641. 			</div>
  642. 		</div>
  643. 		<div class="fresh_mid">
  644. 			<ul>
  645. 				<li>
  646. 					<div class="name"><a href="#">新鲜美味 进口美食</a></div>
  647. 					<div class="price">
  648. 						<font>￥<span>198.00</span></font> &nbsp; 26R
  649. 					</div>
  650. 					<div class="img"><a href="#"><img src="imgs/fre_1.jpg" width="185" height="155" /></a></div>
  651. 				</li>
  652. 				<li>
  653. 					<div class="name"><a href="#">新鲜美味 进口美食</a></div>
  654. 					<div class="price">
  655. 						<font>￥<span>198.00</span></font> &nbsp; 26R
  656. 					</div>
  657. 					<div class="img"><a href="#"><img src="imgs/fre_2.jpg" width="185" height="155" /></a></div>
  658. 				</li>
  659. 				<li>
  660. 					<div class="name"><a href="#">新鲜美味 进口美食</a></div>
  661. 					<div class="price">
  662. 						<font>￥<span>198.00</span></font> &nbsp; 26R
  663. 					</div>
  664. 					<div class="img"><a href="#"><img src="imgs/fre_3.jpg" width="185" height="155" /></a></div>
  665. 				</li>
  666. 				<li>
  667. 					<div class="name"><a href="#">新鲜美味 进口美食</a></div>
  668. 					<div class="price">
  669. 						<font>￥<span>198.00</span></font> &nbsp; 26R
  670. 					</div>
  671. 					<div class="img"><a href="#"><img src="imgs/fre_4.jpg" width="185" height="155" /></a></div>
  672. 				</li>
  673. 				<li>
  674. 					<div class="name"><a href="#">新鲜美味 进口美食</a></div>
  675. 					<div class="price">
  676. 						<font>￥<span>198.00</span></font> &nbsp; 26R
  677. 					</div>
  678. 					<div class="img"><a href="#"><img src="imgs/fre_5.jpg" width="185" height="155" /></a></div>
  679. 				</li>
  680. 				<li>
  681. 					<div class="name"><a href="#">新鲜美味 进口美食</a></div>
  682. 					<div class="price">
  683. 						<font>￥<span>198.00</span></font> &nbsp; 26R
  684. 					</div>
  685. 					<div class="img"><a href="#"><img src="imgs/fre_6.jpg" width="185" height="155" /></a></div>
  686. 				</li>
  687. 			</ul>
  688. 		</div>
  689. 		<div class="fresh_right">
  690. 			<ul>
  691. 				<li><a href="#"><img src="imgs/fre_b1.jpg" width="260" height="220" /></a></li>
  692. 				<li><a href="#"><img src="imgs/fre_b2.jpg" width="260" height="220" /></a></li>
  693. 			</ul>
  694. 		</div>
  695. 	</div>
  696. 	<!--End 进口 生鲜-->
  697.  
  698. 	<!--Begin 食品饮料-->
  699. 	<div class="wordstyle1 mar_10">
  700. 		<span class="floor_num">2F</span>
  701. 		<span class="fl">食品饮料</span>
  702. 		<span class="info_mores fr"><a href="#">咖啡</a>&nbsp; &nbsp; | &nbsp; &nbsp;<a href="#">休闲零食</a>&nbsp; &nbsp; |
  703. 					&nbsp; &nbsp;<a href="#">饼干糕点</a>&nbsp; &nbsp; | &nbsp; &nbsp;<a href="#">冲饮谷物</a>&nbsp; &nbsp; | &nbsp;
  704. 					&nbsp;<a href="#">营养保健</a></span>
  705. 	</div>
  706. 	<div class="content">
  707. 		<div class="food_left">
  708. 			<div class="food_ban">
  709. 				<div id="imgPlay2">
  710. 					<li><a href="#"><img src="imgs/food_r.jpg" width="211" height="286" /></a></li>
  711. 				</div>
  712. 			</div>
  713. 			<div class="fresh_txt">
  714. 				<div class="fresh_txt_common">
  715. 					<a href="#">饼干糕点</a><a href="#">休闲零食</a><a href="#">饮料果汁</a><a href="#">牛奶乳品</a><a
  716. 						href="#">冲饮谷物</a><a href="#">营养保健</a><a href="#">冲饮谷物</a><a href="#">营养保健</a>
  717. 				</div>
  718. 			</div>
  719. 		</div>
  720. 		<div class="fresh_mid">
  721. 			<ul>
  722. 				<li>
  723. 					<div class="name"><a href="#">莫斯利安酸奶</a></div>
  724. 					<div class="price">
  725. 						<font>￥<span>96.00</span></font> &nbsp; 25R
  726. 					</div>
  727. 					<div class="img"><a href="#"><img src="imgs/food_1.jpg" width="185" height="155" /></a></div>
  728. 				</li>
  729. 				<li>
  730. 					<div class="name"><a href="#">趣多多散装</a></div>
  731. 					<div class="price">
  732. 						<font>￥<span>96.00</span></font> &nbsp; 25R
  733. 					</div>
  734. 					<div class="img"><a href="#"><img src="imgs/food_2.jpg" width="185" height="155" /></a></div>
  735. 				</li>
  736. 				<li>
  737. 					<div class="name"><a href="#">休闲零食包</a></div>
  738. 					<div class="price">
  739. 						<font>￥<span>96.00</span></font> &nbsp; 25R
  740. 					</div>
  741. 					<div class="img"><a href="#"><img src="imgs/food_3.jpg" width="185" height="155" /></a></div>
  742. 				</li>
  743. 				<li>
  744. 					<div class="name"><a href="#">RIO鸡尾酒</a></div>
  745. 					<div class="price">
  746. 						<font>￥<span>96.00</span></font> &nbsp; 25R
  747. 					</div>
  748. 					<div class="img"><a href="#"><img src="imgs/food_4.jpg" width="185" height="155" /></a></div>
  749. 				</li>
  750. 				<li>
  751. 					<div class="name"><a href="#">不知名生物</a></div>
  752. 					<div class="price">
  753. 						<font>￥<span>96.00</span></font> &nbsp; 25R
  754. 					</div>
  755. 					<div class="img"><a href="#"><img src="imgs/food_5.jpg" width="185" height="155" /></a></div>
  756. 				</li>
  757. 				<li>
  758. 					<div class="name"><a href="#">进口红酒</a></div>
  759. 					<div class="price">
  760. 						<font>￥<span>96.00</span></font> &nbsp; 25R
  761. 					</div>
  762. 					<div class="img"><a href="#"><img src="imgs/food_6.jpg" width="185" height="155" /></a></div>
  763. 				</li>
  764. 			</ul>
  765. 		</div>
  766. 		<div class="fresh_right">
  767. 			<ul>
  768. 				<li><a href="#"><img src="imgs/food_b1.jpg" width="260" height="220" /></a></li>
  769. 				<li><a href="#"><img src="imgs/food_b2.jpg" width="260" height="220" /></a></li>
  770. 			</ul>
  771. 		</div>
  772. 	</div>
  773. 	<!--End 食品饮料 -->
  774.  
  775. 	<!--Begin 猜你喜欢-->
  776. 	<div class="mar_10 wordstyle1">
  777. 		<span class="fl">猜你喜欢</span>
  778. 	</div>
  779. 	<div class="like">
  780. 		<div id="featureContainer1">
  781. 			<div id="feature1">
  782. 				<div id="block1">
  783. 					<div id="botton-scroll1">
  784. 						<ul class="featureUL">
  785. 							<li class="featureBox">
  786. 								<div class="box">
  787. 									<div class="img_bg">
  788. 										<a href="#"><img src="imgs/hot1.jpg" width="160" height="136" /></a>
  789. 									</div>
  790. 									<div class="name">
  791. 										<a href="#">
  792. 											<h2>德国进口</h2>
  793. 											德亚全脂纯牛奶200ml*48盒
  794. 										</a>
  795. 									</div>
  796. 									<div class="price">
  797. 										<font>￥<span>189</span></font> &nbsp; 26R
  798. 									</div>
  799. 								</div>
  800. 							</li>
  801. 							<li class="featureBox">
  802. 								<div class="box">
  803. 									<div class="img_bg">
  804. 										<a href="#"><img src="imgs/hot2.jpg" width="160" height="136" /></a>
  805. 									</div>
  806. 									<div class="name">
  807. 										<a href="#">
  808. 											<h2>Rio鸡尾酒</h2>
  809. 											鸡尾酒/限定包装/3瓶装
  810. 										</a>
  811. 									</div>
  812. 									<div class="price">
  813. 										<font>￥<span>88</span></font> &nbsp; 25R
  814. 									</div>
  815. 								</div>
  816. 							</li>
  817. 							<li class="featureBox">
  818. 								<div class="box">
  819. 									<div class="img_bg">
  820. 										<a href="#"><img src="imgs/hot3.jpg" width="160" height="136" /></a>
  821. 									</div>
  822. 									<div class="name">
  823. 										<a href="#">
  824. 											<h2>进口狗狗饼干</h2>
  825. 											进口狗狗饼干套装8折促销
  826. 										</a>
  827. 									</div>
  828. 									<div class="price">
  829. 										<font>￥<span>368</span></font> &nbsp; 18R
  830. 									</div>
  831. 								</div>
  832. 							</li>
  833. 							<li class="featureBox">
  834. 								<div class="box">
  835. 									<div class="img_bg">
  836. 										<a href="#"><img src="imgs/hot4.jpg" width="160" height="136" /></a>
  837. 									</div>
  838. 									<div class="name">
  839. 										<a href="#">
  840. 											<h2>品利特级橄榄油</h2>
  841. 											750ml*4瓶装组合 西班牙原装进口
  842. 										</a>
  843. 									</div>
  844. 									<div class="price">
  845. 										<font>￥<span>280</span></font> &nbsp; 30R
  846. 									</div>
  847. 								</div>
  848. 							</li>
  849. 							<li class="featureBox">
  850. 								<div class="box">
  851. 									<div class="img_bg">
  852. 										<a href="#"><img src="imgs/food_1.jpg" width="160" height="136" /></a>
  853. 									</div>
  854. 									<div class="name">
  855. 										<a href="#">
  856. 											<h2>莫斯利安酸奶</h2>
  857. 											450ml*12瓶装组合 优质好酸奶
  858. 										</a>
  859. 									</div>
  860. 									<div class="price">
  861. 										<font>￥<span>96</span></font> &nbsp; 25R
  862. 									</div>
  863. 								</div>
  864. 							</li>
  865. 						</ul>
  866. 					</div>
  867. 				</div>
  868. 			</div>
  869. 		</div>
  870. 	</div>
  871. 	<!--End 猜你喜欢-->
  872.  
  873. 	<!--返回顶部-->
  874. 	<div class="gotop">
  875. 		<a href="buycar.jsp">
  876. 			<dl>
  877. 				<dt><img src="imgs/gt1.png"/></dt>
  878. 				<dd>去购<br />物车</dd>
  879. 			</dl>
  880. 		</a>
  881. 		<%
  882. 		 	if(user == null)
  883. 			 {
  884. 				 out.println("<a href=\"#\" id=\"not_admin1\">\n" +
  885. 						 "\t\t\t<dl>\n" +
  886. 						 "\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
  887. 						 "\t\t\t\t<dd>个人<br />中心</dd>\n" +
  888. 						 "\t\t\t</dl>\n" +
  889. 						 "\t\t</a>");
  890. 			 }
  891. 			 else
  892. 			 {
  893. 				 out.println("<a href=\"personcenter.jsp\" >\n" +
  894. 						 "\t\t\t<dl>\n" +
  895. 						 "\t\t\t\t<dt><img src=\"imgs/gt3.png\"/></dt>\n" +
  896. 						 "\t\t\t\t<dd>个人<br />中心</dd>\n" +
  897. 						 "\t\t\t</dl>\n" +
  898. 						 "\t\t</a>");
  899. 			 }
  900. 		%>
  901. 		<a href="#" class="toptop">
  902. 			<dl>
  903. 				<dt><img src="imgs/gt4.png"/></dt>
  904. 				<dd>返回<br />顶部</dd>
  905. 			</dl>
  906. 		</a>
  907. 	</div>
  908.  
  909. 	<!--Begin Footer-->
  910. 	<div class="behind_bottom_bg behind_bottom_common">
  911. 		<div class="behind_bottom">
  912. 			<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  913. 				<tr>
  914. 					<td width="72"><img src="imgs/b1.png" width="62" height="62" /></td>
  915. 					<td>
  916. 						<h2>正品保障</h2>正品行货 放心购买
  917. 					</td>
  918. 				</tr>
  919. 			</table>
  920. 			<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  921. 				<tr>
  922. 					<td width="72"><img src="imgs/b2.png" width="62" height="62" /></td>
  923. 					<td>
  924. 						<h2>满38包邮</h2>满38包邮 免运费
  925. 					</td>
  926. 				</tr>
  927. 			</table>
  928. 			<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  929. 				<tr>
  930. 					<td width="72"><img src="imgs/b3.png" width="62" height="62" /></td>
  931. 					<td>
  932. 						<h2>天天低价</h2>天天低价 畅选无忧
  933. 					</td>
  934. 				</tr>
  935. 			</table>
  936. 			<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
  937. 				<tr>
  938. 					<td width="72"><img src="imgs/b4.png" width="62" height="62" /></td>
  939. 					<td>
  940. 						<h2>准时送达</h2>收货时间由你做主
  941. 					</td>
  942. 				</tr>
  943. 			</table>
  944. 		</div>
  945. 	</div>
  946. 	<div class="behind_nav" >
  947. 		<dl>
  948. 			<dt><a href="#">新手上路</a></dt>
  949. 			<dd><a href="#">售后流程</a></dd>
  950. 			<dd><a href="#">购物流程</a></dd>
  951. 			<dd><a href="#">订购方式</a></dd>
  952. 			<dd><a href="#">隐私声明</a></dd>
  953. 			<dd><a href="#">推荐分享说明</a></dd>
  954. 		</dl>
  955. 		<dl>
  956. 			<dt><a href="#">配送与支付</a></dt>
  957. 			<dd><a href="#">货到付款区域</a></dd>
  958. 			<dd><a href="#">配送支付查询</a></dd>
  959. 			<dd><a href="#">支付方式说明</a></dd>
  960. 		</dl>
  961. 		<dl>
  962. 			<dt><a href="#">会员中心</a></dt>
  963. 			<dd><a href="#">资金管理</a></dd>
  964. 			<dd><a href="#">我的收藏</a></dd>
  965. 			<dd><a href="#">我的订单</a></dd>
  966. 		</dl>
  967. 		<dl>
  968. 			<dt><a href="#">服务保证</a></dt>
  969. 			<dd><a href="#">退换货原则</a></dd>
  970. 			<dd><a href="#">售后服务保证</a></dd>
  971. 			<dd><a href="#">产品质量保证</a></dd>
  972. 		</dl>
  973. 		<dl>
  974. 			<dt><a href="#">联系我们</a></dt>
  975. 			<dd><a href="/controller.ManagementServlet">网站故障报告</a></dd>
  976. 			<dd><a href="/controller.ManagementServlet">购物咨询</a></dd>
  977. 			<dd><a href="/controller.ManagementServlet">投诉与建议</a></dd>
  978. 		</dl>
  979. 		<div class="behind_tell_bg">
  980. 			<a href="#" class="bottom_style1">新浪微博</a>
  981. 			<a href="#" class="bottom_style2">腾讯微博</a>
  982. 			<p class="toptop">
  983. 				服务热线：<br/>
  984. 				<span>400-123-4567</span>
  985. 			</p>
  986. 		</div>
  987.  
  988. 	</div>
  989. 	<div class="bottom_bg">
  990. 		<div class="bottom">
  991. 			备案/许可证编号：京ICP备120093xxxx号 Copyright © 2015-2019 进口商城商城网 All Rights Reserved. <br />
  992. 			<a href="#"> <img src="imgs/b_1.gif" width="98" height="33" > </a>
  993. 			<a href="#"> <img src="imgs/b_2.gif" width="98" height="33" > </a>
  994. 			<a href="#"> <img src="imgs/b_3.gif" width="98" height="33" > </a>
  995. 			<a href="#"> <img src="imgs/b_4.gif" width="98" height="33" > </a>
  996. 			<a href="#"> <img src="imgs/b_5.gif" width="98" height="33" > </a>
  997. 			<a href="#"> <img src="imgs/b_6.gif" width="98" height="33" > </a>
  998. 		</div>
  999. 	</div>
  1000. 	<!--End Footer -->
  1001. </div>
  1002. <script>
  1003. 	document.getElementById("not_admin").onclick = function not_admin()
  1004. 	{
  1005. 		alert("您需要先登录");
  1006. 	}
  1007. 	document.getElementById("not_admin1").onclick = function not_admin()
  1008. 	{
  1009. 		alert("您需要先登录");
  1010. 	}
  1011. </script>
  1012. </body>
  1013.  
  1014. </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");%>
<!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/lunbo_adv.js"></script>

   <script type="text/javascript" src="js/toptop.js"> </script>
</head>
<body>
<!-- Head Begin -->
<div class="headbg">
   <div class="head">
      <!-- Begin 所在收货地址 -->
      <!-- 用<span> 来组合行内元素 -->
      <span class="head_city_back">
               <span class="fl">送货至:&nbsp;</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=\"/controller.LoginWebServlet\">你好，请登录&nbsp;</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\">&nbsp;&nbsp;￥");
                  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">
            <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>
               <li>
                  <div class="fj">
                     <span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
                     <span class="fl">进口食品、生鲜</span>
                  </div>
               </li>
               <li>
                  <div class="fj">
                     <span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
                     <span class="fl">食品、饮料、酒</span>
                  </div>
               </li>
               <li>
                  <div class="fj">
                     <span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
                     <span class="fl">进口食品、生鲜</span>
                  </div>
               </li>
               <li>
                  <div class="fj">
                     <span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
                     <span class="fl">食品、饮料、酒</span>
                  </div>
               </li>
               <li>
                  <div class="fj">
                     <span class="n_img"><span></span><img src="imgs/nav1.png" /></span>
                     <span class="fl">进口食品、生鲜</span>
                  </div>
               </li>
               <li>
                  <div class="fj">
                     <span class="n_img"><span></span><img src="imgs/nav2.png" /></span>
                     <span class="fl">食品、饮料、酒</span>
                  </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>
         <div id="showtime"></div>
      </ul>

      <div class="m_ad"> 双十一送好礼！</div>
   </div>
</div>
<!--End Menu-->

<!-- Begin 具体内容 -->
<div class="i_bg bg_color">
   <div class="i_ban_bg">
      <!--Begin Banner-->
      <div class="banner">
         <!--横幅广告-->
         <div id="adv">
            <dl>
               <dt> <a href="#" id="a1">1</a> <a href="#" id="a2">2</a> <a href="#" id="a3">3</a> </dt>
               <dd> <a href="#"><img src="imgs/ban1.jpg" id="banner" alt="广告" /></a> </dd>
            </dl>
         </div>
      </div>

      <!--End Banner End-->
      <div class="inews">
         <div class="news_t">
            <span class="fr"><a href="#">更多 ></a></span>新闻资讯
         </div>
         <ul>
            <li><span>[ 特惠 ]</span><a href="#">掬一轮明月 表无尽惦念</a></li>
            <li><span>[ 公告 ]</span><a href="#">好奇金装成长裤新品上市</a></li>
            <li><span>[ 特惠 ]</span><a href="#">大牌闪购 · 抢！</a></li>
            <li><span>[ 公告 ]</span><a href="#">发福利 买车就抢千元油卡</a></li>
            <li><span>[ 公告 ]</span><a href="#">家电低至五折</a></li>
         </ul>
         <ul>
            <li><span>[ 特惠 ]</span><a href="#">掬一轮明月 表无尽惦念</a></li>
            <li><span>[ 公告 ]</span><a href="#">好奇金装成长裤新品上市</a></li>
            <li><span>[ 特惠 ]</span><a href="#">大牌闪购 · 抢！</a></li>
            <li><span>[ 公告 ]</span><a href="#">发福利 买车就抢千元油卡</a></li>
            <li><span>[ 公告 ]</span><a href="#">家电低至五折</a></li>
         </ul>
      </div>
   </div>

   <!--Begin 热门商品-->
   <div class="content mar_10">
      <div class="hot_left_img">
         <div class="img"><img src="imgs/l_img.jpg" width="188" height="188" /></div>
         <div class="price_bg">
            <span class="price fl">￥53.00</span>
            <span class="fr">16R</span>
         </div>
      </div>
      <div class="hot_product">
         <div id="featureContainer">
            <div id="feature">
               <div id="block">
                  <div id="botton-scroll">
                     <ul class="featureUL">
                        <li class="featureBox">
                           <div class="box">
                              <div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
                              </div>
                              <div class="img_bg">
                                 <a href="Product.jsp"><img src="imgs/hot1.jpg" width="160"
                                                      height="136" /></a>
                              </div>
                              <div class="name">
                                 <a href="Product.jsp">
                                    <h2>德国进口</h2>
                                    德亚全脂纯牛奶200ml*48盒
                                 </a>
                              </div>
                              <div class="price">
                                 <font>￥<span>189</span></font> &nbsp; 26R
                              </div>
                           </div>
                        </li>
                        <li class="featureBox">
                           <div class="box">
                              <div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
                              </div>
                              <div class="img_bg">
                                 <a href="Product.jsp"><img src="imgs/hot2.jpg" width="160"
                                                      height="136" /></a>
                              </div>
                              <div class="name">
                                 <a href="Product.jsp">
                                    <h2>鸡尾酒</h2>
                                    鸡尾酒/限定包装/3瓶装
                                 </a>
                              </div>
                              <div class="price">
                                 <font>￥<span>28</span></font> &nbsp; 25R
                              </div>
                           </div>
                        </li>
                        <li class="featureBox">
                           <div class="box">
                              <div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
                              </div>
                              <div class="img_bg">
                                 <a href="#"><img src="imgs/hot3.jpg" width="160" height="136" /></a>
                              </div>
                              <div class="name">
                                 <a href="#">
                                    <h2>进口狗狗饼干</h2>
                                    进口狗狗饼干套装8折促销
                                 </a>
                              </div>
                              <div class="price">
                                 <font>￥<span>368</span></font> &nbsp; 18R
                              </div>
                           </div>
                        </li>
                        <li class="featureBox">
                           <div class="box">
                              <div class="hot_icon"><img src="imgs/hot.png" width="50" height="50" />
                              </div>
                              <div class="img_bg">
                                 <a href="#"><img src="imgs/hot4.jpg" width="160" height="136" /></a>
                              </div>
                              <div class="name">
                                 <a href="#">
                                    <h2>品利特级橄榄油</h2>
                                    750ml*4瓶装组合 西班牙原装进口
                                 </a>
                              </div>
                              <div class="price">
                                 <font>￥<span>280</span></font> &nbsp; 30R
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>

            </div>
         </div>
      </div>
   </div>

   <div class="content mar_20">
      <img src="imgs/mban_1.jpg" width="1200" height="110" />
   </div>
   <!-- End 热门商品 -->

   <!--Begin 进口 生鲜-->
   <div class="wordstyle1 mar_10">
      <span class="floor_num">1F</span>
      <span class="fl">进口 <b>·</b> 生鲜</span>
      <span class="info_mores fr"><a href="#">进口咖啡</a>&nbsp; &nbsp; | &nbsp; <a href="#">进口酒</a>&nbsp; &nbsp; | &nbsp; <a
            href="#">进口母婴</a>&nbsp; &nbsp; | &nbsp; <a href="#">新鲜蔬菜</a>&nbsp; &nbsp; | &nbsp; <a
            href="#">新鲜水果</a></span>
   </div>
   <div class="content">
      <div class="fresh_left">
         <div class="fre_ban">
            <div id="imgPlay1">
               <li><a href="#"><img src="imgs/fre_r.jpg" width="211" height="286" /></a></li>
            </div>
         </div>
         <div class="fresh_txt">
            <div class="fresh_txt_common">
               <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>
      <div class="fresh_mid">
         <ul>
            <li>
               <div class="name"><a href="#">新鲜美味 进口美食</a></div>
               <div class="price">
                  <font>￥<span>198.00</span></font> &nbsp; 26R
               </div>
               <div class="img"><a href="#"><img src="imgs/fre_1.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">新鲜美味 进口美食</a></div>
               <div class="price">
                  <font>￥<span>198.00</span></font> &nbsp; 26R
               </div>
               <div class="img"><a href="#"><img src="imgs/fre_2.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">新鲜美味 进口美食</a></div>
               <div class="price">
                  <font>￥<span>198.00</span></font> &nbsp; 26R
               </div>
               <div class="img"><a href="#"><img src="imgs/fre_3.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">新鲜美味 进口美食</a></div>
               <div class="price">
                  <font>￥<span>198.00</span></font> &nbsp; 26R
               </div>
               <div class="img"><a href="#"><img src="imgs/fre_4.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">新鲜美味 进口美食</a></div>
               <div class="price">
                  <font>￥<span>198.00</span></font> &nbsp; 26R
               </div>
               <div class="img"><a href="#"><img src="imgs/fre_5.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">新鲜美味 进口美食</a></div>
               <div class="price">
                  <font>￥<span>198.00</span></font> &nbsp; 26R
               </div>
               <div class="img"><a href="#"><img src="imgs/fre_6.jpg" width="185" height="155" /></a></div>
            </li>
         </ul>
      </div>
      <div class="fresh_right">
         <ul>
            <li><a href="#"><img src="imgs/fre_b1.jpg" width="260" height="220" /></a></li>
            <li><a href="#"><img src="imgs/fre_b2.jpg" width="260" height="220" /></a></li>
         </ul>
      </div>
   </div>
   <!--End 进口 生鲜-->

   <!--Begin 食品饮料-->
   <div class="wordstyle1 mar_10">
      <span class="floor_num">2F</span>
      <span class="fl">食品饮料</span>
      <span class="info_mores fr"><a href="#">咖啡</a>&nbsp; &nbsp; | &nbsp; &nbsp;<a href="#">休闲零食</a>&nbsp; &nbsp; |
               &nbsp; &nbsp;<a href="#">饼干糕点</a>&nbsp; &nbsp; | &nbsp; &nbsp;<a href="#">冲饮谷物</a>&nbsp; &nbsp; | &nbsp;
               &nbsp;<a href="#">营养保健</a></span>
   </div>
   <div class="content">
      <div class="food_left">
         <div class="food_ban">
            <div id="imgPlay2">
               <li><a href="#"><img src="imgs/food_r.jpg" width="211" height="286" /></a></li>
            </div>
         </div>
         <div class="fresh_txt">
            <div class="fresh_txt_common">
               <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>
      <div class="fresh_mid">
         <ul>
            <li>
               <div class="name"><a href="#">莫斯利安酸奶</a></div>
               <div class="price">
                  <font>￥<span>96.00</span></font> &nbsp; 25R
               </div>
               <div class="img"><a href="#"><img src="imgs/food_1.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">趣多多散装</a></div>
               <div class="price">
                  <font>￥<span>96.00</span></font> &nbsp; 25R
               </div>
               <div class="img"><a href="#"><img src="imgs/food_2.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">休闲零食包</a></div>
               <div class="price">
                  <font>￥<span>96.00</span></font> &nbsp; 25R
               </div>
               <div class="img"><a href="#"><img src="imgs/food_3.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">RIO鸡尾酒</a></div>
               <div class="price">
                  <font>￥<span>96.00</span></font> &nbsp; 25R
               </div>
               <div class="img"><a href="#"><img src="imgs/food_4.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">不知名生物</a></div>
               <div class="price">
                  <font>￥<span>96.00</span></font> &nbsp; 25R
               </div>
               <div class="img"><a href="#"><img src="imgs/food_5.jpg" width="185" height="155" /></a></div>
            </li>
            <li>
               <div class="name"><a href="#">进口红酒</a></div>
               <div class="price">
                  <font>￥<span>96.00</span></font> &nbsp; 25R
               </div>
               <div class="img"><a href="#"><img src="imgs/food_6.jpg" width="185" height="155" /></a></div>
            </li>
         </ul>
      </div>
      <div class="fresh_right">
         <ul>
            <li><a href="#"><img src="imgs/food_b1.jpg" width="260" height="220" /></a></li>
            <li><a href="#"><img src="imgs/food_b2.jpg" width="260" height="220" /></a></li>
         </ul>
      </div>
   </div>
   <!--End 食品饮料 -->

   <!--Begin 猜你喜欢-->
   <div class="mar_10 wordstyle1">
      <span class="fl">猜你喜欢</span>
   </div>
   <div class="like">
      <div id="featureContainer1">
         <div id="feature1">
            <div id="block1">
               <div id="botton-scroll1">
                  <ul class="featureUL">
                     <li class="featureBox">
                        <div class="box">
                           <div class="img_bg">
                              <a href="#"><img src="imgs/hot1.jpg" width="160" height="136" /></a>
                           </div>
                           <div class="name">
                              <a href="#">
                                 <h2>德国进口</h2>
                                 德亚全脂纯牛奶200ml*48盒
                              </a>
                           </div>
                           <div class="price">
                              <font>￥<span>189</span></font> &nbsp; 26R
                           </div>
                        </div>
                     </li>
                     <li class="featureBox">
                        <div class="box">
                           <div class="img_bg">
                              <a href="#"><img src="imgs/hot2.jpg" width="160" height="136" /></a>
                           </div>
                           <div class="name">
                              <a href="#">
                                 <h2>Rio鸡尾酒</h2>
                                 鸡尾酒/限定包装/3瓶装
                              </a>
                           </div>
                           <div class="price">
                              <font>￥<span>88</span></font> &nbsp; 25R
                           </div>
                        </div>
                     </li>
                     <li class="featureBox">
                        <div class="box">
                           <div class="img_bg">
                              <a href="#"><img src="imgs/hot3.jpg" width="160" height="136" /></a>
                           </div>
                           <div class="name">
                              <a href="#">
                                 <h2>进口狗狗饼干</h2>
                                 进口狗狗饼干套装8折促销
                              </a>
                           </div>
                           <div class="price">
                              <font>￥<span>368</span></font> &nbsp; 18R
                           </div>
                        </div>
                     </li>
                     <li class="featureBox">
                        <div class="box">
                           <div class="img_bg">
                              <a href="#"><img src="imgs/hot4.jpg" width="160" height="136" /></a>
                           </div>
                           <div class="name">
                              <a href="#">
                                 <h2>品利特级橄榄油</h2>
                                 750ml*4瓶装组合 西班牙原装进口
                              </a>
                           </div>
                           <div class="price">
                              <font>￥<span>280</span></font> &nbsp; 30R
                           </div>
                        </div>
                     </li>
                     <li class="featureBox">
                        <div class="box">
                           <div class="img_bg">
                              <a href="#"><img src="imgs/food_1.jpg" width="160" height="136" /></a>
                           </div>
                           <div class="name">
                              <a href="#">
                                 <h2>莫斯利安酸奶</h2>
                                 450ml*12瓶装组合 优质好酸奶
                              </a>
                           </div>
                           <div class="price">
                              <font>￥<span>96</span></font> &nbsp; 25R
                           </div>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!--End 猜你喜欢-->

   <!--返回顶部-->
   <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="/controller.ManagementServlet">网站故障报告</a></dd>
         <dd><a href="/controller.ManagementServlet">购物咨询</a></dd>
         <dd><a href="/controller.ManagementServlet">投诉与建议</a></dd>
      </dl>
      <div class="behind_tell_bg">
         <a href="#" class="bottom_style1">新浪微博</a>
         <a href="#" class="bottom_style2">腾讯微博</a>
         <p class="toptop">
            服务热线：<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 -->
</div>
<script>
   document.getElementById("not_admin").onclick = function not_admin()
   {
      alert("您需要先登录");
   }
   document.getElementById("not_admin1").onclick = function not_admin()
   {
      alert("您需要先登录");
   }
</script>
</body>

</html>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/码创造者/article/detail/794362
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号