要求:
编写两个页面,一个显示一些历史图书的名称和价格,一个显示一些计算机书的名称和价格。每本书后面都有一个链接——购买,单击该链接,能够将该书本加到购物车;每个也卖弄上都有链接——显示购物车,单击该链接,能够显示购物车的内容;每个内容后面都有一个“删除”链接,单击该链接,将该图书从购物车中删除。
思路:
整个项目共有4个jsp文件,分别是历史类图书(histotyClass.jsp),计算机类图书(computerClass.jsp),网上书店图标和地址(info.jsp),购物车显示(cart.jsp)。在历史类图书(histotyClass.jsp)和计算机类图书(computerClass.jsp)两个页面中,都有跳转到这两个页面的链接,还列出了一些各自类别的图书信息,每本书的信息用表单保存,当用户点击某本书后面的”加入到购物车”按钮时,会提交相应的表单到本页面,由jsp程序段保存到用户session。
除此之外,还有一个”查看我的购物车”按钮,当用户点击此按钮时,会跳转到购物车页面(cart.jsp),在cart.jsp中,会执行jsp程序段读取用户session,将用户添加到购物车的每一本图书用表单显示,在每一个表单后设置”删除”按钮,用户点击”删除”按钮可以将该本书从购物车中移除。
info.jsp中包含了书店的图标和地址信息,用”include”指令包含在每个页面中。
代码:
historyClass.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>21世纪书店--历史类图书</title>
<style type="text/css">
input{
background:pink;
border:0px solid #c00;
}
</style>
</head>
<body>
<div align="center">
<h2 align="center">欢迎来到21世纪书店</h2>
图书分类>>>
<a href="historyClass.jsp">历史类图书</a>  
<a href="computerClass.jsp">计算机类图书</a><br>
<p>***书籍列表***</p>
<form action="" method="post">
<input type="text" name="book" value="《鱼羊野史》    高晓松    178.1元" size="40" maxlength="200" readonly>
<input type="submit" name="add" value="加入购物车" height="2">
</form>
<form action="" met