shoppingShow.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. <%--
  2. Created by IntelliJ IDEA.
  3. User: 叶本泽
  4. Date: 2021/12/27
  5. Time: 17:19
  6. To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
  9. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  10. <%
  11. String path = request.getContextPath();
  12. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
  13. %>
  14. <jsp:include page="head.jsp"></jsp:include>
  15. <!DOCTYPE html>
  16. <html>
  17. <head>
  18. <base href="<%=basePath%>">
  19. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  20. <title>漫步时尚广场</title>
  21. <link href="css/style.css" rel="stylesheet" type="text/css">
  22. <style type="text/css">
  23. .pic_title {
  24. background: #ff9c01;
  25. line-height: 40px;
  26. text-indent: 20px;
  27. text-align: left;
  28. width: 680px;
  29. float: left;
  30. color: #fff;
  31. margin: 0 10px 10px
  32. }
  33. .pic_list {
  34. float: left
  35. }
  36. .pic_list dl {
  37. float: left;
  38. width: 152px;
  39. margin: 010px 10px
  40. }
  41. .pic_list dl img {
  42. padding: 5px;
  43. border: 1px solid #ccc;
  44. margin-bottom: 10px
  45. }
  46. .pic_list dl dd {
  47. float: left
  48. }
  49. .right_nav {
  50. width: 280px;
  51. border: 1px solid #eee;
  52. float: right
  53. }
  54. .shop_pic li {
  55. float: left;
  56. margin: 0 3px;
  57. "font-style:normal;" class="hljs-number">20px
  58. }
  59. .shop_pic li p {
  60. text-align: center;
  61. color: gray
  62. }
  63. .shop_pic img {
  64. border: 1px solid #ccc
  65. }
  66. .shop_pic img:hover {
  67. border: 1px solid #f60
  68. }
  69. </style>
  70. </head>
  71. <!--logo和banner start-->
  72. <table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
  73. <tr>
  74. <td height="95">
  75. <a href="<%=basePath%>/index"><img src="images/logo.jpg"></a>
  76. </td>
  77. <td align="right"> <img src="images/banner.jpg"></td>
  78. </tr>
  79. </table>
  80. <!--logo和banner end-->
  81. <!--菜单导航 start-->
  82. <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ce2626">
  83. <tr>
  84. <td>
  85. <table width="1200" border="0" cellspacing="0" cellpadding="4" align="center" class="nav_font16">
  86. <tr>
  87. <td width="200">&nbsp;</td>
  88. <td width="80" align="center" class="nav_active"> <a href="<%basePath%>/index" class="white">首页</a></td>
  89. <td width="100" align="center"><a href="<%=basePath%>/showNew" class="white">最新上架</a></td>
  90. <td width="100" align="center">品牌活动</td>
  91. <td width="100" align="center">原厂直供</td>
  92. <td width="80" align="center">团购</td>
  93. <td width="100" align="center">限时抢购</td>
  94. <td width="100" align="center">促销打折</td>
  95. <td width="200" align="center">&nbsp;</td>
  96. </tr>
  97. </table>
  98. </td>
  99. </tr>
  100. </table>
  101. <!--菜单导航 end-->
  102. <!--中间部分 start-->
  103. <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0" class="padding-top">
  104. <tr>
  105. <td width="220" valign="top">
  106. <!--购物分类 start-->
  107. <table width="100%" border="0" cellspacing="1" cellpadding="0" class="table1" bgcolor="#e5e4el">
  108. <c:forEach items="${goodsType}" var="goodt">
  109. <tr>
  110. <th><a href="<%=basePath%>/shoppingShow?goodTypeId=${goodt.id}">${goodt.typenane}</a></th>
  111. </tr>
  112. <c:forEach items="${goodt.subType}" var="st">
  113. </tr>
  114. <%-- <th><a href="<%=basePath%>/shoppingShow?goodTypeId=${st.id}”>${st.typename}</a>
  115. </th> --%>
  116. <td><span class="red_dot"></span>
  117. <a href="<%=basePath%>/shoppingShow?goodTypeId=${st.id}">${st.typename}</a>
  118. <img src="images/arrow_r.jpg” align=“right">
  119. </td>
  120. <tr>
  121. </c:forEach>
  122. </c:forBach>
  123. </table>
  124. <!--购物分类end-->
  125. </td>
  126. <td width="716" valign="top">
  127. <table>
  128. <tr>
  129. <td align="center">
  130. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  131. <h1 class="pic_title">${goodType.typename } </h1>
  132. <div class="pic_list">
  133. <c:forEach items="${goodlist}" var="good">
  134. <d1>
  135. <div><img id="${good.id}" src="images/shopshow/${good.gpicture}" /></div>
  136. <dt><span class="price">¥${good.grprice}元</span>
  137. <span class="font12">${good.saleNum} 人购买</span></dt>
  138. <dd>${good.contents}</dd>
  139. </d1>
  140. </c:forEach>
  141. </div>
  142. </table>
  143. </td>
  144. <td valign="top" width="20%">
  145. </td>
  146. </tr>
  147. </table>
  148. </td>
  149. </tr>
  150. <!--底部 start-->
  151. <Br/>
  152. </table>
  153. <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#6a6665" height="35" class="foot_bg">
  154. <tr>
  155. <td class="padding-top">
  156. <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
  157. <tr>
  158. <td width="20%" align="center"><img src="images/gray1.jpg"></td>
  159. <td width="20%" align="center"><img src="images/gray2.jpg"></td>
  160. <td width="20%" align="center"><img src="images/gray3.jpg"></td>
  161. <td width="20%" align="center"><img src="images/gray4.jpg"></td>
  162. <td width="20%" align="center"><img src="images/gray5.jpg"></td>
  163. </tr>
  164. </table>
  165. </td>
  166. </tr>
  167. <tr>
  168. <td bgcolor="#efefef" class="foot_line padding-top">
  169. <table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
  170. <tr>
  171. <td align="center" valign="top"><img src="images/red1.jpg"><br>
  172. <img src="images/linel.jpg" /></td>
  173. <td width="15%" valign="top">
  174. <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  175. <tr>
  176. <td class="font16 padding-botton">新手指导</td>
  177. </tr>
  178. <tr>
  179. <td>用户注册</td>
  180. </tr>
  181. <tr>
  182. <td>电话下单</td>
  183. </tr>
  184. <tr>
  185. <td>购物流程</td>
  186. </tr>
  187. <tr>
  188. <td>购物保障</td>
  189. </tr>
  190. <tr>
  191. <td>服务协议</td>
  192. </tr>
  193. </table>
  194. </td>
  195. <td align="center" valign="top"><img src="images/red2.jpg"><br>
  196. <img src="images/linel.jpg" /></td>
  197. <td width=“15%” valign="top">
  198. <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  199. <tr>
  200. <td class="font16 padding-bottom">支付方式</td>
  201. </tr>
  202. <tr>
  203. <td>货到付款</td>
  204. </tr>
  205. <tr>
  206. <td>商城卡支付</td>
  207. </tr>
  208. <tr>
  209. <td>支付宝、网银支付</td>
  210. </tr>
  211. <tr>
  212. <td>优惠券抵用</td>
  213. </tr>
  214. </table>
  215. <td align="center" valign="top"><img src="images/red3.jpg"><br>
  216. <img src="images/linel.jpg" /></td>
  217. <td width="15%" valign="top">
  218. <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  219. <tr>
  220. <td>闪电发货</td>
  221. </tr>
  222. <tr>
  223. <td>满百包邮</td>
  224. </tr>
  225. <tr>
  226. <td>配送范围及时间</td>
  227. </tr>
  228. <tr>
  229. <td>商品验收及签收</td>
  230. </tr>
  231. <tr>
  232. <td>服务协议</td>
  233. </tr>
  234. </table>
  235. </td>
  236. <td align="center" valign="top"><img src="images/red4.jpg"><br>
  237. <img src="images/linel.jpg" /></td>
  238. <td width="15%" valign="top">
  239. <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  240. <tr>
  241. <td class="font16 padding-bottom">售后服务</td>
  242. </tr>
  243. <td>退换货协议</td>
  244. </tr>
  245. <tr>
  246. <td>关于发票</td>
  247. </tr>
  248. <tr>
  249. <td>退换货流程</td>
  250. </tr>
  251. <tr>
  252. <td>退换货运费</td>
  253. </tr>
  254. </table>
  255. </td>
  256. <td align="center" valign="top"><img src="images/red5.jpg"><br>
  257. <img src="images/linel.jpg" /></td>
  258. <td width="15%" valign="top">
  259. <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  260. <tr>
  261. <td class="font16 padding-bottom">关于帐号</td>
  262. </tr>
  263. <tr>
  264. <td>修改个人信息</td>
  265. </tr>
  266. <tr>
  267. <td>修改密码</td>
  268. </tr>
  269. <tr>
  270. <td>找回密码</td>
  271. </tr>
  272. </table>
  273. </td>
  274. <td align="center" valign="top"><img src="images/red6.jpg"><br>
  275. <img src="images/linel.jpg" /></td>
  276. <td width="15%" valign="top">
  277. <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  278. <tr>
  279. <td class="font16 padding-bottom">优惠活动</td>
  280. </tr>
  281. <tr>
  282. <td>竞拍须知</td>
  283. </tr>
  284. <tr>
  285. <td>抢购须知</td>
  286. </tr>
  287. </table>
  288. </td>
  289. </tr>
  290. </table>
  291. </td>
  292. </tr>
  293. <tr>
  294. <td bgcolor="#efefef" align="center" class="padding-top">Copyright 2015-2020 0- Walking Fashion E&S 漫步时尚广场(QST教育)版权所 有
  295. <Br/> 中国青岛 高新区河东路8888号 青软教育集团 咨询热线:400-658-0166 400-658-1022<br/>
  296. <img src="images/foot_pic.jpg"></td>
  297. </tr>
  298. </table>
  299. <!--底部end-->
  300. </body>
  301. </html>