实现购物车（简易网页）

我永远信仰

已于 2022-03-28 22:43:56 修改

阅读量3.5k

点赞数 11

分类专栏： html 文章标签： jsp

于 2020-10-05 16:48:28 首次发布

本文链接：https://blog.csdn.net/qq_44769557/article/details/108930108

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

该博客展示了如何使用JSP和Session对象实现一个简单的网上购物车模拟。用户通过输入会员卡号进入购物流程，选择商品后加入购物车，最后在结账页面查看并确认购物车中的商品及总金额。整个流程包括loginID.jsp（会员登录）、shop.jsp（导航）、food.jsp（商品选择）和count.jsp（购物车结算）四个页面。

摘要由CSDN通过智能技术生成

题目描述：
用户到便民超市采购商品，在购物前需要登录会员卡号，购物时先将选购的商品放入购物车，最后到柜台清点商品。请借助于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年拉菲 15585元">82年拉菲 15585元<br>
    <input type="checkbox" name="goods" value="汉帝茅台 4585元">汉帝茅台 4585元<br>
    <input type="checkbox" name="goods" value="威士忌限量版 1584元">威士忌限量版 1584元<br>
    <input type="checkbox" name="goods" value="龙舌兰莱伊酒 2585元">龙舌兰莱伊酒 2585元<br>
    <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");
        int count = 0;
        out.print("您的会员卡号："+id+"<br>");
        out.print("购物车中的物品清单：<br>");
        for(int i=0;i<goods.length;i++){
            out.println(goods[i]+"<br>");
            String[] str = goods[i].split(" ");
            count += Integer.parseInt(str[1].replace("元",""));
        }
        out.print("您消费的金额为："+count+"元 <br>");
    %>
    <br><br><br>
    <a href="loginID.jsp">欢迎修改会员卡号！</a>
    <a href="food.jsp">返回购物柜台！</a>
</form>
</body>
</html>