JAVA WEB 中间件为SERVLET(五)

已于 2023-02-01 16:43:33 修改
阅读量109 收藏
点赞数
文章标签： servlet java 开发语言
于 2023-02-01 09:19:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70298159/article/details/128826448
版权

写一个简单的商城

1.登录系统

2.选择商品

        2.1选择的商品会存放在数据库

3.购物车结算

        3.1可以扩展一下，不同的用户登录后查看自己加入到购物车的商品

登录页面上一章已经有了，接下来就是2个JSP页面分别是商品页和购物车页

商品页模板

 购物车模板

商品页缺少一个导航栏,用来实现商品页面和购物车页面的跳转

jsp页面之间的跳转方法

我用的是<a></a>标签，网上有很多方法。这里注意的地方是jsp和jsp通过<a></a>标签跳转样式会失效。处理方法就是用绝对路径

这个就是绝对路径

 

我在这里卡了很久，应为我的项目名称和发布的名称不同

HTML

表格自动添加序号

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动编号</title>
</head>

<script language="javascript" type="text/javascript">
    window.onload = function () {
        var tableLine = document.getElementById("number");
        for (var i = 0; i < tableLine.rows.length; i++) {
            tableLine.rows[i].cells[0].innerHTML = (i + 1);
        }
    }
</script>
<body>

<table>
    <tr>
        <td>编号</td>
        <td>内容</td>
    </tr>
    <tbody id="number">
    <tr>
        <td></td>
        <td>一</td>
    </tr>

    <tr>
        <td></td>
        <td>二</td>
    </tr>

    <tr>
        <td></td>
        <td>三</td>
    </tr>
    </tbody>
</table>

</body>
</html>

最终展示

附上源码

<%--
  Created by IntelliJ IDEA.
  User: JIAHANG
  Date: 2023/1/30
  Time: 16:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购物页</title>
    <link rel="stylesheet" href="/untitled01_war_exploded/css/product.css" />
    <script type="text/javascript" src="/untitled01_war_exploded/js/product.js"></script>
    <script type="text/javascript">
        window.onload = function () {
                 var tableLine = document.getElementById("number");
                for (var i = 0; i < tableLine.rows.length; i++) {
                tableLine.rows[i].cells[0].innerHTML = (i + 1);
                   }
            }
    </script>
</head>
<body>
<%--<%@include file="/JSP/Navbar.jsp"%>--%>
<div class="foot" id="foot">
<%--    <label class="fl select-all"><input type="checkbox" class="check-all check"/>&nbsp;全选</label>--%>
<%--    <a class="fl delete" id="deleeAll" href="././JSP/Shopping.jsp">购物车</a>--%>
    <div class="fr closing" ><a class="fr closing" id="#" href="/untitled01_war_exploded/index.jsp">退出</a></div>
    <div class="fr total"><span id="priceTotal"></span></div>
    <div class="fr selected" id="selected">
<%--        <span id="selectedTotal">0</span>件--%>
<%--        <span class="arrow up">︽</span>--%>
<%--        <span class="arrow down">︾</span>--%>
        <a class="fl delete" id="deleeAll" href="/untitled01_war_exploded/JSP/Shopping.jsp">购物车</a>
    </div>
    <div class="selected-view">
        <div id="selectedViewList" class="clearfix">
            <!--<div><img src="images/1.jpg"><span>取消选择</span></div>-->
        </div>
        <span class="arrow">◆<span>◆</span></span>
    </div>
</div>
<table id="cartTable">
    <thead>
    <tr>
        <th>序号</th>
        <th>商品</th>
        <th>单价</th>
        <th>详情</th>

        <th>操作</th>
    </tr>
    </thead>
    <tbody id="number">
    <tr>
        <td class="checkbox"></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-1.jpg" alt="" /><span>Casio/卡西欧 EX-TR350</span></td>
        <td class="price">5999.88</td>
        <td class="count">
            D:\TOMCAT\apache-tomcat-8.5.85\bin\catalina.bat run
            [2023-01-31 03:58:08,262] Artifact untitled01: Waiting for server connection to start
            Using CATALINA_BASE:   "C:\Users\JIAHANG\AppData\Local\JetBrains\IntelliJIdea2022.3\
            Using CATALINA_HOME:   "D:\TOMCAT\apache-tomcat-8.5.85"
            Using CATALINA_TMPDIR: "D:\TOMCAT\apache-tomcat-8.5.85\temp"
            </td>
        <td class="operation"><span class="delete">加入购物车</span></td>
    </tr>
    <tr>
        <td class="checkbox"></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-2.jpg" alt="" /><span>Canon/佳能 PowerShot SX50 HS</span></td>
        <td class="price">3888.50</td>
        <td class="count">
            D:\TOMCAT\apache-tomcat-8.5.85\bin\catalina.bat run
            [2023-01-31 03:58:08,262] Artifact untitled01: Waiting for server connection to start
            Using CATALINA_BASE:   "C:\Users\JIAHANG\AppData\Local\JetBrains\IntelliJIdea2022.3\
            Using CATALINA_HOME:   "D:\TOMCAT\apache-tomcat-8.5.85"
            Using CATALINA_TMPDIR: "D:\TOMCAT\apache-tomcat-8.5.85\temp"
        </td>
        <td class="operation"><span class="delete">加入购物车</span></td>
    </tr>
    <tr>
        <td class="checkbox"></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-3.jpg" alt="" /><span>Sony/索尼 DSC-WX300</span></td>
        <td class="price">1428.50</td>
        <td class="count">
            D:\TOMCAT\apache-tomcat-8.5.85\bin\catalina.bat run
            [2023-01-31 03:58:08,262] Artifact untitled01: Waiting for server connection to start
            Using CATALINA_BASE:   "C:\Users\JIAHANG\AppData\Local\JetBrains\IntelliJIdea2022.3\
            Using CATALINA_HOME:   "D:\TOMCAT\apache-tomcat-8.5.85"
            Using CATALINA_TMPDIR: "D:\TOMCAT\apache-tomcat-8.5.85\temp"
        </td>
        <td class="operation"><span class="delete">加入购物车</span></td>
    </tr>
    <tr>
        <td class="checkbox"></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-4.jpg" alt="" /><span>Fujifilm/富士 instax mini 25</span></td>
        <td class="price">640.60</td>
        <td class="count">
            D:\TOMCAT\apache-tomcat-8.5.85\bin\catalina.bat run
            [2023-01-31 03:58:08,262] Artifact untitled01: Waiting for server connection to start
            Using CATALINA_BASE:   "C:\Users\JIAHANG\AppData\Local\JetBrains\IntelliJIdea2022.3\
            Using CATALINA_HOME:   "D:\TOMCAT\apache-tomcat-8.5.85"
            Using CATALINA_TMPDIR: "D:\TOMCAT\apache-tomcat-8.5.85\temp"
        </td>
        <td class="operation"><span class="delete">加入购物车</span></td>
    </tr>
    </tbody>
</table>
<%--<a href="././JSP/Shopping.jsp">购物车</a>--%>

</body>

</html>


<%--
  Created by IntelliJ IDEA.
  User: JIAHANG
  Date: 2023/1/30
  Time: 16:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购物页</title>
    <link rel="stylesheet" href="/untitled01_war_exploded/css/shopp.css" />
    <script type="text/javascript" src="/untitled01_war_exploded/js/shopp.js"></script>
</head>
<body>
<table id="cartTable">
    <thead>
    <tr>
        <th><label><input class="check-all check" type="checkbox"/>&nbsp;全选</label></th>
        <th>商品</th>
        <th>单价</th>
        <th>数量</th>
        <th>小计</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td class="checkbox"><input class="check-one check" type="checkbox" /></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-1.jpg" alt="" /><span>Casio/卡西欧 EX-TR350</span></td>
        <td class="price">5999.88</td>
        <td class="count">
            <span class="reduce"></span>
            <input class="count-input" type="text" value="1" />
            <span class="add">+</span></td>
        <td class="subtotal">5999.88</td>
        <td class="operation"><span class="delete">删除</span></td>
    </tr>
    <tr>
        <td class="checkbox"><input class="check-one check" type="checkbox" /></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-2.jpg" alt="" /><span>Canon/佳能 PowerShot SX50 HS</span></td>
        <td class="price">3888.50</td>
        <td class="count"><span class="reduce"></span><input class="count-input" type="text" value="1" /><span class="add">+</span></td>
        <td class="subtotal">3888.50</td>
        <td class="operation"><span class="delete">删除</span></td>
    </tr>
    <tr>
        <td class="checkbox"><input class="check-one check" type="checkbox" /></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-3.jpg" alt="" /><span>Sony/索尼 DSC-WX300</span></td>
        <td class="price">1428.50</td>
        <td class="count"><span class="reduce"></span><input class="count-input" type="text" value="1" /><span class="add">+</span></td>
        <td class="subtotal">1428.50</td>
        <td class="operation"><span class="delete">删除</span></td>
    </tr>
    <tr>
        <td class="checkbox"><input class="check-one check" type="checkbox" /></td>
        <td class="goods"><img src="/untitled01_war_exploded/images/1-4.jpg" alt="" /><span>Fujifilm/富士 instax mini 25</span></td>
        <td class="price">640.60</td>
        <td class="count"><span class="reduce"></span><input class="count-input" type="text" value="1" /><span class="add">+</span></td>
        <td class="subtotal">640.60</td>
        <td class="operation"><span class="delete">删除</span></td>
    </tr>
    </tbody>
</table>

<div class="foot" id="foot">
    <label class="fl select-all"><input type="checkbox" class="check-all check"/>&nbsp;全选</label>
    <a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
<%--    <div class="fr closing" onclick=""><a class="fr closing" id="#" href="/untitled01_war_exploded/JSP/Product.jsp">返回</a></div>--%>
    <div class="fr closing" onclick="window.location.href='Product.jsp';">返回</div>
    <div class="fr closing">结 算</div>

    <div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
    <div class="fr selected" id="selected">已选商品
        <span id="selectedTotal">0</span>件
        <span class="arrow up">︽</span>
        <span class="arrow down">︾</span>
    </div>
    <div class="selected-view">
        <div id="selectedViewList" class="clearfix">
            <!--<div><img src="images/1.jpg"><span>取消选择</span></div>-->
        </div>
        <span class="arrow">◆<span>◆</span></span>
    </div>
</div>
</body>

</html>

37

gitee代码地址

untitled01: JAVAWEB的servlet登录的源码

狼崽子逛狭谷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JAVA WEB 中间件为SERVLET(二)
jiahang的博客
01-29 221
Java Servlet 是运行在 Web 服务器或应用服务器上的程序，简单来说，就是一个java类，是javweb的规范之一（接口），也是三大组件之一（serlvet，listener，filter），它属于动态资源。@WebServlet注解，这个也是Servlet3.0之后的一个特点，配置注解化了，不用在web.xml中在去一个个配置了，但是实现的功能是相同的，我们可以看到，@WebServlet中的一些属性就是我们在创建的过程中设置的。① 实现javax.servlet.Servlet接口；
java常用中间件.pdf
最新发布
06-08
Tomcat是Sun的JSWDK(JavaServer Web Development Kit)中Servlet的运⾏环境(servlet容器)。Tomcat是Apache Jakarta软件组织 的⼀个⼦项⽬，Tomcat是⼀个JSP/Servlet容器，它是在SUN公司的JSWDK（Java Server Web ...
Java Web中间件
谢公子的博客
11-20 1万+
目录 中间件 常见的web中间件有哪些 Tomcat Weblogic Jboss Jetty Webshere Glasshfish 中间件 我们经常会看到中间件，但是，一直好奇的是，中间件到底是什么？ 中间件（英语：Middleware）是提供系统软件和应用软件之间连接的软件，以便于软件各部件之间的沟通。中间件处在操作系统和更高一级应用程序之间。他充当的功能是：将应用程序...
java web中间件_GitHub - 891106786/extensible: 这是一个java web项目。后期会加上一些中间件的应用。...
weixin_30127995的博客
02-16 150
extensible这是一个java web项目。后期会加上一些中间件的应用。readme每次更新，会在readme文件夹中上传本次更新对应技术要点的博客。目前技术栈Spring + Springboot + Springmvc + Mybatis + Docker + lombok + logback + quartz + rabbitmq + elasticsearch项目启动说明基础环境要求...
JavaWeb 超链接标签a
qq_42650433的博客
11-22 934
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>4.超链接.html</title> </head> <body> <!--a标签是 超链接 href属性设置连接的地址 target属性设置哪个目标进行跳转 _self 表示当前页面
JAVA WEB 中间件为SERVLET(六)
jiahang的博客
02-01 101
1.后台给前端返回用户ID。将来用户ID、商品名称、商品图片路径、商品单价、商品数量，保存在数据库的购物车表里面。点击加入购物车按钮调用同一个方法 ，注意每件商品的ID是唯一的，方法传入的参数就是每件商品唯一的id。开始从JSP页面请求servlet，并带回参数，后台将参数存入到数据库。我这里练习了一下继承，子类继承了父类的方法和属性。红框里面就是将id保存在session中。
使用MyEclipse搭建java Web项目开发.docx
12-30
服务器也叫 Web 容器，它就是一种所谓的中间件，Web 容器实现了 java 的借口：servlet。Web 容器启动之后一直运行，它时刻监听所有提交到它所监控的端口（默认：8080）的请求，并对此作出反映。 我们使用的 Tomcat...
Java程序员简历模版
05-06
2.了解 Tomcat 服务器的基本概念和使用，如Servlet 和 JSP 等。 3.掌握 Nginx 服务器的基本概念和使用，如反向代理和负载均衡等。 分布式系统和微服务 1.了解分布式系统的基本概念和设计模式，如微服务架构和服务...
JAVA上百实例源码以及开源项目
01-03
　Java访问权限控制，为Java操作文件、写入文件分配合适的权限，定义写到文件的信息、定义文件,输出到c:/hello.txt、写信息到文件、关闭输出流。 Java绘制图片火焰效果 1个目标文件 摘要:Java源码,图形操作,火焰...
java学习方向.pdf
10-03
学习Java需要掌握的技术包括Java Server Page、Java Servlet、Enterprise JavaBean、JDBC、Transactions、JAXP等XML相关技术、Java Message Service、Java Mail、JDO等。其他Management Technologies、Connector ...
Web服务（02）——Web服务器中间件
tu464932199的博客
07-20 4019
Web应用程序是一种可以通过Web访问的一个应用程序，它的好处是用户很容易访问到应用程序，只需要通过浏览器就能访问，不需要安装其他任何软件。这里就需要提到两种架构模式——C/S和B/S模式，C/S模式的程序都是独立运行的，而B/S模式是浏览器和服务器端的应用程序，这类程序一般都是需要借助如IE浏览器来运行的，web应用程序一般都是B/S模式，web应用程序首先是一个程序，和标准的一些程序语言，如C++编写出来的程序没有本质上的不同。而web应用程序可以说是B/S模式的产物。...
Web中间件有哪些
热门推荐
weixin_45116657的博客
10-01 4万+
一、中间件简介 我们经常会看到中间件，但是，一直好奇的是，中间件到底是什么？ 中间件（英语：Middleware）是提供系统软件和应用软件之间连接的软件，以便于软件各部件之间的沟通。中间件处在操作系统和更高一级应用程序之间。他充当的功能是：将应用程序运行环境与操作系统隔离，从而实现应用程序开发者不必为更多系统问题忧虑，而直接关注该应用程序在解决问题上的能力 。容器就是中间件的一种。 也就是说，关于...
一个简单的table行的添加删除
sbtmbj2010的专栏
12-24 433
"http://www.w3.org/TR/html4/loose.dtd">     function addbuz() {                 var table = document.getElementById("buztable");                 var len = table.rows.length;               
JAVA WEB 中间件为SERVLET(七)
jiahang的博客
02-02 96
注意： onreadystatechange 事件被触发 4 次（0 - 4）, 分别是： 0-1、1-2、2-3、3-4，对应着 readyState 的每个变化。416——请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段。417——服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求。用户点击添加购物车按钮，商品添加到购物车表（已有的商品增加数量，没有的商品添加商品数据）
java常用的中间件
weixin_30437847的博客
12-28 4242
tomcatWeblogicJBOSSColdfusionWebsphereGlassFish 一般本地开发的话建议使用tomcat。 linux系统建议使用jetty或apache hpptd 大型的项目就用JBOSS或webloigc 小项目，或者是个人开发tomcat 大项目或者商业项目一般采用：weblgoic/webshere 其他的还有jboss、glass...
apache是中间件_java常用的中间件
weixin_39636987的博客
12-03 503
tomcatWeblogicJBOSSColdfusionWebsphereGlassFish一般本地开发的话建议使用tomcat。linux系统建议使用jetty或apache hpptd大型的项目就用JBOSS或webloigc小项目，或者是个人开发tomcat 大项目或者商业项目一般采用：weblgoic/webshere其他的还有jboss、glasshfish等一些示例项目或者小项目常采...
web服务器、Web中间件和Web容器的区别
谢公子的博客
11-25 2万+
目录 Web服务器 中间件 容器 总结 Web开发的选择 我们经常会被Web服务器、Web容器和Web中间件这三个概念搞混。因为我们常见的很多网站要么是由IIS搭建，要么是由Apache、Tomcat、Ngnix搭建。所以，我们会把他们都叫成是Web服务器，因为他们都提供了Web服务，可以让我们通过http协议访问到。但是又有很多地方会说Tomcat是Servlet容器，而又有很多地方...
Java中间件简单介绍
猪猪神功屁
04-27 1万+
中间件屏蔽了底层操作系统的复杂性，使程序开发人员面对一个简单而统一的开发环境，减少程序设计的复杂性，将注意力集中在自己的业务上，不必再为程序在不同系统软件上的移植而重复工作，从而大大减少了技术上的负担。中间件带给应用系统的，不只是开发的简便、开发周期的缩短，也减少了系统的维护、运行和管理的工作量，还减少了计算机总体费用的投入。java中间件就是处理我们数据间交互，连接数据分离后两个系统间的通信，简...
浅析深究什么是中间件
hxl188的专栏
12-31 5858
本文发布于2009年10月30日 　　1. 由来 　　因为工作的原因，我从金蝶集团调入金蝶中间件公司工作以来，经常遇到一个问题就是中间件公司是个什么公司，中间件是什么？，金蝶不是做ERP的吗？怎么也做中间件？。这是我以前在金蝶集团时无法想象的问题。因为金蝶，金蝶ERP的品牌以及大众对ERP的了解，是无需我解析什么是ERP，什么是财务软件一类的问题的。 　　毕竟，中间件在实际的应用
java servlet api是怎么构建web服务器的原理
03-26
1. Servlet容器初始化：当Web服务器启动时，Java Servlet API会被加载到Servlet容器中。 2. 创建servlet实例：当客户端浏览器发送请求时，Servlet容器根据HTTP请求的URL找到对应的Servlet类，并创建一个Servlet实例...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值