JavaWeb 使用JSTL标签&El表达式编写购物车系统

已于 2022-04-27 09:50:44 修改
阅读量630 收藏 2
点赞数 4
文章标签： web html java
于 2022-04-25 11:26:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65725031/article/details/124400656
版权
本文详细介绍了如何更新了商品数据库访问层、购物车业务逻辑层，实现了基于分页的查询功能，并展示了主界面和购物车界面的代码片段。涉及的技术包括IGoodsDao接口、GoodsDaoImpl实现和业务逻辑的整合。
摘要由CSDN通过智能技术生成

目录

1.商品的数据库访问层：IGoodsDao.java

2.数据库访问层的实现类：GoodsDaoImpl.java

 3.购物车的业务逻辑层：IGoodsBiz.java

4.业务逻辑层的实现：GoodsBizImpl.java

5.修改后的主界面：index.jsp

 6.修改后的购物车界面：car.jsp 

 这次分享的全部都是基于之前的博客中有讲述到的购物车系统，这里只 是基于购物车系统做了稍稍的更改。还有分页的制作。

1.商品的数据库访问层：IGoodsDao.java

package com.xyz.dao;
 
import java.util.List;
 
import com.xyz.pojo.Goods;
 
public interface IGoodsDao {
 
    //查询所有
    List<Goods> getAll(int page);
    
    //根据id查询
    Goods getOne(Integer id);
    
    //查询所有数量
    int getRowCount();
}


2.数据库访问层的实现类：GoodsDaoImpl.java

package com.xyz.dao.impl;
 
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
 
import com.xyz.dao.IGoodsDao;
import com.xyz.pojo.Goods;
import com.xyz.pojo.User;
import com.xyz.util.DBHelper;
 
public class GoodsDaoImpl implements IGoodsDao{
    
    private Connection con;
    private PreparedStatement ps;
    private ResultSet rs;
 
    //查询所有的数量
    @Override
    public int getRowCount() {
        try {
            con=DBHelper.getCon();
            ps=con.prepareStatement("select count(1) from shop_goods");
            rs=ps.executeQuery();
            if(rs.next()) {
                return rs.getInt(1);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }finally {
            DBHelper.close(con, ps, rs);
        }
        return 0;
    }
    
    //查询所有
    @Override
    public List<Goods> getAll(int page) {
        int size=4;
        int begin=(page-1)*size+1;
        int end=page*size;
        List<Goods> list=new ArrayList<Goods>();
        try {
            con=DBHelper.getCon();
            String sql="select * from (select a.*,rownum myr from shop_goods a) b where myr between ? and ?";
            ps=con.prepareStatement(sql);
            ps.setInt(1, begin);
            ps.setInt(2, end);
            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 g_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.购物车的业务逻辑层：IGoodsBiz.java

package com.xyz.biz;
 
import java.util.List;
 
import com.xyz.pojo.Goods;
 
public interface IGoodsBiz {
    
    //查询全部
    List<Goods> getAll(int page);
    
    //根据id查询
    Goods getOne(Integer id);
    
    //查询所有数量
    int getRowCount();
 
}


4.业务逻辑层的实现：GoodsBizImpl.java

package com.xyz.biz.impl;
 
import java.util.List;
 
import com.xyz.biz.IGoodsBiz;
import com.xyz.dao.IGoodsDao;
import com.xyz.dao.impl.GoodsDaoImpl;
import com.xyz.pojo.Goods;
 
public class GoodsBizImpl implements IGoodsBiz{
    
    private IGoodsDao goodsDao=new GoodsDaoImpl();
    
    @Override
    public List<Goods> getAll(int page) {
        return goodsDao.getAll(page);
    }
 
    @Override
    public Goods getOne(Integer id) {
        return goodsDao.getOne(id);
    }
    
    @Override
    public int getRowCount() {
        return goodsDao.getRowCount();
    }
}


5.修改后的主界面：index.jsp
 

<%@page import="com.xyz.pojo.Goods"%>
<%@page import="com.xyz.biz.impl.GoodsBizImpl"%>
<%@page import="com.xyz.biz.IGoodsBiz"%>
<%@page import="com.xyz.pojo.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    
<!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">
    <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>
 
<c:if test="${user==null}">
    <c:redirect url="login.jsp"></c:redirect>
</c:if>
<c:if test="${empty goods}">
    <c:redirect url="doIndex.jsp"></c:redirect>
</c:if>
    <div class="jumbotron">
        <div class="container">
            <h1>欢迎光临串串遇SuperMarket</h1>
            <p>尊贵的${user.account}</p>
            <a href="car.jsp" class="btn btn-primary">🛒</a>
            <a href="doExit.jsp" class="btn btn-warning">退出登录</a>
        </div>
    </div>
    
    <div class="container">
        <table class="table">
        <tr>
            <th>商品序号</th>
            <th>商品名称</th>
            <th>商品单价</th>
            <th>商品描述</th>
            <th>操作</th>
        </tr>
 
<c:forEach items="${goods}" var="g">
        <tr>
            <td>${g.id}</td>
            <td>${g.name}</td>
            <td>${g.price}</td>
            <td>${g.info}</td>
            <td>
                <div class="btn-group btn-group-xs">
                    <a href="doAddCar.jsp?id=${g.id}" class="btn btn-primary">添加购物车</a>
                </div>
            </td>
        </tr>
</c:forEach>
    </table>
    </div>
    
    <div class="container text-center">
    <ul class="pagination" style="margin: 20px auto;">
        <li>
            <a href="doIndex.jsp?ipage=${Math.max(ipage-1,1)}"><span>&laquo;</span></a>
        </li>
        <c:forEach begin="1" end="${maxPage}" var="i">
            <li class="${ipage==i?"active":""}">
                <a href="doIndex.jsp?ipage=${i}">${i}</a>
            </li>
        </c:forEach>
        <li>
            <a href="doIndex.jsp?ipage=${ipage+1}"><span>&raquo;</span></a>
        </li>
    </ul>
    </div>
</body>
</html>

 6.修改后的购物车界面：car.jsp 

修改后的购物车界面：car.jsp
<%@page import="com.xyz.pojo.User"%>
<%@page import="com.xyz.vo.CarItem"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    
<!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="bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <style>
        td:nth-child(4)::before,
     
        * {
            outline: none !important;
        }
 
        td,
        th {
            text-align: center;
        }
 
        input {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <div class="jumbotron">
        <div class="container">
            <h1>欢迎光临串串遇购物车🛒</h1>
            <p>尊贵的${user.account}</p>
            <a href="doIndex.jsp" class="btn btn-primary">返回主界面</a>
        </div>
    </div>
 
    <table class="table">
        <tr>
            <th>商品序号</th>
            <th>商品名称</th>
            <th>商品单价</th>
            <th>商品个数</th>
            <th>商品总价</th>
            <th>操作</th>
        </tr>
        
        <c:forEach items="${car}" var="c">
        <tr>
            <td style="line-height: 30.5px;">${c.goods.id}</td>
            <td style="line-height: 30.5px;">${c.goods.name}</td>
            <td style="line-height: 30.5px;">${c.goods.price}</td>
            <td>
                <div class="input-group" style="width: 120px;margin: auto;">
                    <span class="input-group-btn">
                        <a href="doUpdCar.jsp?id=${c.goods.id}&type=0" class="btn btn-default" type="button">-</a>
                    </span>
                    <input onblur="location.href='doUpdCar.jsp?id=${c.goods.id}&count='+this.value" value="${c.count}" type="number" class="form-control">
                    <span class="input-group-btn">
                        <a href="doUpdCar.jsp?id=${c.goods.id}&type=1" class="btn btn-default" type="button">+</a>
                    </span>
                </div>
            </td>
            <td style="line-height: 30.5px;">${c.sum}</td>
            <td style="line-height: 30.5px;">
                <a href="doDelCar.jsp?id=${c.goods.id}" class="btn btn-primary">删除</a>
            </td>
        </tr>
    	</c:forEach>
    </table>
 
    <h1 class="alert alert-info">
        <a href="doClear.jsp" class="btn btn-danger">点我结算</a>
    </h1>
</body>
</html>

今天的学习就到这里啦。

客行.
关注
JavaWEB（EL+JSTL实现购物车）
XiaoLiangyaya的博客
04-15 249
购物车： 用户表user：int uuid-编号，String uname-名字，String upwd-密码，String uinfo-备注 商品表goods: int bid-编号，String bname-名称，double bprice-价格，String binfo-简介，String bface-图片 订单表orderitem: int oid-订单标号，int uuid-用户编号，int bid-商品编号，String bname-商品名称，double bprice-商品价格，Str.
JavaWeb(session购物车核心部分&域对象&EL表达式&JSTL)
m0_62604616的博客
04-16 212
JavaWeb(session购物车核心部分&域对象&EL表达式&JSTL)
jstl实现购物车
06-28
jsp购物车，用jstl代替原来jsp中引入繁琐的java代码巴巴爸爸
JavaWEB快速入门之EL+JSTL实现购物车
m0_67768699的博客
04-13 774
一、利用EL+JSTL实现购物车主页的商品显示 （1）编写带模糊查询的显示条数的方法和显示所有的方法 （2）引入JSTL （3）利用JSTL中的if标签判断主界面是否含有数据 4）当主界面不含有数据的时候跳转至do处理界面，在do处理界面中实现java代码的查询、模糊查询以及分页 5）将do处理界面中的数据利用request域对象保存并传递给主界面 （6）在主界面通过JSTL标签的foreach遍历结果并用EL表达式显示数据 二、利用EL+JSTL实现购物车后台商品的修改操作
购物车小案例【简单版】
3y
02-22 1219
前言 为了巩固MVC的开发模式，下面就写一个购物车的小案例. ①构建开发环境 导入需要用到的开发包 建立程序开发包 ②设计实体 书籍实体 public class Book { private String id; private String name; private String...
javaweb——通过session进行一个分页
ys_chy的博客
04-13 439
将java代码将纯jsp代码中分离，实现分页效果。
JavaWEB（域对象&EL表达式&JSTL库）
weixin_64549900的博客
04-17 686
域对象 什么是域对象？ 四大域对象组成的 page域（pageContext）：只能作用于当前页面，既不能用来做做转发的数据分享， 也不能做重定向的数据分享。 request域：只能作用于同一个请求的数据共享，所以只能在请求的转发中使用。 session域：只能作用于一次对话中共享数据（一次对话：用户打开浏览器， 浏览多个web站点后，关闭该浏览器），转发和重定向都可以使用 context域（application）：只能在同一个web应用中使用。（全局的）
Javaweb购物车系统源码
08-25
javaweb+mysql+ajax+h5+分页。实现购物车系统
javaWEB(EL+JSTL实现购物车)
qq_66450046的博客
04-17 188
一、EL表达式 1、什么是EL EL即Expression Language（表达式语言） 2、EL的功能 替代JSP页面中的复杂代码 3、EL的语法 ${ EL exprission } ${ bean.name } 或 ${ bean['name'] } 二、JSTL标签 1、什么是JSTL JSTL（Jav...
JavaWeb_15(EL+JSTL实现购物车)
x3547749154的博客
05-14 150
一、EL表达式 1 概述 EL 是 JSP 表达式语言，全称是 ExpressionLanguage，使用 EL 的目的是简化在 JSP 中访问变量的方式，简单静态 HTML 与 Java 代码的耦合。 ·1.2 基本语法格式 ${ EL Expression} 1.3 示例代码 ${ "Helloworld" } // 输出字符串常量 ${ str } ...
JSP+Servlet实现简单购物车功能
10-30
JSP+Servlet实现购物车功能 带详细注释
jsp实现商品购物车查看
07-17
jsp实现商品购物车基本功能。查看购物信息，查看商品信息以及查看商品库存等功能。
深入理解EL表达式：简化JavaWeb开发
相比传统的JSP脚本标签，EL表达式更易于阅读和编写。 2. **.与[]运算符** - `.`运算符用于访问对象的属性。如`${sessionScope.user.sex}`，这里的`.`用于从`user`对象中获取`sex`属性的值。 - `[]`运算符则允许...
jQuery与jstl实现购物车动态加减，价钱汇总功能
Maybeno1314的博客
05-15 858
先倒入js,jquery,jstl所需要的配置，其中script操作如下 <script type="text/javascript"> //"+按钮出发的事件" ，传递进来这个按钮的id function addNum(id){ //获取dom树，相邻的节点中的值...
使用EL与JSTL优化购物车项目
qq_1114382703的博客
04-18 292
使用EL与JSTL优化购物车项目
java_web 快速入门之第十六章 用EL表达式和JSTL标签库实现购物车案例
qq_61313896的博客
04-13 203
一：带模糊查询功能的分页功能显示： ①：引入JSTL标签库的基本驱动包 ②：用taglib引入JSTL标签库 ​ <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> ​ ③：设置好带具有模糊查询功能的主界面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%
实训——用JSP+JavaBean开发购物车模块
Android_la的博客
02-04 2086
实训——用JSP+JavaBean开发购物车模块 一. 需求描述 首先需要一个列出所有商品的页面。单击 “购买” 链接，则可以将商品添加到购物车里面。单击 “查看购物车” 链接，则可以查看购物车里面的所有商品。 二. 模块实现 文件 功能 ShowCommodityList.jsp 1.显示商品列表；2.每个商品旁有一个“购买”链接，单击它则可以进行购买；3.包含一个”查看购物车...
Java Web实战详细教程（二十四）JSTL标签和EL表达式实战
Java朱老师博客
12-22 760
        在上一篇文章中，我们讲解了JSTL标签和EL表达式的用法，本篇文章，我们将所学的知识运用到贯穿项目中。         将以下学生展示界面的JSP替换成JSTL和EL。 其中EL表达式是Java Web自带的，JSTL需要加入jar包，需要在lib下加入jstl.jar。 在要使用JSTL的页面引入核心库： <%@tagli
jsp实现简单购物车页面
weixin_43376497的博客
10-15 9373
壹 我们今天所设计的购物车页面所实现的功能是点击商品所对应的购买按钮即可在另一页面显示所购买的商品。 贰 （1）我们想象一下购物的整个过程，当我们进入超市后，会首先拿一个购物推车或者购物篮， （2）然后我们会在推车里放入自己所要买的东西，或者再把一些东西放回货架上。 （3）我们的推车与别人的推车不一样，所谓不一样，就是这个推车暂时性的唯一，你不可能给别人付钱，你也不允许别人往你推车里放东西。 （4...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值