Ver Fonte

shoppingShow.jsp

叶本泽 há 3 anos atrás
pai
commit
f2e35dc378
1 ficheiros alterados com 274 adições e 202 exclusões
  1. 274 202
      src/main/webapp/WEB-INF/jsp/shoppingShow.jsp

+ 274 - 202
src/main/webapp/WEB-INF/jsp/shoppingShow.jsp

@@ -10,235 +10,307 @@
 <%
     String path = request.getContextPath();
     String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
-        %>
+%>
 <jsp:include page="head.jsp"></jsp:include>
 <!DOCTYPE html>
 <html>
+
 <head>
     <base href="<%=basePath%>">
-    <meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <title>漫步时尚广场</title>
-    <link href="css/style.css" rel="stylesheet" type="text/css" >
+    <link href="css/style.css" rel="stylesheet" type="text/css">
 
     <style type="text/css">
-        .pic_title{background:#ff9c01;line-height:40px;
-        text-indent:20px;text-align:left;width:680px;float:left;color:#fff;
-        margin:0 10px 10px}
-        .pic_list {float:left}
-        .pic_list dl{float:left;width:152px;margin:010px 10px}
-        .pic_list dl img{padding:5px;border:1px solid #ccc;margin-bottom:10px}
-        .pic_list dl dd{float:left}
-        .right_nav{width:280px;border:1px solid #eee;float:right}
-        .shop_pic li{float:left;margin:0 3px;"font-style:normal;"class="hljs-number">20px}
-        .shop_pic li p{text-align:center;color:gray}
-        .shop_pic img{border:1px solid #ccc}
-        .shop_pic img:hover{border:1px solid #f60}
+        .pic_title {
+            background: #ff9c01;
+            line-height: 40px;
+            text-indent: 20px;
+            text-align: left;
+            width: 680px;
+            float: left;
+            color: #fff;
+            margin: 0 10px 10px
+        }
+
+        .pic_list {
+            float: left
+        }
+
+        .pic_list dl {
+            float: left;
+            width: 152px;
+            margin: 010px 10px
+        }
+
+        .pic_list dl img {
+            padding: 5px;
+            border: 1px solid #ccc;
+            margin-bottom: 10px
+        }
+
+        .pic_list dl dd {
+            float: left
+        }
+
+        .right_nav {
+            width: 280px;
+            border: 1px solid #eee;
+            float: right
+        }
+
+        .shop_pic li {
+            float: left;
+            margin: 0 3px;
+        "font-style:normal;" class="hljs-number">20px
+        }
+
+        .shop_pic li p {
+            text-align: center;
+            color: gray
+        }
+
+        .shop_pic img {
+            border: 1px solid #ccc
+        }
+
+        .shop_pic img:hover {
+            border: 1px solid #f60
+        }
     </style>
 </head>
 <!--logo和banner start-->
 <table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
-<tr>
-    <td height="95"> <a href="<%=basePath%>/index"><img src="images/logo.jpg"></a></td>
-    <td align="right"> <img src="images/banner.jpg"></td>
-</tr>
+    <tr>
+        <td height="95">
+            <a href="<%=basePath%>/index"><img src="images/logo.jpg"></a>
+        </td>
+        <td align="right"> <img src="images/banner.jpg"></td>
+    </tr>
 </table>
 <!--logo和banner end-->
 <!--菜单导航 start-->
-<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ce2626" >
-  <tr>
-    <td><table width="1200" border="0" cellspacing="0" cellpadding="4" align="center" class="nav_font16">
-  <tr>
-    <td width="200">&nbsp;</td>
-    <td width="80" align="center" class="nav_active"> <a href="<%basePath%>/index" class="white">首页</a></td>
-    <td width="100" align="center"><a href="<%=basePath%>/showNew" class="white">最新上架</a></td>
-    <td width="100" align="center">品牌活动</td>
-    <td width="100" align="center">原厂直供</td>
-    <td width="80"  align="center">团购</td>
-    <td width="100" align="center">限时抢购</td>
-    <td width="100" align="center">促销打折</td>
-    <td width="200" align="center">&nbsp;</td>
-</tr>
-</table></td>
-  </tr>
-    </table>
+<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ce2626">
+    <tr>
+        <td>
+            <table width="1200" border="0" cellspacing="0" cellpadding="4" align="center" class="nav_font16">
+                <tr>
+                    <td width="200">&nbsp;</td>
+                    <td width="80" align="center" class="nav_active"> <a href="<%basePath%>/index" class="white">首页</a></td>
+                    <td width="100" align="center"><a href="<%=basePath%>/showNew" class="white">最新上架</a></td>
+                    <td width="100" align="center">品牌活动</td>
+                    <td width="100" align="center">原厂直供</td>
+                    <td width="80" align="center">团购</td>
+                    <td width="100" align="center">限时抢购</td>
+                    <td width="100" align="center">促销打折</td>
+                    <td width="200" align="center">&nbsp;</td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
 <!--菜单导航 end-->
 <!--中间部分 start-->
 <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0" class="padding-top">
-<tr>
-    <td width="220" valign="top" ><!--购物分类 start-->
-    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="table1" bgcolor="#e5e4el">
-        <c:forEach items="${goodsType}" var="goodt">
-        <tr>
-            <th><a href="<%=basePath%>/shoppingShow?goodTypeId=${goodt.id}">${goodt.typenane}</a></th>
-                    </tr>
-            <c:forEach items="${goodt.subType}" var="st">
-        </tr>
-                    <%-- <th><a href="<%=basePath%>/shoppingShow?goodTypeId=${st.id}”>${st.typename}</a></th> --%>
-            <td><span class="red_dot" </span>
-                <a href="<%=basePath%>/shoppingShow?goodTypeId=${st.id}">${st.typename}</a>
-                <img src="images/arrow_r.jpg” align=“right">
-            </td>
-            <tr>
-                   </c:forEach>
-            </c:forBach>
-    </table>
-    <!--购物分类end--></td>
-    <td width="716" valign="top">
-<table><tr>
-<td align="center">
-    <table width="100%" border="0" cellspacing="0" cellpadding="0">
-        <h1 class="pic_title">${goodType.typename  } </h1>
-        <div class="pic_list">
-  <c:forEach items="${goodlist}" var="good">
-     <d1><div><img id ="${good.id}" src="images/shopshow/${good.gpicture}"/></div>
-            <dt><span class="price">¥${good.grprice}元</span>
-            <span class="font12">${good.saleNum} 人购买</span></dt>
-            <dd>${good.contents}</dd>
-     </d1>
-  </c:forEach>
-        </div>
-    </table>
-</td>
-    <td valign="top" width="20%">
+    <tr>
+        <td width="220" valign="top">
+            <!--购物分类 start-->
+            <table width="100%" border="0" cellspacing="1" cellpadding="0" class="table1" bgcolor="#e5e4el">
+                <c:forEach items="${goodsType}" var="goodt">
+                <tr>
+                    <th><a href="<%=basePath%>/shoppingShow?goodTypeId=${goodt.id}">${goodt.typenane}</a></th>
+                </tr>
+                <c:forEach items="${goodt.subType}" var="st">
+                </tr>
+                    <%-- <th><a href="<%=basePath%>/shoppingShow?goodTypeId=${st.id}”>${st.typename}</a>
+                        </th> --%>
+                <td><span class="red_dot"></span>
+                    <a href="<%=basePath%>/shoppingShow?goodTypeId=${st.id}">${st.typename}</a>
+                    <img src="images/arrow_r.jpg” align=“right">
+                </td>
+                <tr>
+                    </c:forEach>
+                    </c:forBach>
+            </table>
+            <!--购物分类end-->
+        </td>
+        <td width="716" valign="top">
+            <table>
+                <tr>
+                    <td align="center">
+                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
+                            <h1 class="pic_title">${goodType.typename } </h1>
+                            <div class="pic_list">
+                                <c:forEach items="${goodlist}" var="good">
+                                    <d1>
+                                        <div><img id="${good.id}" src="images/shopshow/${good.gpicture}" /></div>
+                                        <dt><span class="price">¥${good.grprice}元</span>
+                                            <span class="font12">${good.saleNum} 人购买</span></dt>
+                                        <dd>${good.contents}</dd>
+                                    </d1>
+                                </c:forEach>
+                            </div>
+                        </table>
+                    </td>
+                    <td valign="top" width="20%">
 
-         </td>
- </tr></table>
+                    </td>
+                </tr>
+            </table>
 
-    </td>
-</tr>
-<!--底部 start--><Br/>
+        </td>
+    </tr>
+    <!--底部 start-->
+    <Br/>
 </table>
 <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#6a6665" height="35" class="foot_bg">
     <tr>
-        <td class="padding-top"><table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
-        <tr>
-            <td width="20%" align="center"><img src="images/gray1.jpg" ></td>
-            <td width="20%" align="center"><img src="images/gray2.jpg" ></td>
-            <td width="20%" align="center"><img src="images/gray3.jpg" ></td>
-            <td width="20%" align="center"><img src="images/gray4.jpg" ></td>
-            <td width="20%" align="center"><img src="images/gray5.jpg" ></td>
-        </tr>
-            </table></td>
-            </tr>
-            <tr>
-            <td bgcolor="#efefef" class="foot_line padding-top"><table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
-     <tr>
-       <td align="center" valign="top"><img src="images/red1.jpg"><br>
-                <img src="images/linel.jpg"/></td>
-                <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
-                    <tr>
-                        <td class="font16 padding-botton">新手指导</td>
-                    </tr>
-                    <tr>
-                        <td>用户注册</td>
-                    </tr>
-                    <tr>
-                        <td>电话下单</td>
-                    </tr>
-                    <tr>
-                        <td>购物流程</td>
-                    </tr>
-                    <tr>
-                        <td>购物保障</td>
-                    </tr>
-                    <tr>
-                        <td>服务协议</td>
-                    </tr>
-            </table></td>
-         <td align="center" valign="top"><img src="images/red2.jpg"><br>
-             <img src="images/linel.jpg"/></td>
-         <td width=“15%” valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"><tr>
-             <td class="font16 padding-bottom">支付方式</td>
-         </tr>
-             <tr>
-                 <td>货到付款</td>
-             </tr>
-             <tr>
-                 <td>商城卡支付</td>
-             </tr>
-             <tr>
-                 <td>支付宝、网银支付</td>
-             </tr>
-             <tr>
-                 <td>优惠券抵用</td>
-             </tr>
-         </table>
-         <td align="center" valign="top"><img src="images/red3.jpg"><br>
-             <img src="images/linel.jpg"/></td>
-         <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
-             <tr>
-                 <td>闪电发货</td>
-             </tr>
-             <tr>
-                 <td>满百包邮</td>
-             </tr>
-             <tr>
-                 <td>配送范围及时间</td>
-             </tr>
-             <tr>
-                 <td>商品验收及签收</td>
-             </tr>
-             <tr>
-                 <td>服务协议</td>
-             </tr>
-         </table></td>
-         <td align="center" valign="top"><img src="images/red4.jpg"><br>
-             <img src="images/linel.jpg"/></td>
-         <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"><tr>
-                <td class="font16 padding-bottom">售后服务</td>
-            </tr>
-                 <td>退换货协议</td>
-             </tr>
-             <tr>
-                 <td>关于发票</td>
-             </tr>
-             <tr>
-                 <td>退换货流程</td>
-             </tr>
-             <tr>
-                 <td>退换货运费</td>
-             </tr>
-         </table></td>
-         <td align="center" valign="top"><img src="images/red5.jpg"><br>
-         <img src="images/linel.jpg"/></td>
-         <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
-             <tr>
-                 <td class="font16 padding-bottom">关于帐号</td>
-             </tr>
-             <tr>
-                 <td>修改个人信息</td>
-             </tr>
-             <tr>
-                 <td>修改密码</td>
-             </tr>
-             <tr>
-                 <td>找回密码</td>
-             </tr>
-         </table></td>
-         <td align="center" valign="top"><img src="images/red6.jpg"><br>
-         <img src="images/linel.jpg"/></td>
-         <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
-         <tr>
-             <td class="font16 padding-bottom">优惠活动</td>
-         </tr>
-         <tr>
-             <td>竞拍须知</td>
-         </tr>
-         <tr>
-             <td>抢购须知</td>
-         </tr>
-     </table></td>
-     </tr>
-            </table></td>
-            </tr>
+        <td class="padding-top">
+            <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
+                <tr>
+                    <td width="20%" align="center"><img src="images/gray1.jpg"></td>
+                    <td width="20%" align="center"><img src="images/gray2.jpg"></td>
+                    <td width="20%" align="center"><img src="images/gray3.jpg"></td>
+                    <td width="20%" align="center"><img src="images/gray4.jpg"></td>
+                    <td width="20%" align="center"><img src="images/gray5.jpg"></td>
+                </tr>
+            </table>
+        </td>
+    </tr>
     <tr>
-    <td bgcolor="#efefef" align="center" class="padding-top">Copyright 2015-2020 0- Walking Fashion E&S 漫步时尚广场(QST教育)版权所
-    有<Br/>
-    中国青岛 高新区河东路8888号 青软教育集团 咨询热线:400-658-0166 400-658-1022<br/>
-    <img src="images/foot_pic.jpg"></td>
+        <td bgcolor="#efefef" class="foot_line padding-top">
+            <table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
+                <tr>
+                    <td align="center" valign="top"><img src="images/red1.jpg"><br>
+                        <img src="images/linel.jpg" /></td>
+                    <td width="15%" valign="top">
+                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td class="font16 padding-botton">新手指导</td>
+                            </tr>
+                            <tr>
+                                <td>用户注册</td>
+                            </tr>
+                            <tr>
+                                <td>电话下单</td>
+                            </tr>
+                            <tr>
+                                <td>购物流程</td>
+                            </tr>
+                            <tr>
+                                <td>购物保障</td>
+                            </tr>
+                            <tr>
+                                <td>服务协议</td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td align="center" valign="top"><img src="images/red2.jpg"><br>
+                        <img src="images/linel.jpg" /></td>
+                    <td width=“15%” valign="top">
+                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td class="font16 padding-bottom">支付方式</td>
+                            </tr>
+                            <tr>
+                                <td>货到付款</td>
+                            </tr>
+                            <tr>
+                                <td>商城卡支付</td>
+                            </tr>
+                            <tr>
+                                <td>支付宝、网银支付</td>
+                            </tr>
+                            <tr>
+                                <td>优惠券抵用</td>
+                            </tr>
+                        </table>
+                    <td align="center" valign="top"><img src="images/red3.jpg"><br>
+                        <img src="images/linel.jpg" /></td>
+                    <td width="15%" valign="top">
+                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td>闪电发货</td>
+                            </tr>
+                            <tr>
+                                <td>满百包邮</td>
+                            </tr>
+                            <tr>
+                                <td>配送范围及时间</td>
+                            </tr>
+                            <tr>
+                                <td>商品验收及签收</td>
+                            </tr>
+                            <tr>
+                                <td>服务协议</td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td align="center" valign="top"><img src="images/red4.jpg"><br>
+                        <img src="images/linel.jpg" /></td>
+                    <td width="15%" valign="top">
+                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td class="font16 padding-bottom">售后服务</td>
+                            </tr>
+                            <td>退换货协议</td>
+                            </tr>
+                            <tr>
+                                <td>关于发票</td>
+                            </tr>
+                            <tr>
+                                <td>退换货流程</td>
+                            </tr>
+                            <tr>
+                                <td>退换货运费</td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td align="center" valign="top"><img src="images/red5.jpg"><br>
+                        <img src="images/linel.jpg" /></td>
+                    <td width="15%" valign="top">
+                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td class="font16 padding-bottom">关于帐号</td>
+                            </tr>
+                            <tr>
+                                <td>修改个人信息</td>
+                            </tr>
+                            <tr>
+                                <td>修改密码</td>
+                            </tr>
+                            <tr>
+                                <td>找回密码</td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td align="center" valign="top"><img src="images/red6.jpg"><br>
+                        <img src="images/linel.jpg" /></td>
+                    <td width="15%" valign="top">
+                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td class="font16 padding-bottom">优惠活动</td>
+                            </tr>
+                            <tr>
+                                <td>竞拍须知</td>
+                            </tr>
+                            <tr>
+                                <td>抢购须知</td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+    <tr>
+        <td bgcolor="#efefef" align="center" class="padding-top">Copyright 2015-2020 0- Walking Fashion E&S 漫步时尚广场(QST教育)版权所 有
+            <Br/> 中国青岛 高新区河东路8888号 青软教育集团 咨询热线:400-658-0166 400-658-1022<br/>
+            <img src="images/foot_pic.jpg"></td>
     </tr>
 </table>
 <!--底部end-->
 
 </body>
+
 </html>