JSP | 简易购物车的实现
本程序共包含四部分文件,只包含jsp文件,将java代码嵌入到jsp文件中实现:
loginID.jsp、shop.jsp、food.jsp、count.jsp,分别实现的功能是输入ID页面、超链接功能选择页面、购物页面和购物车页面。
login.jsp文件代码如下:
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>会员卡输入页面</title>
</head>
<body><form action="shop.jsp" method="post"><h3>欢迎来到便民超市,请输入您的会员卡号:</h3><input type="text" name="id"><input type="submit" name=sub value="提交">
</body>
</html>
shop.jsp文件代码如下:
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>导购页面</title>
</head>
<body><% request.setCharacterEncoding("UTF-8");String id=request.getParameter("id");if(id==null){id="";}else{session.setAttribute("id",id);}%><a href="food.jsp">这里是调料柜台,请选择您要购买的调料</a><br/><a href="loginID.jsp">欢迎修改会员卡号!</a>
</body>
</html>
food.jsp文件代码如下:
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>购物页面</title>
</head>
<body><form action="" method="post" name="form">这里是调料柜台,请选择要购买的调料:<br /><input type="checkbox" name="sec" value="调和油" />调和油<input type="checkbox" name="sec" value="强化盐" />强化盐<input type="checkbox" name="sec" value="多维醋" />多维醋<input type="checkbox" name="sec" value="绿色调料" />绿色调料<br /><input type="submit" name="gouwu" value="购物"><br /><br /><a href="loginID.jsp">欢迎修改会员卡号!</a><a href="count.jsp">欢迎查看购物车!</a><%request.setCharacterEncoding("GB2312");String sec[] = request.getParameterValues("sec");if (sec!=null && sec.length!= 0) {for (int i=0;i<sec.length;i++) {session.setAttribute(sec[i],sec[i]);}} %>
</body>
</html>
count.jsp文件代码如下:
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<%@ page import="java.util.*"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>查看购物车商品页面</title>
</head>
<body><h3>这里是结账柜台,请确认以下信息。</h3><br /><%String id=(String) session.getAttribute("id");out.println("您的会员卡号:" + id);Enumeration enumsec= session.getAttributeNames();out.println("<br>购物车中的商品清单:<br>");while (enumsec.hasMoreElements()) {String ser=(String)enumsec.nextElement();String scr=(String)session.getAttribute(ser);if (!(scr.equals(id))) {out.println(" " + scr + "<br>");session.removeAttribute(ser);}}%><a href="loginID.jsp"> 欢迎修改会员卡号!</a><a href="food.jsp"> 欢迎来到调料柜台!</a>
</body>
</html>
loginID.jsp页面运行如下:
点击“提交”后,即跳转到shop.jsp页面下:
点击第一个超链接跳转到food.jsp页面进行购物(第二个超链接跳转到loginID页面修改ID,在此不演示):
由上图知,我们购买了调和油、多维醋和绿色调料三款产品,点击“购物”按钮后即购物成功,之后点击“欢迎查看购物车”超链接跳转到count.jsp购物车页面查看购物信息: