第14章 传智书城前台程序设计

1、创建head.jsp文件
在web工程的WebContent目录下创建一个名称为client的文件

在其中创建一个head.jsp文件，用来盛放网页的头部，相关代码如下：

<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>

购物车 | 帮助中心 | 我的帐户 | 新用户注册 </td> </tr> </table>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 2、创建menu_search.jsp文件 此文件用来盛放网页的菜单项 代码如下：

<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>

文学 生活 计算机 外语 经管 励志 社科 学术 少儿 艺术 原版 科技 考试 生活百科 全部商品目录

Search

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 3、创建foot.jsp文件 此文件是用来盛放网页的尾部 代码如下：

<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>

	CONTACT US
	COPYRIGHT 2015 © BookStore All Rights RESERVED.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 4、创建index.jsp文件 并使用include指令将上述三个文件插入到index.jsp中， 代码如下：

<%@ page language=“java” contentType=“text/html; charset=UTF-8” pageEncoding=“UTF-8”%>

<%@include file="head.jsp"%>

<%@include file="menu_search.jsp" %>

<div id="box_autoplay">
	<div class="list">
    	<ul>
        	<li><img src="${pageContext.request.contextPath}/client/ad/index_ad1.jpg" width="900" height="335" /></li>
        	<li><img src="${pageContext.request.contextPath}/client/ad/index_ad2.jpg" width="900" height="335" /></li>
        	<li><img src="${pageContext.request.contextPath}/client/ad/index_ad3.jpg" width="900" height="335" /></li>
        	<li><img src="${pageContext.request.contextPath}/client/ad/index_ad4.jpg" width="900" height="335" /></li>
        	<li><img src="${pageContext.request.contextPath}/client/ad/index_ad5.jpg" width="900" height="335" /></li>
    	</ul>
	</div>
</div>

<div id="divcontent">
	<table width="900px" border="0" cellspacing="0">
		<tr>
			<td width="497">
			
				<img src="${pageContext.request.contextPath}/client/images/billboard.gif" width="497" height="38" />
				<table cellspacing="0" class="ctl">
					<tr>
						<td width="485" height="29">
			                            尊敬的网上书城用户， 　　<br>
						　　为了让大家有更好的购物体验，3月25日起，当日达业务关小黑屋回炉升级！<br>具体开放时间请留意公告，感谢大家的支持与理解，祝大家购物愉快！<br>
						        3月23日<br>
						        传智播客 网上书城系统管理部<br>
						</td>
					</tr>
				</table>
			</td>
			<td style="padding:5px 15px 10px 40px">
				<table width="100%" border="0" cellspacing="0">
					<tr>
						<td>
							<img src="${pageContext.request.contextPath}/client/images/hottitle.gif" width="126" height="29" />
						</td>
					</tr>
				</table>
				<table width="100%" border="0" cellspacing="0">
					<tr>						
			             <td style="width:80; text-align:center">
							<a href="#">
							<img src="${pageContext.request.contextPath}/client/bookcover/105.jpg" width="102" height="130" border="0" />
							</a>
							<br /> 							
						</td>		
						<td style="width:80; text-align:center">
							<a href="#">
							<img src="${pageContext.request.contextPath}/client/bookcover/106.jpg" width="102" height="130" border="0" />
							</a>
							<br /> 							
						</td>			
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>

  <%@ include file="foot.jsp" %>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 5、创建register.jsp文件 此文件是用来显示注册页面的 代码如下：

<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>

<%@include file="head.jsp"%> <%@include file="menu_search.jsp" %>

新会员注册 会员邮箱： 请输入有效的邮箱地址 会员名： 字母数字下划线1到10位, 不能是数字开头 密码： 密码请设置6-16位字符 重复密码：   性别：    男         女   联系电话：   个人介绍：   <table width="70%" border="0" cellspacing="0"> <tr> <td style="padding-top: 20px; text-align: center"> <input type="image" src="images/signup.gif" name="submit" border="0"/> </td> </tr> </table> </td> </tr> </table> </form> </div> <!-- 网上书城用户注册 end -->

 <%@ include file="foot.jsp" %>

————————————————