这些日子&＃xff0c;学习JSP&＃xff0c;只要找到一个小模块来试试你的手&＃xff1a;

    这里是实现车模块结果页面截图&＃xff1a;

图1. 产品显示页面 通过此页面进行产品选择。增加到购物车

图2 .购物车页面

图3 . 商品数量设置

好了&＃xff0c;先不贴图了&＃xff0c;直接上代码。先看看项目的文档结构把&＃xff08;麻雀虽小。五脏俱全&＃xff09;&＃xff1a;

整个项目包括三个类&＃xff0c;两个JSP页面。以下分别把他们的代码贴上&＃xff1a;

Cart.java

package shopping.cart;import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;public class Cart {List items &＃61; new ArrayList();public List getItems() {return items;}public void setItems(List items) {this.items &＃61; items;}public void add(CartItem ci) {for (Iterator iter &＃61; items.iterator(); iter.hasNext();) {CartItem item &＃61; iter.next();if(item.getProduct().getId() &＃61;&＃61; ci.getProduct().getId()) {item.setCount(item.getCount() &＃43; 1);return;}}items.add(ci);}public double getTotalPrice() {double d &＃61; 0.0;for(Iterator it &＃61; items.iterator(); it.hasNext(); ) {CartItem current &＃61; it.next();d &＃43;&＃61; current.getProduct().getPrice() * current.getCount();}return d;}public void deleteItemById(String productId) {for (Iterator iter &＃61; items.iterator(); iter.hasNext();) {CartItem item &＃61; iter.next();if(item.getProduct().getId().equals(productId)) {iter.remove();return;}}}}

CartItem.java

package shopping.cart;import shopping.cart.Product;public class CartItem {private Product product;private int count;public int getCount() {return count;}public void setCount(int count) {this.count &＃61; count;}public Product getProduct() {return product;}public void setProduct(Product product) {this.product &＃61; product;}
}


 Product.java

package shopping.cart;
import java.io.Serializable;public class Product implements Serializable {private String id;// 产品标识private String name;// 产品名称private String description;// 产品描写叙述private double price;// 产品价格public Product() {}public Product(String id, String name, String description, double price) {this.id &＃61; id;this.name &＃61; name;this.description &＃61; description;this.price &＃61; price;}public void setId(String id) {this.id &＃61; id;}public void setName(String name) {this.name &＃61; name;}public void setDescription(String description) {this.description &＃61; description;}public void setPrice(double price) {this.price &＃61; price;}public String getId() {return id;}public String getName() {return name;}public String getDescription() {return description;}public double getPrice() {return price;}
}

以下是俩JSP页面源代码&＃xff1a;

ShowProducts.jsp

<%&＃64; page language&＃61;"java" import&＃61;"java.util.*" pageEncoding&＃61;"GB18030"%>
<%&＃64; page import&＃61;"shopping.cart.*"%>
<%String path &＃61; request.getContextPath();String basePath &＃61; request.getScheme() &＃43; "://"&＃43; request.getServerName() &＃43; ":" &＃43; request.getServerPort()&＃43; path &＃43; "/";
%>
<%Map products &＃61; new HashMap();products.put("1", new Product("1", "mp3播放器","效果非常不错的mp3播放器&＃xff0c;存储空间达1GB", 100.00));products.put("2", new Product("2", "数码相机", "象素500万&＃xff0c;10倍光学变焦",500.00));products.put("3", new Product("3", "数码摄像机","120万象素&＃xff0c;支持夜景拍摄&＃xff0c;20倍光学变焦", 200.00));products.put("4", new Product("4", "迷你mp4","市面所能见到的最好的mp4播放器&＃xff0c;国产", 300.00));products.put("5", new Product("5", "多功能手机","集mp3播放、100万象素数码相机&＃xff0c;手机功能于一体", 400.00));products.put("6", new Product("6", "多功能手机111","集mp3播放23、100万象素数码相机111&＃xff0c;手机功能于一体111",600.00));products.put("7", new Product("7", "11111111111","集mp3播放23、100万象素数码相机111&＃xff0c;手机功能于一体111",700.00));products.put("8", new Product("8", "2222222222","集mp3播放23、100万象素数码相机111&＃xff0c;手机功能于一体111",800.00));products.put("9", new Product("9", "33333333333333","集mp3播放23、100万象素数码相机111&＃xff0c;手机功能于一体111",900.00));session.setAttribute("products", products);%>

产品显示

Buy.jsp

<%&＃64; page language&＃61;"java" import&＃61;"java.util.*" pageEncoding&＃61;"GB18030"%>
<%&＃64; page import&＃61;"shopping.cart.*" %><%
Cart c &＃61; (Cart)session.getAttribute("cart");
if(c &＃61;&＃61; null) {c &＃61; new Cart();session.setAttribute("cart", c);
}double totalPrice &＃61; c.getTotalPrice();request.setCharacterEncoding("GBK");
String action &＃61; request.getParameter("action");Map products &＃61; (HashMap)session.getAttribute("products");if(action !&＃61; null && action.trim().equals("add")) {String id &＃61; request.getParameter("id");Product p &＃61; (Product)products.get(id);CartItem ci &＃61; new CartItem();ci.setProduct(p);ci.setCount(1);c.add(ci);
}if(action !&＃61; null && action.trim().equals("delete")) {String id &＃61; request.getParameter("id");c.deleteItemById(id);
}if(action !&＃61; null && action.trim().equals("update")) {for(int i&＃61;0; i}%> <%
String path &＃61; request.getContextPath();
String basePath &＃61; request.getScheme()&＃43;"://"&＃43;request.getServerName()&＃43;":"&＃43;request.getServerPort()&＃43;path&＃43;"/";
%><%
List items &＃61; c.getItems();
%>









配置好相关文件&＃xff0c;在tomcat中公布后&＃xff0c;在浏览器中输入http://localhost:8088/shopCart/ShowProducts.jsp 他们可以进入产品页面&＃xff0c;其他操作都能够完成在页面上&＃xff01;

注意&＃xff1a;我用tomcatport&＃xff08;8088&＃xff09;由他转。假设没改过tomcatport鞋。默认port至8080。