JSP | 简易购物车的实现

本程序共包含四部分文件，只包含jsp文件，将java代码嵌入到jsp文件中实现：

loginID.jsp、shop.jsp、food.jsp、count.jsp，分别实现的功能是输入ID页面、超链接功能选择页面、购物页面和购物车页面。

<%@ 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购物车页面查看购物信息：

JSP | 简易购物车的实现

猜你喜欢