阿尔萨斯
- 浏览: 4179416 次
-
最新评论
【实例】赵雅智_购物车（6）用户自定义购买物品数量
添加文本框
在listcart.jsp中修改如下代码
修改价格
Listcart.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>购物车显示页面</title>
<script type="text/javascript">
function deletitem(id){
var b = window.confirm("确定要删除吗？");
if(b){
window.location.href="${pageContext.request.contextPath}/deletedById.do?id="+id;
}
}
function clearcart(){
var b = window.confirm("确定要清空购物车吗？");
if(b){
window.location.href="${pageContext.request.contextPath}/clearCart.do";
}
}
function changequantity(input){
alert(input.value);
var quantity = input.value; //得到修改的数量
var b = window.confirm("确定要将数量修改为："+quantity);
if(b){
window.location.href="${pageContext.request.contextPath}/changeQuantity.do?id="+id+"&quantity="+quantity;
}
}
</script>
</head>
<body style="text-align:center">
<h2>您购买了如下商品</h2>
<c:if test="${empty cart.map}">
您没有购买任何商品A
</c:if>
<c:if test="${!empty cart.map}">
<table border="1" width="80%">
<tr>
<td>编号</td>
<td>书名</td>
<td>单价</td>
<td>数量</td>
<td>小计</td>
<td>操作</td>
</tr>
<c:forEach var="me" items="${cart.map}">
<tr>
<td>${me.key}</td>
<td>${me.value.book.name}</td>
<td>${me.value.book.price}</td>
<td>
<input type="text" name="quantity" value="${me.value.quantity}" onchange="changequantity(this)"/>
</td>
<td>${me.value.price}</td>
<td>
<!-- 删一个购物项不是购物车 -->
<a href="javascript:deletitem(${me.key})">删除</a>
<!-- <a href="${pageContext.request.contextPath}/deletedById.do?id=${me.key}">删除</a>-->
</td>
</tr>
</c:forEach>
<tr>
<td colspan="3">总价</td>
<td colspan="2">${cart.price}</td>
<td>
<a href="javascript:clearcart()">清空购物车</a>
<!-- <a href="${pageContext.request.contextPath}/servlet/ClearCartSerlvet">清空购物车</a> -->
</td>
</td>
</tr>
</table>
</c:if>
</body>
</html>
光标移走自动计算价格
listcart.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>购物车显示页面</title>
<script type="text/javascript">
function deletitem(id){
var b = window.confirm("确定要删除吗？");
if(b){
window.location.href="${pageContext.request.contextPath}/deletedById.do?id="+id;
}
}
function clearcart(){
var b = window.confirm("确定要清空购物车吗？");
if(b){
window.location.href="${pageContext.request.contextPath}/clearCart.do?id="+id+"&quantity="+quantity;
}
}
function changequantity(input,id){
alert(input.value);
var quantity = input.value; //得到修改的数量
var b = window.confirm("确定要将数量修改为："+quantity);
if(b){
window.location.href="${pageContext.request.contextPath}/changeQuantity.do?id="+id+"&quantity="+quantity;
}
}
</script>
</head>
<body style="text-align:center">
<h2>您购买了如下商品</h2>
<c:if test="${empty cart.map}">
您没有购买任何商品A
</c:if>
<c:if test="${!empty cart.map}">
<table border="1" width="80%">
<tr>
<td>编号</td>
<td>书名</td>
<td>单价</td>
<td>数量</td>
<td>小计</td>
<td>操作</td>
</tr>
<c:forEach var="me" items="${cart.map}">
<tr>
<td>${me.key}</td>
<td>${me.value.book.name}</td>
<td>${me.value.book.price}</td>
<td>
<input type="text" name="quantity" value="${me.value.quantity}" onchange="changequantity(this,${me.key})"/>
</td>
<td>${me.value.price}</td>
<td>
<!-- 删一个购物项不是购物车 -->
<a href="javascript:deletitem(${me.key})">删除</a>
<!-- <a href="${pageContext.request.contextPath}/deletedById.do?id=${me.key}">删除</a>-->
</td>
</tr>
</c:forEach>
<tr>
<td colspan="3">总价</td>
<td colspan="2">${cart.price}</td>
<td>
<a href="javascript:clearcart()">清空购物车</a>
<!-- <a href="${pageContext.request.contextPath}/servlet/ClearCartSerlvet">清空购物车</a> -->
</td>
</td>
</tr>
</table>
</c:if>
</body>
</html>
新建ChangeQuantityServlet
package www.hbsi.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import www.hbsi.domain.Cart;
import www.hbsi.service.BookService;
import www.hbsi.service.BookServiceImpl;
public class ChangeQuantityServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String id = request.getParameter("id");
String quantity = request.getParameter("quantity");
Cart cart = (Cart) request.getSession().getAttribute("cart");
BookService service = new BookServiceImpl();
service.changeQuantity(id,quantity,cart);
request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
在BookService写publicvoidchangeQuantity(Stringid,Stringquantity,Cartcart);方法
package www.hbsi.service;
import java.util.List;
import www.hbsi.domain.Book;
import www.hbsi.domain.Cart;
public interface BookService {
//查询所有书籍
public List<Book> getAll();
//根据ID查找书籍
public Book findById(String id);
//删除购物项
public void deleteById(String id, Cart cart);
//清空购物车
public void clearCart(Cart cart);
public void changeQuantity(String id, String quantity, Cart cart);
}
package www.hbsi.service;
import java.util.List;
import www.hbsi.dao.BookDao;
import www.hbsi.dao.BookDaoImpl;
import www.hbsi.domain.Book;
import www.hbsi.domain.Cart;
import www.hbsi.domain.CartItem;
public class BookServiceImpl implements BookService {
BookDao bd = new BookDaoImpl();
public Book findById(String id) {
// TODO Auto-generated method stub
return bd.findById(id);
}
public List<Book> getAll() {
// TODO Auto-generated method stub
return bd.getAll();
}
public void deleteById(String id, Cart cart) {
// TODO Auto-generated method stub
cart.getMap().remove(id);
}
public void clearCart(Cart cart) {
// TODO Auto-generated method stub
cart.getMap().clear();
}
public void changeQuantity(String id, String quantity, Cart cart) {
// TODO Auto-generated method stub
//获取购物项
CartItem item = cart.getMap().get(id);
item.setQuantity(Integer.parseInt(quantity));
}
}
只能是正整数
Jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>购物车显示页面</title>
<script type="text/javascript">
function deletitem(id){
var b = window.confirm("确定要删除吗？");
if(b){
window.location.href="${pageContext.request.contextPath}/deletedById.do?id="+id;
}
}
function clearcart(){
var b = window.confirm("确定要清空购物车吗？");
if(b){
window.location.href="${pageContext.request.contextPath}/clearCart.do?id="+id+"&quantity="+quantity;
}
}
function changequantity(input,id,oldvalue){
// alert(input.value);
var quantity = input.value; //得到修改的数量
//判断用户的输入是不是一个数字
/* if(isNaN(quantity)){
alert("请输入数字！！");
input.value = oldvalue;
return;
}*/
//判断是否是正整数
if(quantity<0 || quantity!=parseInt(quantity)){
alert("请输入正整数！！");
input.value=oldvalue;
return;
}
var b = window.confirm("确定要将数量修改为："+quantity);
if(b){
window.location.href="${pageContext.request.contextPath}/changeQuantity.do?id="+id+"&quantity="+quantity;
}
}
</script>
</head>
<body style="text-align:center">
<h2>您购买了如下商品</h2>
<c:if test="${empty cart.map}">
您没有购买任何商品A
</c:if>
<c:if test="${!empty cart.map}">
<table border="1" width="80%">
<tr>
<td>编号</td>
<td>书名</td>
<td>单价</td>
<td>数量</td>
<td>小计</td>
<td>操作</td>
</tr>
<c:forEach var="me" items="${cart.map}">
<tr>
<td>${me.key}</td>
<td>${me.value.book.name}</td>
<td>${me.value.book.price}</td>
<td>
<input type="text" name="quantity" value="${me.value.quantity}" onchange="changequantity(this,${me.key},${me.value.quantity})"/>
</td>
<td>${me.value.price}</td>
<td>
<!-- 删一个购物项不是购物车 -->
<a href="javascript:deletitem(${me.key})">删除</a>
<!-- <a href="${pageContext.request.contextPath}/deletedById.do?id=${me.key}">删除</a>-->
</td>
</tr>
</c:forEach>
<tr>
<td colspan="3">总价</td>
<td colspan="2">${cart.price}</td>
<td>
<a href="javascript:clearcart()">清空购物车</a>
<!-- <a href="${pageContext.request.contextPath}/servlet/ClearCartSerlvet">清空购物车</a> -->
</td>
</td>
</tr>
</table>
</c:if>
</body>
</html>
点击确定
分享到：
发表评论
相关推荐
JavaScript应用实例-QQ_微信_自定义小尾巴.js
这是我学习jsp时运用servlet实现的Web购物车小实例，有兴趣的同学可以看看！
c# 实现购物车功能 实例代码(非常入门)
一个简单的 jsp购物车源代码，适合初学者学习用， 初学者不要错过哦。
此文档是pytorch自定义数据集的实例，我们可以 从中学会如何使用自己的数据训练cnn模型
示例代码：aspnetcore集成Swagger并自定义登录登出功能 博文地址：https://blog.csdn.net/u010476739/article/details/104638766
自定义的数据类型的OpenDDS实例，运行环境为Win10，含有对等发现，和集中发现的配置文件，编译完成后，对等发现只需要执行./Publisher和./Subscriber，默认会去找config_Pub.ini和config_Sub.ini 说明见：...
jsp开发实例——购物车，是一个综合开发实例。比较有针对性。
java 自定义异常实例二 java 自定义异常实例二
c#自定义控件实例大全，.NET自定义控件实例大全,WINFORM自定义控件实例大全
C# 自定义控件实例 C# 自定义控件实例 C# 自定义控件实例 button,Control,ProgressBar,tabControl, TrackBar
VB用户自定义事件绕来绕去的，翻了半天书也不好弄清楚，最后还是仔细翻看MSDN的事例弄有了。我把它贴成了VB可运行工程，试运行一下就很有体验感了，学起来省时省力。取之于MSDN用之于需要的学习，不需要消耗积分。
ssh实例(购物车),ssh实例(购物车),ssh实例(购物车),ssh实例(购物车)
用户自行定义一个异常，编程创建并抛出某个异常类的实例，运行该程序并观察执行结果。
jsp mysql实例简单的购物车 完整文档
C#23实例.net_经典例子400个.
jsp自定义标签实例+mvc自定义框架 jsp自定义标签实例+mvc自定义框架 jsp自定义标签实例+mvc自定义框架
通过paint事件对UserControl类实体进行重新绘制，实例提供模拟钟（自定义）控件的源代码。
使用： 第1 '================================================= '建立购物车对象,该对象用于直接在程序...所以这里记录的只需要是该商品的相关信息就可以了，这里我们记录他的 物品ID, 物品单价, 物品名称, 物品数量
自定义分页控件开发实例 自定义分页控件开发实例 自定义分页控件开发实例 自定义分页控件开发实例