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>

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

相关文章

  • Java实现的质因数分解操作示例【基于递归算法】

    Java实现的质因数分解操作示例【基于递归算法】

    这篇文章主要介绍了Java实现的质因数分解操作,结合实例形式较为详细的分析了Java基于递归算法实现针对整数的质因数分解相关操作技巧,需要的朋友可以参考下
    2018-03-03
  • startJVM错误Unable to load native library: libjvm.so解决方法

    startJVM错误Unable to load native library: libjvm.so解决方法

    这篇文章主要介绍了startJVM错误Unable to load native library: libjvm.so解决方法,需要的朋友可以参考下
    2014-07-07
  • MybatisPlus 多租户架构(Multi-tenancy)实现详解

    MybatisPlus 多租户架构(Multi-tenancy)实现详解

    这篇文章主要介绍了MybatisPlus 多租户架构(Multi-tenancy)实现详解,详细的介绍了什么是多租户架构以及使用MybatisPlus实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • java并发学习之Executor源码解析

    java并发学习之Executor源码解析

    这篇文章主要为大家介绍了java并发学习之Executor源码示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Java编程思想对象的容纳实例详解

    Java编程思想对象的容纳实例详解

    这篇文章主要介绍了Java编程思想对象的容纳实例详解,内容比较详细,涵盖的东西也比较多,具有参考价值,需要的朋友了解下。
    2017-09-09
  • 一篇文章让你弄懂Java运算符

    一篇文章让你弄懂Java运算符

    java中位运算符主要有按位与&、按位或|、按位非~、按位异或^, 在使用时需要将运算数都转换为二进制再进行运算,若为负数则使用补码表示,这篇文章主要给大家介绍了关于Java运算符的相关资料,需要的朋友可以参考下
    2022-03-03
  • SpringBoot中实现订单30分钟自动取消的项目实践

    SpringBoot中实现订单30分钟自动取消的项目实践

    现在电子商务平台上订单创建成功,等待支付,一般会给30分钟的时间,本文主要介绍了SpringBoot中实现订单30分钟自动取消的项目实践,具有一定的参考价值,感兴趣的可以了解一下
    2023-10-10
  • springboot接入cachecloud redis示例实践

    springboot接入cachecloud redis示例实践

    这篇文章主要介绍了springboot接入cachecloud redis示例实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • MybatisPlus更新时部分失败的问题解决

    MybatisPlus更新时部分失败的问题解决

    这篇文章主要为大家详细介绍了MybatisPlus更新时部分失败的问题分析和解决方法,文中的代码示例讲解的非常详细,需要的朋友可以参考下
    2023-06-06
  • java判断中文字符串长度的简单实例

    java判断中文字符串长度的简单实例

    下面小编就为大家带来一篇java判断中文字符串长度的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01

最新评论