题目描述： 用户到便民超市采购商品，在购物前需要登录会员卡号，购物时先将选购的商品放入购物车，最后到柜台清点商品。请借助于ssion对象模拟购物车，并存储客户的会员卡号和购买的商品名称。会员卡号在输入后可以修改，购物车中的商品可以查看。编写程序模拟上述过程。loginID.jsp 实现会员卡号的输入，shop.jsp 实现商品导购，food.jsp 实现商品购物，countjsp实现清点商品。本节实践环节的4个JSP页面都保存在目录practice4中，运行loginID.jsp页面。 运行效果如图：
login.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> </head> <body> <form action="shop.jsp" method="post"> <center>欢迎您来到便民超市网上购物柜台，请输入你的会员卡号：<br> <input type="text" name="id"> <input type="submit" value="提交"> </center> </form> </body> </html>shop.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> </head> <body> <form action="food.jsp"> <% String ID=request.getParameter("id"); session.setAttribute("id", ID); %> <a href="food.jsp">这里是购物柜台，欢迎选购您喜欢的物品。</a><br> </form> <a href="loginID.jsp">欢迎修改会员卡号！</a> </body> </html>food.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> </head> <body> <form action="count.jsp" method="post"> 这里是购物柜台，请选择您要购买的物品：<br> <input type="checkbox" name="goods" value="82年拉菲">82年拉菲 <input type="checkbox" name="goods" value="汉帝茅台">汉帝茅台 <input type="checkbox" name="goods" value="威士忌限量版">威士忌限量版 <input type="checkbox" name="goods" value="龙舌兰莱伊酒">龙舌兰莱伊酒 <br> <input type="submit" value="购物"> <br> <a href="loginID.jsp">欢迎修改会员卡号！</a> <a href="food.jsp">购物柜台</a> </form> </body> </html>count.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> </head> <body> 这里是结账柜台，请确认以下信息：<hr> <form> <% request.setCharacterEncoding("utf-8"); //获取卡号 String id=(String)session.getAttribute("id"); //获取购物清单 String goods[]=request.getParameterValues("goods"); out.print("您的会员卡号："+id+"<br>"); out.print("购物车中的物品清单：<br>"); for(int i=0;i<goods.length;i++){ out.println(goods[i]+"<br>"); } %> <br><br><br> <a href="loginID.jsp">欢迎修改会员卡号！</a> <a href="food.jsp">返回购物柜台！</a> </form> </body> </html>