JavaWeb购物车项目开发实战指南
目录
- 一、项目前提
- 二、数据库的创建
- 三、eclipse进行创建包和类：
- 四、主要实现功能
- 1、购物车用户登录
- 2、商品显示
- 3、购物车添加&商品总数和价格的计算
- 总结
一、项目前提
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 + "]";
}
}
效果先简单打印到页面 之后会进行修改
今天的分享就到这里结束啦！!
以上就是关于JavaWeb购物车项目的一些内容！！
总结
到此这篇关于JavaWeb购物车项目开发的文章就介绍到这了,更多相关JavaWeb购物车项目内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！
相关推荐
-
javaweb图书商城设计之购物车模块(3)
本文继续为大家分享了javaweb图书商城中购物车模块,供大家参考,具体内容如下 购物车存储 保存在session中 保存在cookie中 保存在数据库中 1.创建相关类 购物车的结构: CartItem:购物车条目,包含图书和数量 Cart:购物车,包含一个Map /** * 购物车类 */ public class Cart { private Map<String,CartItem> map = new LinkedHashMap<String,CartItem>(); /*
-
eclipse的web项目实现Javaweb购物车的方法
本文将带领大家实现第一个用eclipse写的第一个Javaweb项目–简单购物车.文章会在问题分析.具体实现和常见问题这三块为大家详细解说. 问题分析: 首先我们要了解我们要完成的是什么----购物车.然后那实现购物车的什么呢?是不是往购物车添加心仪商品呢.那是不是还要实现价格的计算呢?既然我们了解问题本质了,那我们接下来就要进行具体实现了. 具体实现: 首先我们要看一下项目整体的结构 下面我们要先创建实体类,就是我们的商品.预购商品和购物车这三个实体类. Beans Cart类(这个类是购物车
-
javaweb购物车案列学习开发
本文实例为大家分享了javaweb购物车案列的具体代码,供大家参考,具体内容如下 一.项目目录结构 二.源代码 dao包--dao层:BookDao.java package com.dao; import java.util.Map; import com.DB.DB; import com.domain.Book; public class BookDao { public Map getAll(){ return DB.getAll(); } public Book find(Stri
-
JavaWeb后台购物车类实现代码详解
相信大家肯定都在电商网站买过东西,当我们看中一件喜欢又想买的东西时,这时候你又不想这么快结账,这时候你就可以放入购物车: 就像我们平时去超市买东西一样,会推着购物车去买东西: 那么我们接下来看看java怎么实现购物车的功能,其实原理很简单,java的特点就是面向对象,并且有着封装继承多态三大特性: java实现这个购物车功能是通过内存来实现的而不是将数据添加到数据库中 首先是Item类,一个Item就代表购物车里面的一行数据 package com.wxd.shopping; public cl
-
JavaWeb购物车项目开发实战指南
目录 一.项目前提 二.数据库的创建 三.eclipse进行创建包和类: 四.主要实现功能 1.购物车用户登录 2.商品显示 3.购物车添加&商品总数和价格的计算 总结 一.项目前提 1.购物车并不是一直放数据库 2.选择使用的技术: session:(购物车项目使用session) 好处:快(放在内存当中),存对象的坏处:占用内存,服务器意外待机数据会丢失 cookie 好处:不占用内存,存储很久坏处:存在客户端上,只能存String,数据有泄露的风险 二.数据库的创建 用户表 create
-
vue多页面项目开发实战指南
目录 单页应用和多页应用 单页应用 多页应用 优缺点 配置多页应用 1. 修改vue.config.js 2. 修改title 3. 合并第三方库 4. 打包第三方scss 5. 其它常见设置 总结 单页应用和多页应用 单页应用 SPA(single page application): 单页面应用,即一个web项目就只有一个页面(即一个HTML文件). 就是把整个项目的所有页面的所有内容分成了很多的小块(就是组件),可以重复利用的,可以任意调整的组件,每个组件就是一个独立的部分(包括html,
-
Vue3结合TypeScript项目开发实战记录
目录 概述 1.compositon Api 1.ref 和 reactive的区别? 2.周期函数 3.store使用 4.router的使用 2.关注点分离 3.TypeScript支持 总结 概述 Vue3出来已经有一段时间了,在团队中,也进行了大量的业务实践,也有了一些自己的思考. 总的来说,Vue3无论是在底层的原理上,还是在业务的实际开发中,都有了长足的进步. 使用 proxy 代替之前的 Object.defineProperty 的API,性能更加优异,也解决了之前vue在处理对
-
javaweb实战之商城项目开发（三）
接着上一篇<javaweb实战之商城项目开发(二)>这一篇主要实现通用的BaseDao.java和使用resultMap映射关联对象 一.通用的BaseDao.java 既然要大家都能用,所以使用了泛型.其中要注意的问题就是类似User.getClass().getName()这样的代码是需要修改的.修改方法就是使用参数Class tc传递过来,然后在使用tc.getName()即可. 完整代码: package com.dao; import com.model.Pager; import
-
javaweb实战之商城项目开发（二）
上一篇<javaweb实战之商城项目开发(一)>已经把实体类,分页工具创建好了,这一篇利用mybatis创建DAO层. 另外mybatis的api文档可以参考 一.mybatis的使用 1. 引入架包 这里引入mybatis和mysql的架包到lib中 2. 编写Config.xml配置数据库环境 先贴代码,然后逐个解释 <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE configur
-
原生js模拟淘宝购物车项目实战
本文实例讲述了原生js模拟淘宝购物车实现代码.分享给大家供大家参考.具体如下: 通过JavaScript实现类似与淘宝的购物车效果,包括商品的单选.全选.删除.修改数量.价格计算.数目计算.预览等功能的实现.实现的效果图: 相应的代码: shoppingCart.html <!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>JavaScript实现购物车项
-
node vue项目开发之前后端分离实战记录
前言 本文主要介绍了关于node vue前后端分离的相关资料,分享出来供大家参考学习,下面随着小编来一起学习学习吧. node vue项目开发 最近看了近一周的vue开发,有诸多感触,我之前接触过react.angular所以特别想学学久仰大名的vue.学习半天以后发现,接触到的东西多了,学习起来就是容易很多,vue的指令我能个联想到angular的指令,vue组件化设计类似于react的组件化设计,包括一些router的设置跟react里的路由或者nodejs里的路由都差不多,vuex更是根据
-
Android购物车项目快速开发
购物车项目,业务需要实现了一个购物车的项目,简单的了解下实现逻辑:数据计算等是在Adapter中计算出来的,通过在Adapter中计算出来的数据就可以回调到Activity中进行订单操作等功能业务逻辑,每一个店铺产生的数据是走一条流程的,(业务需求:不是作为一个类似淘宝,京东的平台数据又由平台分发,所以我们实现的是一对一的客户交易的交易流程)接着往下看: 1.界面使用到的控件 goodsAdapter = new GoodsCarAdapter(ShopCarAvtivity.this, res
-
嵌入式C实战项目开发技巧:对一个有规律的数组表进行位移操作的方法
在嵌入式项目开发中,LED灯的操作是一定要会的,也是基础中的基础,比如用51单片机写个跑马灯,这不简单嘛,定义一个数组把那8个跑马灯存起来,然后搞个for循环不就可以了嘛,但是,实际工作开发中写一个跑马灯可不像学校和书本上那么简单噢,往往最简单的东西,有可能也是最复杂的.现在我的需求是这样的,我要求实现以下形式的流水灯: 跑马灯在这个表格中是一位一位进行存储的,如果要一行全亮,那么写0xff,灯就全亮了,写0x00,灯就全灭了. 要求从led1流水到led100这个灯,也就是实现100个灯的跑马