JavaWeb购物车项目开发实战指南
更新时间：2022年6月16日 10:32 点击：226 作者：時宜
一、项目前提
1、购物车并不是一直放数据库
2、选择使用的技术：
session：（购物车项目使用session）
好处:快(放在内存当中)，存对象的
坏处:占用内存，服务器意外待机数据会丢失cookie
好处：不占用内存，存储很久
坏处：存在客户端上，只能存String,数据有泄露的风险
二、数据库的创建
用户表
create table shop_user ( id number primary key,--用户id account varchar2(30) not null,--用户账户 password varchar2(30)not null--用户密码 );
商品表
create table shop_goods( id number primary key,--商品id name varchar2(50) not null,--商品名称 price number default 0.0,--商品价格 info varchar2(255) default '三五产品' not null--商品介绍 );
三、eclipse进行创建包和类：
com.zking.util 帮助类com.zking.pojo 实体类com.zking.dao（放dao接口）com.zking.dao.imp (放dao接口实现类)com.zking.biz （业务逻辑层放dao方法）com.zking.biz.imp（业务逻辑层放dao实现类） com.zking.vo (view object 视图对象 前端用)
四、主要实现功能
1、购物车用户登录
login.jsp
界面效果
代码如下：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.css" rel="external nofollow" rel="external nofollow" >
<script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<style>
* {
outline: none !important;
}
html,
body {
background: #1abe9c;
}
form {
width: 300px;
background: #ebeff2;
box-shadow: 0px 0px 50px rgba(0, 0, 0, .5);
border-radius: 5px;
padding: 20px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.btn-group {
width: 100%;
}
.btn-group button {
width: 50%;
}
</style>
</head>
<body>
<form action="doLogin.jsp" method="post">
<h3 class="text-center" style="text-shadow: 2px 2px 1px #ed3f3f;">欢迎光临苡桉超市</h3>
<div class="form-group">
<input name="account" type="text" class="form-control" placeholder="请输入您的用户名">
</div>
<div class="form-group">
<input name="password" type="password" class="form-control" placeholder="请输入您的密码">
</div>
<div class="btn-group">
<button type="submit" class="btn btn-primary">登录</button>
<button type="button" class="btn btn-danger">没有账号?</button>
</div>
</form>
</body>
</html>
doLogin.jsp(处理登录界面)
<%@page import="com.zking.vo.CarItem"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@page import="com.zking.pojo.User"%>
<%@page import="com.zking.biz.impl.UserBizImpl"%>
<%@page import="com.zking.biz.IUserBiz"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
String account=request.getParameter("account");
String password=request.getParameter("password");
IUserBiz userBiz=new UserBizImpl();
User user=userBiz.login(new User(0,account,password));
if(user==null){
response.sendRedirect("login.jsp");
}else{
//首页需要登录数据
session.setAttribute("user",user);
//分配购物车
List<CarItem>car=new ArrayList<>();
//放到session中（把购物车给我）
session.setAttribute("car", car);
response.sendRedirect("index.jsp");
}
%>
用户实体类User.java
package com.zking.pojo;
public class User {
private Integer id;
private String account;
private String password;
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getAccount() {
return account;
}
public void setAccount(String account) {
this.account = account;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public User(Integer id, String account, String password) {
super();
this.id = id;
this.account = account;
this.password = password;
}
public User() {
super();
}
@Override
public String toString() {
return "User [id=" + id + ", account=" + account + ", password=" + password + "]";
}
}
IUserBiz.java (用户逻辑接口)
package com.zking.biz;
import com.zking.pojo.User;
/**
* 用户逻辑接口
* @author zjjt
*
*/
public interface IUserBiz {
User login(User user);
}
UserBizImpl.java (用户逻辑接口实现类)
package com.zking.biz.impl;
import com.zking.biz.IUserBiz;
import com.zking.dao.IUserDao;
import com.zking.dao.impl.UserDaoImpl;
import com.zking.pojo.User;
/**
* 用户逻辑接口实现类
* @author zjjt
*
*/
public class UserBizImpl implements IUserBiz{
private IUserDao userDao=new UserDaoImpl();
@Override
public User login(User user) {
User u = userDao.login(user);
if(u!=null) {
if(u.getPassword().equals(user.getPassword())) {
return u;
}
}
return null;
}
}
IUserDao.java（用户数据访问接口）
package com.zking.dao;
import com.zking.pojo.User;
/**
* 用户数据访问接口
* @author zjjt
*
*/
public interface IUserDao {
User login(User user);
}
UserDaoImpl.java（用户数据访问接口实现类）
package com.zking.dao.impl;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.List;
import com.zking.dao.IUserDao;
import com.zking.pojo.User;
import com.zking.util.DBHelper;
public class UserDaoImpl implements IUserDao {
private Connection con;
private PreparedStatement ps;
private ResultSet rs;
@Override
public User login(User user) {
try {
con=DBHelper.getCon();
ps=con.prepareStatement("select * from shop_user where account=?");
ps.setString(1,user.getAccount());
rs=ps.executeQuery();
if(rs.next()) {
User u=new User();
u.setId(rs.getInt(1));
u.setAccount(rs.getString(2));
u.setPassword(rs.getString(3));
return u;
}
} catch (Exception e) {
e.printStackTrace();
}finally {
DBHelper.close(con, ps, rs);
}
return null;
}
}
2、商品显示
实现效果如下：
将数据库存放的数据显示在页面上，尊贵的xxx通过session拿到登录的用户名
Goods.java（商品实体类）
package com.zking.pojo;
public class Goods {
private Integer id;
private String name;
private Integer price;
private String info;
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public Integer getPrice() {
return price;
}
public void setPrice(Integer price) {
this.price = price;
}
public String getInfo() {
return info;
}
public void setInfo(String info) {
this.info = info;
}
public Goods(Integer id, String name, Integer price, String info) {
super();
this.id = id;
this.name = name;
this.price = price;
this.info = info;
}
public Goods() {
super();
}
@Override
public String toString() {
return "Goods [id=" + id + ", name=" + name + ", price=" + price + ", info=" + info + "]";
}
}
index.jsp（首页代码）
<%@page import="com.zking.pojo.Goods"%>
<%@page import="com.zking.biz.impl.GoodsBizImpl"%>
<%@page import="com.zking.biz.IGoodsBiz"%>
<%@page import="com.zking.pojo.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.css" rel="external nofollow" rel="external nofollow" >
<script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<style>
td:nth-child(3)::before{
content: "$";
}
</style>
</head>
<body>
<%
Object obj=session.getAttribute("user");
if(obj==null){
response.sendRedirect("login.jsp");
return;
}
%>
<div class="jumbotron">
<div class="container">
<h1>欢迎光临苡桉SuperMarket</h1>
<p>尊贵的<%=((User)obj).getAccount() %></p>
</div>
</div>
<%=session.getAttribute("car")%>
<div class="container">
<table class="table">
<tr>
<th>商品序号</th>
<th>商品名称</th>
<th>商品单价</th>
<th>商品描述</th>
<th>操作</th>
</tr>
<%
IGoodsBiz goodsBiz=new GoodsBizImpl();
for(Goods goods:goodsBiz.getAll()){
%>
<tr>
<td><%=goods.getId() %></td>
<td><%=goods.getName() %></td>
<td><%=goods.getPrice() %></td>
<td><%=goods.getInfo() %></td>
<td>
<div class="btn-group btn-group-xs">
<a href="doAddCar.jsp?id=<%=goods.getId() %>" rel="external nofollow" class="btn btn-primary">添加购物车</a>
</div>
</td>
</tr>
<%
}
%>
</table>
</div>
</body>
</html>
IGoodsBiz.java (商品逻辑接口)
package com.zking.biz;
import java.util.List;
import com.zking.pojo.Goods;
/**
* 商品逻辑接口
* @author zjjt
*
*/
public interface IGoodsBiz {
List<Goods>getAll();
//查询单个
Goods getOne(Integer id);
}
GoodsBizImpl.java (商品逻辑接口实现类)
package com.zking.biz.impl;
import java.util.List;
import com.zking.biz.IGoodsBiz;
import com.zking.dao.IGoodsDao;
import com.zking.dao.impl.GoodsDaoImpl;
import com.zking.pojo.Goods;
/**
* 商品逻辑接口实现类
* @author zjjt
*
*/
public class GoodsBizImpl implements IGoodsBiz {
private IGoodsDao goodsDao=new GoodsDaoImpl();
@Override
public List<Goods> getAll() {
return goodsDao.getAll();
}
@Override
public Goods getOne(Integer id) {
return goodsDao.getOne(id);
}
}
IGoodsDao.java (商品数据访问接口)
package com.zking.dao;
import java.util.List;
import com.zking.pojo.Goods;
/**
* 商品数据访问接口
* @author zjjt
*
*/
public interface IGoodsDao {
//查询所有
List<Goods>getAll();
//查询单个
Goods getOne(Integer id);
}
GoodsDaoImpl.java (商品数据访问接口实现类)
package com.zking.dao.impl;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
import com.zking.dao.IGoodsDao;
import com.zking.pojo.Goods;
import com.zking.pojo.User;
import com.zking.util.DBHelper;
/**
* 访问数据接口实现类
* @author zjjt
*
*/
public class GoodsDaoImpl implements IGoodsDao{
private Connection con;
private PreparedStatement ps;
private ResultSet rs;
/**
* 查询全部商品
*/
@Override
public List<Goods> getAll() {
List<Goods>list=new ArrayList<Goods>();
try {
con=DBHelper.getCon();
ps=con.prepareStatement("select * from shop_goods ");
rs=ps.executeQuery();
while(rs.next()) {
Goods goods=new Goods();
goods.setId(rs.getInt(1));
goods.setName(rs.getString(2));
goods.setPrice(rs.getInt(3));
goods.setInfo(rs.getString(4));
list.add(goods);
}
return list;
} catch (Exception e) {
e.printStackTrace();
}finally {
DBHelper.close(con, ps, rs);
}
return list;
}
/**
* 根据id查询商品
*/
@Override
public Goods getOne(Integer id) {
try {
con=DBHelper.getCon();
ps=con.prepareStatement("select * from shop_goods where id=? ");
ps.setInt(1, id);
rs=ps.executeQuery();
if(rs.next()) {
Goods goods=new Goods();
goods.setId(rs.getInt(1));
goods.setName(rs.getString(2));
goods.setPrice(rs.getInt(3));
goods.setInfo(rs.getString(4));
return goods;
}
} catch (Exception e) {
e.printStackTrace();
}finally {
DBHelper.close(con, ps, rs);
}
return null;
}
}
3、购物车添加&商品总数和价格的计算
doAddCar.java(处理添加购物车的页面)
<%@page import="java.util.List"%>
<%@page import="com.zking.biz.impl.GoodsBizImpl"%>
<%@page import="com.zking.biz.IGoodsBiz"%>
<%@page import="com.zking.vo.CarItem"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
//添加购物车的页面
//拿购物车
List<CarItem>car=(List<CarItem>)session.getAttribute("car");
IGoodsBiz goodsBiz=new GoodsBizImpl();
//1、得知道是那件商品
String str=request.getParameter("id");
int id=-1;
if(str!=null){
id=Integer.parseInt(str);
}
//2-1 判断该商品是否存在
boolean f=true;
for(CarItem item:car){
//item.getGoods().getId() 条目的商品id
if(id==item.getGoods().getId()){
//商品应该是已经被添加了[购物车中某个条目的商品id和你需要添加的商品id相同了]
item.setCount(item.getCount()+1);//数量+1
item.setSum(item.getCount()*item.getGoods().getPrice());
f=false;
break;
}
}
//只要判断f是否发生了改变
if(f){
//2-2、生成一个CarItem[如果购物车没有该商品]
CarItem carItem=new CarItem();
//设置对应的商品数据
carItem.setGoods(goodsBiz.getOne(id));
//数量
carItem.setCount(1);
//加车数量*商品单价
//carItem.getCount()商品加车的数量
//carItem.getGoods().getPrice() 商品的单价
carItem.setSum(carItem.getCount()*carItem.getGoods().getPrice());
//将购物条目carItem 绑定到购物车
car.add(carItem);
}
//更新购物车
session.setAttribute("car", car);
//跳回首页
response.sendRedirect("index.jsp");
%>
CarItem.java（购物车中的每一项，每一个条目）
package com.zking.vo;
import com.zking.pojo.Goods;
/**
* 购物车中的每一项，每一个条目
* @author zjjt
*
*/
public class CarItem {
private Integer count;//数量
private Integer sum;//条目总价
private Goods goods;//对应的商品
public Integer getCount() {
return count;
}
public void setCount(Integer count) {
this.count = count;
}
public Integer getSum() {
return sum;
}
public void setSum(Integer sum) {
this.sum = sum;
}
public Goods getGoods() {
return goods;
}
public void setGoods(Goods goods) {
this.goods = goods;
}
public CarItem(Integer count, Integer sum, Goods goods) {
super();
this.count = count;
this.sum = sum;
this.goods = goods;
}
public CarItem() {
// TODO Auto-generated constructor stub
}
@Override
public String toString() {
return "CarItem [count=" + count + ", sum=" + sum + ", goods=" + goods + "]";
}
}
效果先简单打印到页面 之后会进行修改
今天的分享就到这里结束啦！!
原文出处：https://blog.csdn.net/weixin_62270300/article/details/124159
相关文章
- 这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-22
- 这篇文章主要为大家详细介绍了JS实现购物车中商品总价的计算 ，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-03-07
- 这篇文章介绍的是一个小技巧来获取node.js项目根目录，这个技巧非常实用。有需要的朋友们可以参考借鉴，下面来一起看看吧。...2016-10-02
- 这篇文章主要为大家详细介绍了React列表栏及购物车组件使用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-06-28
- 这篇文章主要介绍了基于Pycharm加载多个项目过程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-04-22
intellij idea如何将web项目打成war包的实现
这篇文章主要介绍了intellij idea如何将web项目打成war包的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-07-04Idea打包springboot项目没有.original文件解决方案
这篇文章主要介绍了Idea打包springboot项目没有.original文件解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-07-26- 这篇文章主要介绍了Tomcat首次部署web项目流程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-12-11
- 如果说是JQuery是手工作坊,那么Vue.js就像是一座工厂,虽然Vue.js做的任何事情JQuery都可以做,但无论是代码量还是流程规范性都是前者较优,下面这篇文章主要给大家介绍了关于Vue项目中如何运用vuex的相关资料,需要的朋友可以参考下...2021-09-29
- 这篇文章主要为大家详细介绍了vue实现简单购物车案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-06-01
- 下面小编就为大家带来一篇Angularjs---项目搭建图文教程。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-07-25
- 在购物网站中，加入购物车的功能是必须的功能，有的网站在用户点击加入购物车按钮时，就会出现该商品从点击出以抛物线的动画相似加入购物车，这个功能看起来非常炫，对用户体验也有一定的提高。下面介绍基于jquery fly插件实现加入购物车抛物线动画效果...2016-04-06
- 这篇文章主要介绍了react+ts实现简单jira项目，本文通过图文实例相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-07-30
- HTML 首先载入jQuery库文件和jquery.fly.min.js插件。复制代码 代码如下: <script src="jquery.js"></script> <script src="jquery.fly.min.js"></script> 接着，将商品信息html结构布置好，本例中，我们用四个商品并排...2015-03-15
- 对于大部分B2C网站来说，购物车是网站的咽喉之地，订单是白花花的银子，所有银子都必然流经购物车，购物车不能有失。优秀的购物车设计至少需要完成两项使命：一是方便用户多买...2016-09-20
- 商品加入购物车链接地址为：[!--news.url--]e/ShopSys/doaction.php?enews=AddBuycar&classid=[!--classid--]&id=[!--id--]...2015-12-30
- 这篇文章主要介绍了jQuery使用cookie与json简单实现购物车功能的方法,介绍了jQuery实现购物车的步骤与关键代码,需要的朋友可以参考下...2016-04-18
- 这篇文章主要介绍了jQuery实现的购物车物品数量加减功能,涉及jQuery针对鼠标事件的响应及页面元素动态操作相关技巧,需要的朋友可以参考下...2016-11-22
- 大家使用idea开发工具时经常会需要导入项目框架，纠结该怎么操作呢，今天小编给大家分享一篇图文教程，帮助大家解决idea导入项目框架的问题，感兴趣的朋友一起看看吧...2021-05-11
- 这篇文章主要介绍了JavaWeb实战之编写单元测试类测试数据库操作,文中有非常详细的代码示例,对正在学习javaweb的小伙伴们有很大的帮助,需要的朋友可以参考下...2021-04-22