Java web实现购物车案例

 更新时间:2022年08月25日 14:09:41   作者:内涵神仙  
这篇文章主要为大家详细介绍了Java web实现购物车案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Java web实现购物车的具体实现代码,供大家参考,具体内容如下

一. 简介:

本项目使用jsp,js,Java,html,css,EL表达式,JSTL所实现
使用编辑器:idea
使用Oracle数据库

新增:

EL表达式
JSTL标签库

二. 前台

1.包括用户注册,登录

Html +js+jsp

效果展示

<body>
<div class="jq22-container" style="padding-top:100px">
    <div class="login-wrap">
        <div class="login-html">
            <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">登录</label>
            <input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">注册</label>
            <div class="login-form">
                <div class="sign-in-htm">
                    <form action="${pageContext.request.contextPath }/LoginServlet.do" method="post" onsubmit="return checkAll()">
                        <div class="group">
                            <label for="user1" class="label">账号</label>
                            <input name="uname" id="uname" type="text" class="input">
                        </div>
                        <div class="group">
                            <label for="upwd" class="label">密码</label>
                            <input name="upwd" id="upwd" type="password" class="input" data-type="password">
                        </div>
                        <div class="group">
                            <input id="check" type="checkbox" class="check">
                            <label for="check"><span class="icon"></span>自动登录</label>
                        </div>
                        <div class="group">
                            <input type="submit" class="button" value="登录">
                        </div>
                    </form>
                    <div class="hr"></div>
                </div>
                <div class="sign-up-htm">
                    <form action="${pageContext.request.contextPath }/registerServlet.do" method="post">
                        <div class="group">
                            <label for="user1" class="label">账号</label>
                            <input id="user1" type="text" class="input">
                        </div>
                        <div class="group">
                            <label for="upwd" class="label">密码</label>
                            <input id="upwd1" type="password" class="input" data-type="password">
                        </div>
                        <div class="group">
                            <label for="pass3" class="label">确认密码</label>
                            <input id="pass3" type="password" class="input" data-type="password">
                        </div>
                        <div class="group">
                            <input type="submit" class="button" value="注册">
                        </div>
                        <div class="hr"></div>
                        <div class="foot-lnk">
                            <label for="tab-1"></label>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

</body>

2.主界面(效果图);

使用了List集合保存数据并绑定页面

<body>
<div class="container">
    <h3 style="text-align: center">商城列表</h3>
            <form>

                <table border="1" class="table table-bordered table-hover">
                    <tr class="success">
                        <th>商品序号</th>
                        <th>商品名称</th>
                        <th>商品价格</th>
                        <th>商品描述</th>
                        <th>商品图片</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="good" items="goods">
                        <tr>
                            <td>${good.gid()}</td>
                            <td>${good.gname()}</td>
                            <td>${good.gprice()}</td>
                            <td>${good.ginfo()}</td>
                            <td><img src="../static/${good.gpath()}"></td>
                            <td><a class="btn btn-default btn-sm" href="${pageContext.request.contextPath }/goodsServlet.do?nid=${good.gid()}" >购买</a> </td>

                        </tr>
                    </c:forEach>

                </table>

            </form>
</div>
</body>

3.购物车(效果图):

使用了session保存数据从主界面传参数

这是jsp代码,里面加入了EL表达式和jstl

<body>
<div class="container">
    <h3 style="text-align: center">购物车列表</h3>
    <table border="1" class="table table-bordered table-hover">
        <tr class="success">
            <th><input type="checkbox" id="chElt" onclick="checkOrCancelAll()"><span id="mySpan"></span></th>
            <th>商品序号</th>
            <th>商品名称</th>
            <th>商品描述</th>
            <th>商品图片</th>
            <th>商品数量</th>
            <th>商品总价</th>
            <th>操作</th>
        </tr>
        <c:forEach var="s" items="listshopping">

            <tr>
                <td><input type="checkbox" class="interest"></td>
                <td>${s.Sid()}</td>
                <td>${s.Sname()}</td>
                <td>${s.Sinfo()}</td>
                <td><img src="../static/${s.Spath()}"></td>
                <input id="${s.Sid()}" style="width: 40px;text-align: center;" type="text" value="${s.Count()}"/>
                <td>总价钱</td>
                <td>
                    <a class="btn btn-default btn-sm" href="${pageContext.request.contextPath }/goodsServlet.do" >购买</a>&nbsp
                    <a class="btn btn-default btn-sm" href="${pageContext.request.contextPath }/shoppingServlet.do?nid=${s.Sid()}" >删除</a>
                    <a class="btn btn-default btn-sm" href="/updateOrder.do?nid=${s.Sid()}" >修改</a> 
                </td>
            </tr>
            <tr>
                <td colspan="8" align="left"><a href="${pageContext.request.contextPath }/admin/xmb.jsp" >返回商品页面</a></td>
                <td colspan="8" align="right"><a href="${pageContext.request.contextPath }/closeServlet.do?nid=${s.Sid()}" >我要结账</a></td>
            </tr>
        </c:forEach>

    </table>
</div>

</body>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • SpringBoot捕获feign抛出异常的方法

    SpringBoot捕获feign抛出异常的方法

    使用Springboot时,使用feign客户端作为http请求工具时,当接口抛出异常信息时,使用全局异常是捕获不了异常的,本文小编给大家介绍了SpringBoot捕获feign抛出异常的方法,需要的朋友可以参考下
    2025-04-04
  • Java常用占位符方法简单代码实例

    Java常用占位符方法简单代码实例

    占位符是Java中常用的技术,用于在字符串中插入变量值或动态生成字符串,这篇文章主要给大家介绍了关于Java常用占位符方法的相关资料,文中介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • Java中初始化List集合的6种方式详解

    Java中初始化List集合的6种方式详解

    这篇文章主要介绍了Java中初始化List集合的6种方式详解,List 是 Java 开发中经常会使用的集合,在使用List时需要进行初始化操作,今天我们就来看一下常用的几种list集合初始化方式,需要的朋友可以参考下
    2023-10-10
  • Java直接插入排序算法实现

    Java直接插入排序算法实现

    这篇文章主要介绍了Java直接插入排序算法实现,有需要的朋友可以参考一下
    2014-01-01
  • Java 实现随机验证码功能简单实例

    Java 实现随机验证码功能简单实例

    这篇文章主要介绍了Java 实现随机验证码功能简单实例的相关资料,需要的朋友可以参考下
    2017-04-04
  • java操作solr实现查询功能的实例

    java操作solr实现查询功能的实例

    下面小编就为大家分享一篇java操作solr实现查询功能的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-11-11
  • 使用SpringBoot发送邮件的方法详解

    使用SpringBoot发送邮件的方法详解

    这篇文章主要介绍了使用SpringBoot发送邮件的方法详解,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2023-05-05
  • java中GZIP压缩解压类使用实例

    java中GZIP压缩解压类使用实例

    这篇文章主要介绍了java中GZIP压缩解压类使用实例的相关资料,需要的朋友可以参考下
    2017-03-03
  • Java Web开发防止多用户重复登录的完美解决方案

    Java Web开发防止多用户重复登录的完美解决方案

    在web项目开发中,很多情况下都可以让同一个账号信息在不同的登录入口登录很多次,这样子做的不是很完善。一般解决这种情况有两种解决方案,小编呢主要以第二种方式给大家介绍具体的实现方法,对java web 防止多用户重复登录的解决方案感兴趣的朋友一起看看吧
    2016-11-11
  • Java框架解说之BIO NIO AIO不同IO模型演进之路

    Java框架解说之BIO NIO AIO不同IO模型演进之路

    网上很多IO资料,对新手来说,越看越晕。根据自己的理解,总结对比了一下BIO、NIO、AIO,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-10-10

最新评论