易买网购物车结算用jsp怎么做

2023-04-16 16:24:01JavaScript023

易买网购物车结算用jsp怎么做,第1张

页面jsp ：

<%@ page language="java" contentType="text/html charset=utf-8"

pageEncoding="utf-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

var contextPath = '${pageContext.request.contextPath }'

</script>

</head>

<body>

<jsp:include page="top.jsp" />

您现在的位置：<a href="Home">易买网</a> &gt 购物车

</div>

<table>

<tr>

</tr>

<c:forEach items="${sessionScope.shopCar}" var="item" varStatus="status">

<td class="thumb"><img src="${item.proImg }" height="50" width="30" /><a href="Product?action=view&entityId=${item.proId}">${item.proName}</a></td>

</td>

<dl>

</dl>

</td>

</tr>

</c:forEach>

</table>

</form>

</div>

</div>

</body>

</html>

页面关联的js 自己去网上下载一个jquery

/*数量减少*/

function sub(id,proId){

//购买数量的值

var num = $('#'+id).val()

if(num > 1){

$('#'+id).val(num - 1)

}

edit(id,proId)

}

function edit(id,proId){

var url = contextPath + '/HomeCarManager'

//修改后的数量，购物明细的商品的id

num = $('#'+id).val()

$.post(url,{"num":num,"proId":proId},function (msg){

if(msg == 'true'){

alert('修改成功')

} else {

alert('修改失败')

}*/

})

}

/**

* 数量增加

* @param {} id

function addNum(id,proId){

//购买数量的值

var num = $('#'+id).val()

$('#'+id).val(parseInt(num) + 1)

edit(id,proId)

}

/**

* 删除购物明细

function deleteItem(trId,proId){

//console.log($("#"+trId))

//js删除页面节点

//$("#"+trId).remove()

var url = contextPath + '/HomeCarManager'

$.post(url,{"proId":proId},function (msg){

if(msg == 'true'){

//js删除页面节点

$("#"+trId).remove()

}

})

}

后台servlet1

package com.kaka.web

import java.io.IOException

import java.io.PrintWriter

import java.util.ArrayList

import java.util.List

import javax.servlet.ServletException

import javax.servlet.http.HttpServlet

import javax.servlet.http.HttpServletRequest

import javax.servlet.http.HttpServletResponse

/**

* 购物车处理类

* @author @author ITJob 远标培训

import com.kaka.entity.Items

import com.kaka.entity.Product

import com.kaka.service.ProductService

import com.kaka.service.impl.ProductServiceImpl

public class HomeCar extends HttpServlet {

private static final long serialVersionUID = 1L

ProductService ps = new ProductServiceImpl()

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

//获取商品的id

String proId = req.getParameter("proId")

resp.setContentType("text/htmlcharset=UTF-8")

PrintWriter writer = resp.getWriter()

if(null != proId && !"".equals(proId)){

//返回添加购物车成功

//System.out.println("=============" + proId)

//根据商品的id查询商品

try {

Integer pId = Integer.parseInt(proId)

Product product = ps.findProductById(pId)

if(null != product){

//查询到了商品，将商品的相关参数构建一个购物明细放入到购物车

Items it = new Items()

it.setProId(product.getProId())

it.setProName(product.getProName())

it.setProPrice(product.getProPrice())

it.setProImg(product.getProImg())

//先判断session范围是否有购物车

List<Items> shopCar = (List<Items>)req.getSession().getAttribute("shopCar")

if(null == shopCar){

//购物车

shopCar = new ArrayList<Items>()

}

//将商品加入到购物车之前，判断购物车中是否已经包含了该购物明细，如果包含了，只需要修改购买的数量

if(shopCar.contains(it)){

int index = shopCar.indexOf(it)//寻找购物车中包含购物明细在购物车中位置

Items items = shopCar.get(index)//获取购物车中存在的购物明细

items.setProNum(items.getProNum()+1)

} else {

shopCar.add(it)

}

//将购物车放入到session访问

req.getSession().setAttribute("shopCar", shopCar)

//返回

writer.print(true)

} else {

writer.print(false)

}

} catch (Exception e) {

e.printStackTrace()

writer.print(false)

}

} else {

writer.print(false)

}

writer.flush()

writer.close()

}

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

doPost(req, resp)

}

后台管理servlet

package com.kaka.web

import java.io.IOException

import java.io.PrintWriter

import java.util.ArrayList

import java.util.List

import javax.mail.FetchProfile.Item

import javax.servlet.ServletException

import javax.servlet.http.HttpServlet

import javax.servlet.http.HttpServletRequest

import javax.servlet.http.HttpServletResponse

/**

* 购物车修改

* @author ITJob 远标培训

import com.kaka.entity.Items

import com.kaka.entity.Product

import com.kaka.service.ProductService

import com.kaka.service.impl.ProductServiceImpl

public class HomeCarManager extends HttpServlet {

private static final long serialVersionUID = 1L

ProductService ps = new ProductServiceImpl()

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

resp.setContentType("text/htmlcharset=UTF-8")

PrintWriter writer = resp.getWriter()

//获取参数

String proId = req.getParameter("proId")

String num = req.getParameter("num")

if(null != proId && null != num

&& !"".equals(proId) && !"".equals(num)){

try {

Integer pId = Integer.parseInt(proId)

Float pNum = Float.parseFloat(num)

//根据商品的id获取对应的明细项

// 先判断session范围是否有购物车

List<Items> shopCar = (List<Items>) req.getSession().getAttribute("shopCar")

for(Items it : shopCar){

if(it.getProId()== pId){

it.setProNum(pNum)

}

writer.print(true)

} catch (Exception e) {

e.printStackTrace()

}

} else {

//删除的操作

try {

Integer pId = Integer.parseInt(proId)

//根据商品的id获取对应的明细项

// 先判断session范围是否有购物车

List<Items> shopCar = (List<Items>) req.getSession().getAttribute("shopCar")

Items items = null

for(Items it : shopCar){

if(it.getProId()== pId){

items = it

break

}

if(null != items){

shopCar.remove(items)

req.getSession().setAttribute("shopCar",shopCar)

}

writer.print(true)

} catch (Exception e) {

e.printStackTrace()

}

writer.flush()

writer.close()

}

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

doPost(req, resp)

}

一般有两种做法。

一种是

在页面加载完毕后，先初始化一次总金额。

在调用添加、减少方法时，获取总金额的值然后加上或减去物品*数量的值

另一种就是

同样先初始化总金额

在调用添加、减少方法后，直接重新计算所有price的值然后给总金额赋值。

```js

function updateTotalPrice() {

let count= 0

const priceNodes = document.querySelectorAll("li input[name='price']")

priceNodes.forEach(node => {

count+= parseFloat(node.value) * 100

})

document.querySelector("#totalPrice").innerHTML = count/ 100

}

```

写这篇文章的理由是上周和一个优秀的同行的简短交流

他问我“如果待付款订单的商品没有库存了怎么办？”

我当时的回答是“待付款订单的话会有个继续付款按键吧，点击的时候做验证确保订单所有商品sku大于1就对了，如果没有库存就提示用户没有库存可以触发到货提醒操作”

然后周日的时候隐约觉得我的答案没对。于是请教了以前的leader 后台PM林先生。林先生带了我1年半时间，其智慧和卓见算是我见过的数一数二的人物。

是的正如我觉得没对一样，我的答案错了。其实待付款是会锁库存的。甚至京东早期还做过加入购物车就锁sku库存，一定时间后如果无后续操作自动清楚锁库存并且状态切换。

反思了自己没有仔细思考就说出了欠妥的答案，也在深夜带着问题继续思考。

然后调研了京东易迅 2家具被代表性的网站，发现了很多知识。

首先从购物车说起。

我的流程如下：

【京东】打开京东-登录-查看购物车-勾选了几个库存为0 无法销售的商品-点击 “去结算”-成功进入确认订单流程，并且 “提交订单”按键是亮的-点击提交订单- 报错返回购物车

【易迅】打开易迅-登录-查看购物车-勾选了库存为0 无法销售的商品- 点击“去结算”，咦怎么按键是灰色的，旁边还写了对不起，暂时无法结算。

是的，聪明的你已经看出来区别了。其实这里应该做前台验证的（js）。另外购物车还应该考虑到所有商品当前价格如果和加入购物车的时候发生变化，应该有提示（参考淘宝）。

接下来思考下锁库存问题。

翻了翻知乎，请教林先生：发现了下面3点

1 京东曾经做过加入购物车就锁库存，然后一定时间没操作后清空购物车。

（是的只是曾经做过，这样的设计师完全参考线下购物车做的。那么问题就在：“超市里面买东西和付款往往是一条线时间节奏的，但是线上是可能周一加点周二几点周五有钱了以前买的情况的”）

2 目前主流电商做法是这样的：待付款状态是需要锁库存。然后比如一周没有付款就自动取消订单。所以这也解释了我之前回答错误的东西。其实待付款压根就没有库存没有的情况好么～

也就是说在确认订单流程，只要提交成功就肯定是有库存的。京东就没提交成功给我返回了购物车，易迅的话直接在购物车就给我验证了。

3 其实更好的做法是为商品设置库存状态，有些商品即使sku库存小于0了也可以进入备货期晚几天发货。那么这样的商品即使没货了也是允许售卖的。叫做预售。

这样的商品库存即使为0 ，也可以进入待付款状态，付款成功后优先发有货的其他商品。对了在里面还设计了母订单付款成功后拆分子订单的条件之一。这里不做过多叙述。

那么没有备货器的商品怎么办，我就是看中了一个限量版本的烤箱。在我购物车里面。等我准备买的时候，没货了而且没法补货。那么我还能下单或者购物车结算么？

也许对这类做验证，报错无法提交是个简单的办法。

或许更极点的做法当用户提交的时候。。这部分订单会进入一个待挽回订单。客服自动跟进询问是否愿意替换替换的烤箱然后尽可能地让用户买其他的烤箱。

今天就写到这里了，好困

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：css能用vs2008写么？

# 下一篇：js正则判断输入框只允许输入数字和空格,该咋写呀

推荐阅读

热门文章

最新发布

标签列表

易买网购物车结算用jsp怎么做

给您推荐相同类型的内容：