广告
返回顶部
首页 > 资讯 > 后端开发 > Python >Java web实现购物车案例
  • 608
分享到

Java web实现购物车案例

Java web购物车 2022-11-13 15:11:03 608人浏览 八月长安

Python 官方文档:入门教程 => 点击学习

摘要

本文实例为大家分享了JAVA WEB实现购物车的具体实现代码,供大家参考,具体内容如下 一. 简介: 本项目使用jsp,js,Java,html,CSS,EL表达式,JSTL所实现使

本文实例为大家分享了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>

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

--结束END--

本文标题: Java web实现购物车案例

本文链接: https://www.lsjlt.com/news/166007.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Java web实现购物车案例
    本文实例为大家分享了Java web实现购物车的具体实现代码,供大家参考,具体内容如下 一. 简介: 本项目使用jsp,js,Java,html,css,EL表达式,JSTL所实现使...
    99+
    2022-11-13
    Java web 购物车
  • JavaScript实现购物车案例
    本文实例为大家分享了JavaScript实现购物车功能的具体代码,供大家参考,具体内容如下 HTML结构 <!DOCTYPE html> <html lang="...
    99+
    2022-11-12
    js 购物车
  • vue实现简单购物车案例
    本文实例为大家分享了vue实现简单购物车的具体代码,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html lang="en"> ...
    99+
    2022-11-12
    vue 购物车
  • Vue实现简易购物车案例
    本文实例为大家分享了Vue实现简易购物车的具体代码,供大家参考,具体内容如下 先来看一下完成后的效果吧。 CSS 部分 这里没什么好说的,就是v-cloak 这一个知识点 ta...
    99+
    2022-11-12
    vue 购物车
  • Vue实现简单的购物车案例
    本文实例为大家分享了Vue实现简单的购物车案例的具体代码,供大家参考,具体内容如下 代码: <template> <div> <div...
    99+
    2022-11-12
    Vue 购物车
  • Vue实现简单购物车小案例
    本文实例为大家分享了Vue实现简单购物车的具体代码,供大家参考,具体内容如下 HTML首页 <!DOCTYPE html> <html lang="en">...
    99+
    2022-11-12
    vue 购物车
  • vue实现简单的购物车小案例
    本文实例为大家分享了vue实现简单购物车的具体代码,供大家参考,具体内容如下 最近在写vue的相关项目,所以找一些小例子练习一下,把一个js的购物车改成vue了 css部分是直接引入...
    99+
    2022-11-13
    vue 购物车
  • Vue 购物车案例练习
    目录1.购物车案例2.代码实现3.总结1.购物车案例 经过一系列的学习,我们这里来练习一个购物车的案例 需求:使用vue写一个表单页面,页面上有购买的数量,点击按钮+或者-,可以增...
    99+
    2022-11-12
    Vue 购物车练习 Vue 购物车
  • java web开发之购物车功能实现示例代码
    之前没有接触过购物车的东东,也不知道购物车应该怎么做,所以在查询了很多资料,总结一下购物车的功能实现。查询的资料,找到三种方法:用cookie实现购物车;用session实现购物车;用cookie和数据库(购物车信息持久化)实现购物车;分析...
    99+
    2023-05-30
    java web 购物车
  • java购物车如何实现
    要实现一个Java购物车,你可以按照以下步骤进行操作:1. 创建一个`Product`类来表示商品,该类包括商品的名称、价格和数量等...
    99+
    2023-10-12
    java
  • jQuery实现购物车
    本文实例为大家分享了jQuery实现购物车的具体代码,供大家参考,具体内容如下 1.描述 2.HTML布局 <div>         <button>全选...
    99+
    2022-11-13
    jQuery 购物车
  • jQuery实现全部购物车功能实例
    目录一、全选二、增减商品数量三、修改商品小计四、计算总计和总和五、删除商品 六、选中商品添加背景七、html 全部核心代码今天是一些购物车的基本功能实现,全选、增减商品数量、修改商品...
    99+
    2022-11-12
    JQuery实现购物车功能 使用jQuery实现购物车 JQuery购物车
  • 【Java案例】超市购物
    案例介绍: 编写一个超市购物程序,在一家超市有牙刷、毛巾、水杯、苹果和香蕉五种商品,用户输入商品序列号进行商品购买,用户输入购买数量后计算出所需要花费的钱,一次购买结束后,需要用户输入“Y”或“N”,“Y”代表继续购买,“N”代表购物结束,...
    99+
    2023-09-29
    java
  • 购物车实现要点
    一、购物车模块1.1购物车两种实现方式的区别:    用session保存        缺点:浏览器关闭,session失效时保存在sessio...
    99+
    2022-10-18
    浏览器 cookie 购物车
  • javaweb实现购物车功能
    本篇文章讲的是如何使用javaweb相关知识模拟购物车功能 (web练手小项目) 使用到的相关知识(部分知识点在文章中简单涉及到):        html  cs  javascript  jsp  servlet   ajax  jQu...
    99+
    2023-10-24
    mybatis java mysql servlet tomcat
  • php如何实现购物车
    本文操作环境:Windows7系统、PHP7.1版,DELL G3电脑php实现购物车功能首先将前端页面布局搭出来,做到如下:<php $conn=mysql_connect("localhost","...
    99+
    2016-06-18
    php
  • vue.js如何实现购物车
    这篇文章主要介绍vue.js如何实现购物车,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.一层数据结构-全选下面这段代码和vuejs官网里面checkbox绑定很像。不明白的可以直...
    99+
    2022-10-19
    vue.js
  • AngularJs如何实现购物车
    这篇文章给大家分享的是有关AngularJs如何实现购物车的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。代码:<!DOCTYPE html> <htm...
    99+
    2022-10-19
    angularjs
  • python实现购物车功能
    本文实例为大家分享了python实现购物车功能的具体代码,供大家参考,具体内容如下 功能要求: 要求用户输入总资产,例如:2000显示商品列表,让用户根据序号选择商品,加入购物车购买...
    99+
    2022-11-13
    python 购物车
  • Android实现淘宝购物车
    本文实例为大家分享了Android实现淘宝购物车的具体代码,供大家参考,具体内容如下 功能基本和淘宝购物车一样,商品按照店铺分类显示,全选,反选,选中商品数量变化,总价随之变化。效果...
    99+
    2022-11-12
    Android 淘宝 购物车
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作