eclipse配置javaweb(jsp技术下（传智书城jsp页面）)

最新推荐文章于 2023-11-23 17:44:28 发布

青陌云裳

最新推荐文章于 2023-11-23 17:44:28 发布

阅读量1.1k

点赞数 2

文章标签： java eclipse tomcat

本文链接：https://blog.youkuaiyun.com/yiyuyunyan/article/details/121432697

版权

本文档介绍了如何在Eclipse中配置JavaWeb项目，通过将传智书城的client目录移植并转换为JSP文件，详细步骤包括创建web项目，更改文件扩展名，调整jsp页面的地址和链接，抽取并包含公共页面代码，最后运行项目展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首页设置
创建web项目，在该项目的webcontent文件下创建index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!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 rel="stylesheet" href="${pageContext.request.contextPath}/client/css/main.css" type="text/css" />
<!-- 导入首页轮播图css和js脚本 -->
<link type="text/css" href="${pageContext.request.contextPath}/client/css/autoplay.css" rel="stylesheet" />
<script type="text/javascript" src="${pageContext.request.contextPath}/clientjs/autoplay.js"></script>
</head>

<body class="main">
	<!-- 1.网上书城顶部 start -->
	<%@include file="head.jsp" %>
	<!-- 网上书城顶部 end -->
	
	<!-- 2.传智舒城菜单列表 start -->
	<%@include file="menu_search.jsp" %>
	<!-- 传智舒城菜单列表 end -->

<!-- 3.网上书城首页轮播图  start -->
	<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>
	<!-- 网上书城首页轮播图  end -->
	
	<!--4. 公告板和本周热卖  start -->
    <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="${pageContext.request.contextPath}/client/#">
								<img src="${pageContext.request.contextPath}/client/bookcover/1