Java Web——简易购物车网页设计

这篇具有很好参考价值的文章主要介绍了Java Web——简易购物车网页设计。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

实验三  JSP内置对象使用

一、实验目的

1.熟悉requestresponsesessionapplicationout等内置对象。

2.理解购物车概念。

二、实验学时

2H

三、实验性质

       综合性实验

四、实验内容

开发一个简易购物车,要求如下:

1.编写两个页面,一个显示一些历史图书的名称和价格,一个显示一些计算机图书的名称和价格。在每本书的后面都有一个链接——购买,单击链接,能够将该书添加到购物车。(45分)

2.在每个页面上都有链接“显示购物车”,单击该链接,能够显示购物车中的内容;在每个内容后面都有一个“删除”链接,单击链接,可以将该图书从购物车中删除。(45分)

历史图书的名称和价格(代码):

<%@page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>历史图书</title>
</head>
<body>
	<%
		Map<String, Integer> historyBooks = new HashMap<>();
		historyBooks.put("史记", 86);
		historyBooks.put("人类简史", 46);
		historyBooks.put("西游记", 66);
		historyBooks.put("红楼梦", 35);
		historyBooks.put("水浒传", 55);
	%>
	<h2>历史图书列表</h2>
	<table border="1">
		<thead>
			<tr>
				<td>名称</td>
				<td>价格</td>
				<td>功能</td>
			</tr>
		</thead>
		<tbody>
			<%
				Set<String> keySet = historyBooks.keySet();
				Iterator<String> it = keySet.iterator();
				String key;
				Integer value;
				while (it.hasNext()) {
					key = it.next();
					value = historyBooks.get(key);
			%>
			<tr>
				<td><%=key%></td>
				<td><%=value%></td>
				<td><a
					href="add_cart.jsp?name=<%=key%>&price=<%=value%>&type=history">购买</a></td>
			</tr>
			<%
				}
			%>

		</tbody>
	</table>
	<div>
		<a href="show_cart.jsp">查看购物车</a>
	</div>
	<div>
		<a href="computer_book.jsp">计算机图书列表</a>
	</div>
</body>
</html>

历史图书的名称和价格(运行结果截图):

javaweb购物车,java,开发语言,tomcat

计算机图书的名称和价格(代码):

<%@page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算机图书</title>
</head>
<body>
	<%
		Map<String, Integer> computerBooks = new HashMap<>();
		computerBooks.put("Java程序设计", 86);
		computerBooks.put("Java高级编程", 46);
		computerBooks.put("数据库系统与实现", 66);
		computerBooks.put("设计模式", 35);
		computerBooks.put("计算机网络", 55);
	%>
	<h2>计算机图书列表</h2>
	<table border="1">
		<thead>
			<tr>
				<td>名称</td>
				<td>价格</td>
				<td>功能</td>
			</tr>
		</thead>
		<tbody>
			<%
				Set<String> keySet = computerBooks.keySet();
				Iterator<String> it = keySet.iterator();
				String key;
				Integer value;
				while (it.hasNext()) {
					key = it.next();
					value = computerBooks.get(key);
			%>
			<tr>
				<td><%=key%></td>
				<td><%=value%></td>
				<td><a
					href="add_cart.jsp?name=<%=key%>&price=<%=value%>&type=computer">购买</a></td>
			</tr>
			<%
				}
			%>

		</tbody>
	</table>
	<div>
		<a href="show_cart.jsp">查看购物车</a>
	</div>
	<div>
		<a href="history_book.jsp">历史图书列表</a>
	</div>
</body>
</html>

计算机图书的名称和价格(运行结果截图):

javaweb购物车,java,开发语言,tomcat

(添加) 购物车代码:

<%@page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加购物车</title>
</head>
<body>
	<%
		String name = request.getParameter("name");
		String price = request.getParameter("price");
		String type = request.getParameter("type");
		if (name != null && price != null) {
			Map<String, Integer> cart = (Map<String, Integer>) session.getAttribute("cart");
			if (cart == null) {
				cart = new HashMap<>();
				session.setAttribute("cart", cart);
			}  
				cart.put(name, Integer.parseInt(price));
			}
		
		if ("history".equals(type)) {
			response.sendRedirect("history_book.jsp");
		} else {
			response.sendRedirect("computer_book.jsp");
		}
		Map<String, Integer> cart = new HashMap<>();
	%>
</body>
</html>

(添加)购物车(运行结果截图):

javaweb购物车,java,开发语言,tomcat

 (查看) 购物车代码:

<%@page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>查看购物车</title>
</head>
<body>
	<%
		Map<String, Integer> cart = (Map<String, Integer>) session.getAttribute("cart");
		if (cart != null && cart.size() > 0) {
	%>
	<h2>查看购物车</h2>
	<table border="1">
		<thead>
			<tr>
				<td>名称</td>
				<td>价格</td>
				<td>功能</td>
			</tr>
		</thead>
		<tbody>
			<%
				Set<String> keySet = cart.keySet();
					Iterator<String> it = keySet.iterator();
					String name;
					Integer price;
					//Integer num;
					while (it.hasNext()) {
						name = it.next();
						price = cart.get(name);
			%>
			<tr>
				<td><%=name%></td>
				<td><%=price%></td>
				<td><a
					href="delete_cart.jsp?name=<%=name%>">删除</a></td>
			</tr>
			<%
				}
			%>

		</tbody>
	</table>
	<%
		}else{
			out.print("购物车空空如也");
		}
	%>
	<div><a href="history_book.jsp">历史图书列表</a></div>
	<div><a href="computer_book.jsp">计算机图书列表</a></div>
</body>
</html>

(查看)购物车(运行结果截图):

javaweb购物车,java,开发语言,tomcat

  (删除) 购物车代码:

<%@page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>删除购物车</title>
</head>
<body>
<%
Map<String, Integer> cart = (Map<String, Integer>) session.getAttribute("cart");
String name = request.getParameter("name");
if(name!=null){
	cart.remove(name);
}
response.sendRedirect("show_cart.jsp");
%>
</body>
</html>

(删除水浒传后)购物车(运行结果截图):

javaweb购物车,java,开发语言,tomcat文章来源地址https://www.toymoban.com/news/detail-753873.html

到了这里,关于Java Web——简易购物车网页设计的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue项目商品购物车前端本地缓存逻辑(适用H5/ipad/PC端)——前端实现购物车删除商品、购物车增减数量,清空购物车功能

    Vue3 + Vite + Ts开源后台管理系统模板 基于ElementUi或AntdUI再次封装基础组件文档 基于Element-plus再次封装基础组件文档(vue3+ts)

    2024年02月12日
    浏览(37)
  • Android商城开发----点击加入购物车,购物车商品的增删减

    上一章节:【分类页面】点击左侧类别,实现右侧对应类别商品的展示 本文是在上一章节基础上开发的,点击【分类】页面商品的加入购物车按钮,实现将商品加入购物车的功能。 本文主要实现的功能是: 1.点击加入购物车按钮,将商品加入购物车。 2.点击相同的商品加入

    2024年02月03日
    浏览(51)
  • Web前端设计与开发课程设计:简易淘宝网页设计

    实验日期:2022-09-23 (一)大作业要求 综合运用所学知识,完成一个Web前端项目。内容和功能不做具体限定,主题可以是商业公司网站、学校网站或电商网站等。 技术要求: 掌握HTML5的基本结构创建、排版网页; 掌握DIV+CSS实现页面布局; 掌握模板技术进行页面复用; 掌握

    2024年02月05日
    浏览(30)
  • JavaWeb购物系统(五)购物车模块的实现

    未添加商品效果图 添加商品之后的效果图 添加商品 购物车中商品的数量增加、减少、通过键盘输入改变数量 清空购物车 计算购物车商品的总价格 我们的购物车采用的是在服务端,即:使用session来存储。这样做的 缺点 :无法永久存储,当服务端关闭的时候,会销毁。 优点

    2024年02月07日
    浏览(33)
  • JavaWeb购物系统(六)购物车订单模块的实现

    有订单时的效果图 无订单时的效果图 订单详情页 生成订单 订单页的展示 查看订单详情 和购物车同样的,首先得知道我们的订单对应的哪个实体对象。一个用户可能有多条订单记录,一个订单里边可以包含多个 商品(也可以理解为多个购物项) 。理清这个逻辑之后,我们

    2024年02月05日
    浏览(42)
  • Android -- 购物车

    购物车功能描述         第一次进入购物车页面,购物车里面是空的,同时提示去逛手机商场, 如 首次进入的页面 图所示。接着去商场页面选购手机,随便挑了几部手机加入购物车,再返回购物车页面,即可看 到购物车的商品列表,如 购物车已选列表图 所示,有商品

    2023年04月08日
    浏览(27)
  • Vue项目(购物车)

    目录 购物车效果展示: 购物车代码: 购物车效果展示: 此项目添加、修改、删除数据的地方都写了浏览器都会把它存储起来 下次运行项目时会把浏览器数据拿出来并在页面展示 Video_20230816145047 购物车代码: 复制完代码,需改下script中引入的vue文件地址; 可直接使用

    2024年02月12日
    浏览(29)
  • 14-案例:购物车

    需求说明:         1. 渲染功能                 v-if/v-else v-for :class         2. 删除功能                 点击传参 filter 过滤覆盖原数组         3. 修改个数                 点击传参 find 找对象         4. 全选反选                 计算属性 computed 完整写法 get/

    2024年02月12日
    浏览(38)
  • js实现购物车

    ### 嘎嘎原生,看就完了 ### # # html部分 ### css部分 ### js部分

    2024年01月21日
    浏览(44)
  • 购物车程序实现教程

    在本教程中,我们将实现一个购物车程序,实现在界面中以列表的形式显示购物车的商品信息。商品信息包含商品名称,价格和数量,并能实现对应的增删改查操作。我们将使用 Android Studio 和 SQLite 数据库来完成这个任务。 我们的购物车程序由以下四个主要类组成: MainAct

    2024年02月04日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包