javaweb购物车jsp,JAVAweb购物车session

本文目录一览：

• 1、用jsp和数据库做购物车，怎么能通过点击按钮把购买数量和商品信息传给购物车页面，急！！下面是部分代码
• 2、javascript+jsp实现在1.html把商品放购物车,在2.html显示购物车内的信息.看问题补充
• 3、如何用java和jsp做一个简单的购物车
• 4、jsp 实现简易版session购物车,无论前面怎么选择，最后显示的结果都为6个on，无法正确显示选择结果

用jsp和数据库做购物车，怎么能通过点击按钮把购买数量和商品信息传给购物车页面，急！！下面是部分代码

你把购买的数量和商品信息做成一个javabean，然后把这个javabean存在session里面，你点击按钮就向服务器端发出请求，然后服务器端处理请求后用jsp显示，这样就可以了呀

javascript+jsp实现在1.html把商品放购物车,在2.html显示购物车内的信息.看问题补充

一般来说，购物车信息是放在数据库的。不建议放在session。添加购物车就向数据库添加一条数据，另外一个页面刷新自然就可以获取数据

如何用java和jsp做一个简单的购物车

页面jsp ：

%@ page language=”java” contentType=”text/html; charset=utf-8″

    pageEncoding=”utf-8″%

%@ taglib prefix=”c” uri=”

%@ taglib uri=”

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “

html xmlns=”

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

title易买网 – 首页/title

link type=”text/css” rel=”stylesheet” href=”${pageContext.request.contextPath }/css/style.css” /

script type=”text/javascript” src=”${pageContext.request.contextPath }/js/jquery-2.1.1.js”/script

script type=”text/javascript”

var contextPath = ‘${pageContext.request.contextPath }’;

/script

script type=”text/javascript” src=”${pageContext.request.contextPath }/js/shopping.js”/script

/head

body

jsp:include page=”top.jsp” /

div id=”position” class=”wrap”

您现在的位置：a href=”Home”易买网/a gt; 购物车

/div

div class=”wrap”

div id=”shopping”

form action=”” method=”post”

table

tr

th商品名称/th

th商品价格/th

th购买数量/th

th操作/th

/tr

c:forEach items=”${sessionScope.shopCar}”  var=”item” varStatus=”status”

tr id=”product_id_${item.proId}”

td class=”thumb”img src=”${item.proImg }” height=”50″ width=”30″ /a href=”Product?action=viewentityId=${item.proId}”${item.proName}/a/td

td class=”price” id=”price_id_1″

spanfmt:formatNumber value=”${item.proPrice}” type=”NUMBER” minFractionDigits=”2″ //span

input type=”hidden” value=”${item.proPrice}” /

/td

td class=”number”

dl

dtspan onclick=”sub(‘number_id_${item.proId}’,’${item.proId}’)”－/spaninput id=”number_id_${item.proId}” type=”text” readonly=”readonly” name=”number” value=”${item.proNum}” /span onclick=”addNum(‘number_id_${item.proId}’,’${item.proId}’)”＋/span/dt

/dl

/td

td class=”delete”a href=”javascript:deleteItem(‘product_id_${item.proId}’,’${item.proId}’)”删除/a/td

/tr

/c:forEach

/table

div class=”button”input type=”submit” value=”” //div

/form

/div

/div

div id=”footer”

Copyright copy;  kaka  292817678 itjob  远标培训. 

/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/html;charset=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范围是否有购物车

ListItems shopCar = (ListItems)req.getSession().getAttribute(“shopCar”);

if(null == shopCar){

//购物车

shopCar = new ArrayListItems();

}

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

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/html;charset=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范围是否有购物车

ListItems shopCar = (ListItems) 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范围是否有购物车

ListItems shopCar = (ListItems) 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);

}

}

jsp 实现简易版session购物车,无论前面怎么选择，最后显示的结果都为6个on，无法正确显示选择结果

session.setAttribute（这个里面放List），

你有多少个商品全放在list里面就行了。

然后购物车展示页面就循环输出list