iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >如何使用session实现简易购物车功能
  • 704
分享到

如何使用session实现简易购物车功能

2023-06-29 03:06:10 704人浏览 安东尼
摘要

这篇文章主要介绍“如何使用session实现简易购物车功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何使用session实现简易购物车功能”文章能帮助大家解决问题。整体思路:先写一个jsP用于

这篇文章主要介绍“如何使用session实现简易购物车功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何使用session实现简易购物车功能”文章能帮助大家解决问题。

整体思路:先写一个jsP用于实现商品图片的读取(再次之前要写好连接数据库),当点加入购物车市,根据商品唯一的标识来添加进去(我这里是商品的ID号),点击查看购物车可以看到刚添加进去的东西,和总价钱,点击删除商品可以删除商品。点击返回就到商品商城

前置工作:

我在WEBContent下创建了一个imges的文件夹放我的图片

如何使用session实现简易购物车功能

然后创建了一个product.java的实体类用来封装,如下:

package com.huangxu.Dao;import java.sql.Date;public class product {    private int pid;    private int ptype;    private String pname;    private float pprice;    private int pquantity;    private String pimage;    private String pdesc;    private Date ptime;    public int getPid() {        return pid;    }    public void setPid(int pid) {        this.pid = pid;    }    public int getPtype() {        return ptype;    }    public void setPtype(int ptype) {        this.ptype = ptype;    }    public String getPname() {        return pname;    }    public void setPname(String pname) {        this.pname = pname;    }    public float getPprice() {        return pprice;    }    public void setPprice(float pprice) {        this.pprice = pprice;    }    public int getPquantity() {        return pquantity;    }    public void setPquantity(int pquantity) {        this.pquantity = pquantity;    }    public String getPimage() {        return pimage;    }    public void setPimage(String pimage) {        this.pimage = pimage;    }    public String getPdesc() {        return pdesc;    }    public void setPdesc(String pdesc) {        this.pdesc = pdesc;    }    public Date getPtime() {        return ptime;    }    public void setPtime(Date ptime) {        this.ptime = ptime;    }}

接着写了一个ProductDAO.java的类用来连接数据库,如下:

package com.huangxu;import java.sql.SQLException;import java.util.ArrayList;import java.util.List;import com.huangxu.Dao.product;public class ProductDAO extends jdbcDao {        public List<product> getAllproducts() {        String sql = "select * from product";        List<product> plist = new ArrayList<product>();        try {            conn = getConnection();            pst = conn.prepareStatement(sql);            rs=pst.executeQuery();            while(rs.next()){                product p=new product();                p.setPid(rs.getInt(1));                p.setPtype(rs.getInt(2));                p.setPname(rs.getString(3));                p.setPprice(rs.getFloat(4));                p.setPquantity(rs.getInt(5));                p.setPimage(rs.getString(6));                p.setPdesc(rs.getString(7));                p.setPtime(rs.getDate(8));                plist.add(p);            }                } catch (SQLException e) {            // TODO Auto-generated catch block            e.printStackTrace();        }        return plist;    }    public product findProductByID(int pid)    {        product p=null;        String sql="SELECT * from product where pid=?";        try {            pst=getConnection().prepareStatement(sql);            pst.setInt(1, pid);            rs=pst.executeQuery();            if(rs.next())            {                p=new product();                p.setPid(rs.getInt(1));                p.setPtype(rs.getInt(2));                p.setPname(rs.getString(3));                p.setPprice(rs.getFloat(4));                p.setPquantity(rs.getInt(5));                p.setPimage(rs.getString(6));                p.setPdesc(rs.getString(7));                p.setPtime(rs.getDate(8));                }        } catch (SQLException e) {            // TODO Auto-generated catch block            e.printStackTrace();        }finally        {            close();        }                return p;    }}

前置工作完毕,接着开始设计购物车

首先写一个jsp页面,我这里叫做imgs.jsp

<%@page import="java.util.ArrayList"%><%@page import="java.util.List"%><%@page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%@page import="com.huangxu.ProductDAO"%><%@ page import="com.huangxu.Dao.product"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "Http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/CSS">.mybox {    widows: 200pt;    height: auto;    border: 1px solid red;    float: left;    margin: 10px 10px;    padding: 5px 10px;}.mybox:HOVER {    background-color: #FAB;}</style></head><body>    <%        List list=(List)session.getAttribute("shopcar");    if(list==null){        list=new ArrayList();        session.setAttribute("shopcar", list);    }    out.println("&nbsp&nbsp "+"已经添加"+list.size()+"件商品");    %>    <div width="860px">        <%            ProductDAO pdao=new ProductDAO();                for(product p:pdao.getAllproducts()){        %>        <div class="mybox">            <span><img src="<%=p.getPimage()%>"></span><br> 名字:<span><%=p.getPname()%></span><br>            库存:<span><%=p.getPquantity()%></span>个<br> 单价:<span>¥<%=p.getPprice()%></span>元<br>            <span><a href="shop.jsp?pid=<%=p.getPid()%>">加入购物车</a></span>                      </div>        <%            }        %>    </div>    </div>    <br>    <div>        <hr>        <a href="showshop.jsp">查看购物车</a>        </div></body></html>

2 接着写一个jsp页面(shop.jsp)为点击加入购物车的实际操作进行处理:

<%@page import="java.util.List"%><%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%@page import="com.huangxu.ProductDAO"%><%@ page import="com.huangxu.Dao.product"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><%int pid=Integer.parseInt(request.getParameter("pid"));ProductDAO pdao=new ProductDAO();product p=pdao.findProductByID(pid);List shopList=(List)session.getAttribute("shopcar");if(shopList!=null){shopList.add(p);}response.sendRedirect("imgs.jsp");%></body></html>

在写一个jSP页面(showshop.jsp)用来处理查看购物车的实际操作:

<%@page import="java.util.List"%><%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%@page import="com.huangxu.ProductDAO"%><%@ page import="com.huangxu.Dao.product"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body>    <table width="400" border="0" cellpadding="0" cellspacing="1"   bGColor="#00FF66">  <tr bgcolor="#FFFFFF">    <th>序号</td>    <th>商品名</td>    <th>价格</td>    <th>删除</td>  </tr>        <%    List<product>list=(List)session.getAttribute("shopcar");     float sum=0;    if(list!=null)    {        for(product p:list)        {sum =sum+ p.getPprice();    %>          <tr bgcolor="#FFFFFF">    <td><%=list.indexOf(p)+1 %></td>    <td><%=p.getPname() %></td>    <td><%=p.getPprice() %></td>    <td><a href="spsc.jsp?xl=<%=list.indexOf(p)%>">删除商品</a></td>     </tr>                    <%                }    }    %>    <tr bgcolor="#FFFFFF">    <td colspan="2">合计</td>        <td colspan="2"><%=sum %>元</td>       </tr>      <tr><td colspan="3"><a href="imgs.jsp">返回商城</a></td></tr>        </table>    </body></html>

最后是删除写一个JSP页面(spsc.jsp)用来处理删除的实际操作:

<%@page import="com.sun.corba.se.spi.orbutil.fsm.FSM"%><%@page import="com.huangxu.Dao.product"%><%@page import="java.util.List"%><%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><%float sum=0;int xl=Integer.parseInt(request.getParameter("xl"));List<product>list=(List)session.getAttribute("shopcar"); if(list.remove(xl)!=null){%>            <table width="400" border="0" cellpadding="0" cellspacing="1"   bgcolor="#00FF66">      <tr bgcolor="#FFFFFF">        <th>序号</td>        <th>商品名</td>        <th>价格</td>        <th>删除</td>      </tr>        <%    for(product p:list){        sum =sum+ p.getPprice();    %>              <tr bgcolor="#FFFFFF">        <td><%=list.indexOf(p)+1 %></td>        <td><%=p.getPname() %></td>        <td><%=p.getPprice() %></td>        <td><a href="spsc.jsp?xl=<%=list.indexOf(p)%>">删除商品</a></td>             </tr>                        <%                    }        }else{                response.sendRedirect("imgs.jsp");}        %>        <tr bgcolor="#FFFFFF">        <td colspan="2">合计</td>                <td colspan="2"><%=sum %>元</td>                 </tr>            <tr><td colspan="3"><a href="imgs.jsp">返回商城</a></td></tr>        </table>        </body></html>

这样就全部写完了用session做的一个简易购物车!
下面附上SQL的表:(在test库中)创建一个叫product的表
创建语句如下:

CREATE TABLE `product` (  `pid` int(11) NOT NULL AUTO_INCREMENT,  `ptype` int(11) DEFAULT NULL,  `pname` varchar(50) DEFAULT NULL,  `pprice` float DEFAULT NULL,  `pquantity` int(11) DEFAULT NULL,  `pimage` varchar(100) DEFAULT NULL,  `pdesc` varchar(300) DEFAULT NULL,  `ptime` time DEFAULT NULL,  PRIMARY KEY (`pid`)) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8

下列是表中的数据如图:

如何使用session实现简易购物车功能

这些就是整个购物车的全部。

关于“如何使用session实现简易购物车功能”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网精选频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: 如何使用session实现简易购物车功能

本文链接: https://www.lsjlt.com/news/322162.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 使用session实现简易购物车功能
    本文实例为大家分享了用session实现简易购物车功能的具体代码,供大家参考,具体内容如下 整体思路:先写一个JSP用于实现商品图片的读取(再次之前要写好连接数据库),当点加入购物车...
    99+
    2022-11-13
  • 如何使用session实现简易购物车功能
    这篇文章主要介绍“如何使用session实现简易购物车功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何使用session实现简易购物车功能”文章能帮助大家解决问题。整体思路:先写一个JSP用于...
    99+
    2023-06-29
  • js实现简易购物车功能
    本文实例为大家分享了js实现简易购物车功能的具体代码,供大家参考,具体内容如下 一.整体效果图 (关灯下)  (开灯下) 二.HTML代码 <!DOCTYPE...
    99+
    2022-11-12
  • 利用session实现简单购物车功能
    本文实例为大家分享了利用session实现简单购物车功能的具体代码,供大家参考,具体内容如下 一、实现的功能 (1) 利用session实现购物车中的物品添加。(2)使用servle...
    99+
    2022-11-13
  • HTML如何实现简易购物车
    今天小编给大家分享一下HTML如何实现简易购物车的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下...
    99+
    2022-10-19
  • Android实现简单购物车功能
    本文实例为大家分享了Android实现购物车功能的具体代码,供大家参考,具体内容如下MainActivity布局:<?xml version="1.0" encoding="utf-8"?><LinearL...
    99+
    2023-05-30
    android 购物车 roi
  • 如何使用PHP开发一个简易的购物车功能
    简介:随着电子商务的快速发展,购物车功能在网上商城中是必不可少的一部分。本文将介绍如何使用PHP语言开发一个简易的购物车功能,帮助读者了解购物车的基本原理,并且提供具体的代码示例,以便读者可以更好地理解和实践。一、购物车基本原理在开始开发购...
    99+
    2023-10-21
    PHP购物车 简易购物车 开发购物车功能
  • vue如何实现简单的购物车功能
    这篇文章主要介绍“vue如何实现简单的购物车功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue如何实现简单的购物车功能”文章能帮助大家解决问题。1.实现效果:2.涉及到的知识点:toFixed...
    99+
    2023-07-02
  • vuex实现简单的购物车功能
    本文实例为大家分享了vuex实现购物车功能的具体代码,供大家参考,具体内容如下 文件目录如下: 购物车组件 <template> <div> ...
    99+
    2022-11-12
  • vue实现简单的购物车功能
    本文实例为大家分享了vue实现简单购物车功能的具体代码,供大家参考,具体内容如下 1.实现效果: 2.涉及到的知识点: toFixed函数、过滤器、reduce高阶函数、v-bin...
    99+
    2022-11-13
  • 如何使用JavaScript做简易的购物车
    这篇文章将为大家详细讲解有关如何使用JavaScript做简易的购物车,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。css<style>  &nbs...
    99+
    2022-10-19
  • Android中如何使用RecyclerView实现简单购物车功能
    这篇文章给大家分享的是有关Android中如何使用RecyclerView实现简单购物车功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下我们知道在ListView中用setTag来解决Item的复用...
    99+
    2023-06-29
  • Android中RecyclerView实现简单购物车功能
    Android中RecyclerView实现简单的购物车,供大家参考,具体内容如下 我们知道在ListView中用setTag来解决Item的复用问题,但是RecyclerView中...
    99+
    2022-11-13
  • vue简单实现购物车结算功能
    本文实例为大家分享了vue简单实现购物车结算的具体代码,供大家参考,具体内容如下 样式没有写 <template>  <div class="about cont...
    99+
    2022-11-13
  • php实现简单加入购物车功能
    以下是一个简单的PHP代码示例,实现了一个简单的加入购物车功能。```php```使用上述代码,可以通过发送POST请求将商品加入购...
    99+
    2023-08-15
    PHP
  • 如何用php实现购物车功能
    本篇内容主要讲解“如何用php实现购物车功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何用php实现购物车功能”吧!一、购物车功能的基本实现原理购物车是一个存储商品信息的容器,用户通过往购...
    99+
    2023-07-05
  • 如何实现IONIC购物车功能
    这篇文章主要为大家展示了“如何实现IONIC购物车功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何实现IONIC购物车功能”这篇文章吧。具体内容如下HTM...
    99+
    2022-10-19
  • vue如何实现购物车功能
    本篇内容主要讲解“vue如何实现购物车功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue如何实现购物车功能”吧!如图,需要有加入购物车的标识思路如下:点击购物车按钮时将商品的id,titl...
    99+
    2023-06-30
  • 如何用vuex代码实现简单的购物车功能
    这篇“如何用vuex代码实现简单的购物车功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“...
    99+
    2022-10-19
  • vuex怎么实现简单的购物车功能
    这篇“vuex怎么实现简单的购物车功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作