用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - java代码库

仿当当网

2018-02-02 作者:夜风雨举报

[java]代码库

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>当当图书 – 全球最大的中文网上书店</title>
<link href="${pageContext.request.contextPath}/css/book.css"
	rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/second.css"
	rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/jquery-3.2.1.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
	<!-- 头部开始 -->
	<%@include file="head.jsp"%>
	<!-- 头部结束 -->
	<div style="width: 962px; margin: auto;">
		<a href="#" target="_blank"><img
			src="${pageContext.request.contextPath}/images/default/book_banner_081203.jpg"
			border="0" /> </a>
	</div>
	<div class="book">
		<!-- <form action="categoryServlet" id="form" style="display:none">
			<input type="submit" value="查看" id="sub"/>
		</form> -->
		<!--左栏开始-->
		<div id="left" class="book_left">
			<div class="book_l_border1" id="__FenLeiLiuLan">
				<div class="book_sort_tushu">
					<h2>分类浏览</h2>
					<c:forEach items="${cats}" var="c1">
						<!--1级分类开始-->
						<div class="bg_old" onmouseover="this.className = 'bg_white';"
							onmouseout="this.className = 'bg_old';">
							<h3>
								[<a
									href='bookServlet?doType=query&type=number&id1=${c1.id }&id2=0'>${c1.name }</a>]
							</h3>
							<ul class="ul_left_list">
								<c:forEach items="${c1.subCats}" var="c2">
									<!--2级分类开始-->
									<li><a
										href='bookServlet?doType=query&type=number&id1=${c1.id }&id2=${c2.id }'>${c2.name}</a></li>
									<!--2级分类结束-->
								</c:forEach>

							</ul>

							<div class="empty_left"></div>
						</div>

						<div class="more2"></div>
						<!--1级分类结束-->
					</c:forEach>

					<div class="bg_old">
						<h3>&nbsp;</h3>
					</div>
				</div>
			</div>
		</div>
		<!--左栏结束-->

		<!--中栏开始-->
		<div class="book_center">

			<!--推荐图书开始-->
			<div class=second_c_border1 id="recommend">
				<h2>编辑推荐</h2>
				<div id=__bianjituijian/danpin>
					<div class=second_c_02>


						<div class=second_c_02_b1>
							<div class=second_c_02_b1_1>
								<a href="bookServlet?doType=query&type=product&name=平凡的世界"><img
									src="${pageContext.request.contextPath}/productImages/17.jpg"
									width=70 border=0 /> </a>
							</div>
							<div class=second_c_02_b1_2>
								<h3>
									<a href="bookServlet?doType=query&type=product&name=平凡的世界"
										title='平凡的世界'>书名:平凡的世界</a>
								</h3>
								<h4>
									作者:路遥 著 <br />
									出版社:北京文艺出版社&nbsp;&nbsp;&nbsp;&nbsp;出版时间:2012-03-01
								</h4>
								<h5>简介:茅盾文学皇冠上的明珠激励千万青年的不朽经典</h5>
								<h6>定价:¥79.8&nbsp;&nbsp;当当价:¥59.8</h6>
								<div class=line_xx></div>
							</div>
						</div>

						<div class=second_c_02_b1>
							<div class=second_c_02_b1_1>
								<a href="bookServlet?doType=query&type=product&name=鲁迅-呐喊·彷徨"><img
									src="${pageContext.request.contextPath}/productImages/10.jpg"
									width=70 border=0 /> </a>
							</div>
							<div class=second_c_02_b1_2>
								<h3>
									<a href="bookServlet?doType=query&type=product&name=鲁迅-呐喊·彷徨"
										title='鲁迅-呐喊·彷徨'>书名:鲁迅-呐喊·彷徨</a>
								</h3>
								<h4>
									作者:鲁迅 著 <br />
									出版社:译林出版社&nbsp;&nbsp;&nbsp;&nbsp;出版时间:2012-03-01
								</h4>
								<h5>简介:重读鲁迅文字,体会他对现实社会与人生的冷峻刻画,感受他对旧礼数和国民性的深刻批判</h5>
								<h6>定价:¥26.8&nbsp;&nbsp;当当价:¥16.3</h6>
								<div class=line_xx></div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!--推荐图书结束-->

			<!--热销图书开始-->
			<div class="book_c_border2" id="hot">
				<h2>
					<span class="more"><a href="#" target="_blank">更多&gt;&gt;</a>
					</span>热销图书
				</h2>
				<div class="book_c_04">

					<!--热销图书A开始-->

					

					<!--热销图书A结束-->

				</div>
				<div class="clear"></div>
			</div>
			<!--热销图书结束-->

			<!--最新上架图书开始-->
			<div class="book_c_border2" id="new">
				<h2>
					<span class="more"><a href="#" target="_blank">更多&gt;&gt;</a>
					</span>最新上架图书
				</h2>
				<div class="book_c_04">

					<!--最新上架图书A开始-->

					<div class="second_d_wai">
						<div class="img">
							<a href="bookServlet?doType=query&type=product&name=狼图腾"><img
								src="${pageContext.request.contextPath}/productImages/21.jpg"
								border=0 /> </a>
						</div>
						<div class="shuming">
							<a href="bookServlet?doType=query&type=product&name=狼图腾">狼图腾</a><a
								href="#" target="_blank"></a>
						</div>
						<div class="price">定价:¥32.0</div>
						<div class="price">当当价:¥24.0</div>
					</div>
					<div class="book_c_xy_long"></div>

					<!--最新上架图书A结束-->
					<!--最新上架图书B开始-->

					<div class="second_d_wai">
						<div class="img">
							<a href="bookServlet?doType=query&type=product&name=藏海花"><img
								src="${pageContext.request.contextPath}/productImages/20.jpg"
								border=0 /> </a>
						</div>
						<div class="shuming">
							<a href="bookServlet?doType=query&type=product&name=藏海花">藏海花</a><a
								href="#" target="_blank"></a>
						</div>
						<div class="price">定价:¥32.8</div>
						<div class="price">当当价:¥20.4</div>
					</div>
					<div class="book_c_xy_long"></div>

					<!--最新上架图书B结束-->
					<!--最新上架图书C开始-->

					<div class="second_d_wai">
						<div class="img">
							<a href="bookServlet?doType=query&type=product&name=面包树上的女人"><img
								src="${pageContext.request.contextPath}/productImages/22.jpg"
								border=0 /> </a>
						</div>
						<div class="shuming">
							<a href="bookServlet?doType=query&type=product&name=面包树上的女人">面包树上的女人</a><a
								href="#" target="_blank"></a>
						</div>
						<div class="price">定价:¥28.0</div>
						<div class="price">当当价:¥19.6</div>
					</div>
					<div class="book_c_xy_long"></div>

					<!--最新上架图书C结束-->
					<!--最新上架图书D开始-->

					<div class="second_d_wai">
						<div class="img">
							<a href="bookServlet?doType=query&type=product&name=天堂蒜薹之歌"><img
								src="${pageContext.request.contextPath}/productImages/23.jpg"
								border=0 /> </a>
						</div>
						<div class="shuming">
							<a href="bookServlet?doType=query&type=product&name=天堂蒜薹之歌">天堂蒜薹之歌</a><a
								href="#" target="_blank"></a>
						</div>
						<div class="price">定价:¥33.0</div>
						<div class="price">当当价:¥23.1</div>
					</div>
					<div class="book_c_xy_long"></div>

					<!--最新上架图书D结束-->
				</div>
				<div class="clear"></div>
			</div>

			<!--最新上架图书结束-->

			<div class="clear"></div>
		</div>
		<!--中栏结束-->



		<!--右栏开始-->
		<div class="book_right">
			<div class="book_r_border2" id="__XinShuReMai">
				<div class="book_r_b2_1x" id="new_bang">
					<h2 class="t_xsrm">新书热卖榜</h2>
					<div id="NewProduct_1_o_t" onmouseover="">

						<h3 class="second">
							<span class="dot_r"> </span><a href="#" target="_blank">更多&gt;&gt;</a>
						</h3>
					</div>
				</div>
			</div>

		</div>
		<!--右栏结束-->
		<div id="footer">
			<div class="login_main_end_line">
				<hr />
			</div>
			<iframe src="footer.html" height="50px" width="900px" frameborder="0"
				scrolling="no"></iframe>
		</div>
		<div class="clear"></div>
	</div>

</body>
</html>

[代码运行效果截图]


仿当当网

[源代码打包下载]




分享到:
更多

网友评论    (发表评论)

共1 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。