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日
    浏览(47)
  • Android商城开发----点击加入购物车,购物车商品的增删减

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

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

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

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

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

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

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

    2024年02月05日
    浏览(52)
  • Html购物车

    目录 一.登陆界面 二.注册界面 三.购物车界面  我的登陆界面用正则判断,昵称输入框的输入要求时3到6个大写或小写字母, placeholder时信息提示 ,它在输入框中显示,当你在输入框中输入值时,就会消失  我写了非空判断,在没有输入值就点击登陆时,就会弹出提示框(

    2024年02月08日
    浏览(47)
  • JavaWeb 购物车项目

    今天是基于我们所学的服务器存储端和三层架构来完善该项目,今天先完善一部分的功能。   1.登录 先创建一个用户表,表中有id,name,pwd三个属性首。 需要具备一个登录页面,一个处理登录数据的页面,在该页面进行判断,当该用户存在,我们跳转到商城,用户不存在回到登

    2024年02月07日
    浏览(42)
  • JavaWeb购物车项目

    目录 项目前提 数据库的创建 用户表 商品表 eclipse进行创建包和类: 主要实现功能 1、购物车用户登录 2、商品显示 3、购物车添加商品总数和价格的计算 1、购物车并不是一直放数据库 2、选择使用的技术: session:(购物车项目使用session) 好处:快(放在内存当中),存对象的

    2024年02月05日
    浏览(46)
  • 购物车按钮

    先看效果: 再看代码:

    2024年02月08日
    浏览(34)
  • Vue项目(购物车)

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

    2024年02月12日
    浏览(39)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包