Session案例：简易的购物车

三个jsp和两个Servlet组成：在WebContent下边建立一个shoppingcart文件夹，将三个jsp文件放在里面：

1.建立一个step1.jsp文件，出现一个表格，是一个复选框，可以选择要购买的书籍，完毕后，点击Submit,跳转到Servlet类 ProcessStep1Servlet里面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

    <h2>step1: 选择要购买的书籍！</h2>

    <form action="<%= request.getContextPath() %>/processStep1Servlet" method="post">

        <table border="1" cellpadding="10" cellspacing="0">

            <tr>

                <th>书名</th>

                <th>点击购买</th>

            </tr>    

            <tr>

                <td>Oracle</td>

                <td><input type="checkbox" name="book" value="Oracle"/></td>

            </tr>

            <tr>

                <td>java</td>

                <td><input type="checkbox" name="book" value="java"/></td>

            </tr>

            <tr>

                <td>C++</td>

                <td><input type="checkbox" name="book" value="C++"/></td>

            </tr>

            <tr>

                <td>mysql</td>

                <td><input type="checkbox" name="book" value="mysql"/></td>

            </tr>

            <tr>

                <td>WEB</td>

                <td><input type="checkbox" name="book" value="WEB"/></td>

            </tr>

            <tr>

                <td colspan="2"> <input type="submit" value="Submit"/></td>

            </tr>

        </table>

    </form>

</body>

</html>

2.建立一个Servlet类 ProcessStep1Servlet，里面有doPost方法，可实现session方法（好处就是获取用户选择书名的id,保存到后边再使用），获取用户选择的书名，使绝对路径的方法重定向到step1.jsp页面； response.sendRedirect(request.getContextPath()+"/shoppingcart/step2.jsp");

public class ProcessStep1Servlet extends HttpServlet {

private static final long serialVersionUID = 1L;

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
　　//1. 获取选中的图书的信息
　　String [] books = request.getParameterValues("book");
　　//2. 把图书信息放入到 HttpSession 中
　　request.getSession().setAttribute("books", books);

　　//2. 重定向页面到 shoppingcart/step-2.jsp
　　System.out.println(request.getContextPath() + "/shoppingcart/step-2.jsp");
　　response.sendRedirect(request.getContextPath() + "/shoppingcart/step-2.jsp");
　　}

}

3.在step2.jsp页面，是用户输入个人信息页面，付款，发送货物需要的信息，然后跳转到Servlet类 processStep2Servlet 对用户的信息封装到customer类里面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

    <h2>step2: 请输入寄送地址和信用卡</h2>

    <form action="<%= request.getContextPath() %>/processStep2Servlet" method="post">

        <table border="1" cellpadding="10" cellspacing="0">

            <tr>

                <td colspan="2">寄送信息：</td>

            </tr>

            <tr>

                <td>姓名：</td>

                <td><input type="text" name="name"/></td>

            </tr>

            <tr>

                <td>地址：</td>

                <td><input type="text" name="address"/></td>

            </tr>

            <tr>

                <td>联系电话：</td>

                <td><input type="text" name="phone"/></td>

            </tr>

            <tr >

                <td colspan="2">信用卡信息：</td>

            </tr>

            <tr>

                <td>信用卡种类</td>

                <td>

                    <input type="radio" name="cardType" value="nong"/>nong

                    <input type="radio" name="cardType" value="gong"/>gong

                </td>

            </tr>

            <tr>

                <td>信用卡号：</td>

                <td><input type="text" name="card"/></td>

            </tr>

            <tr>

                <td colspan="2"> <input type="submit" value="Submit"/></td>

            </tr>

        </table>

    </form>

</body>

</html>

4.建立一个Servlet类，里面有doPost方法，对用户的信息封装到customer类里面，session实例，保存用户的id信息，便于后边输出，然后重定向到confirm.jsp页面，跳转一面使用了绝对路径：response.sendRedirect(request.getContextPath()+"/shoppingcart/confirm.jsp");

public class ProcessStep2Servlet extends HttpServlet {

private static final long serialVersionUID = 1L;

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

　　//1. 获取请求参数: name, address, cardType, card
　　String name = request.getParameter("name");
　　String address = request.getParameter("address");
　　String cardType = request.getParameter("cardType");
　　String card = request.getParameter("card");

　　Customer customer = new Customer(name, address, cardType, card);

　　//2. 把请求信息存入到 HttpSession 中

　　HttpSession session = request.getSession();
　　session.setAttribute("customer", customer);

　　//3. 重定向页面到 confirm.jsp
　　response.sendRedirect(request.getContextPath() + "/shoppingcart/confirm.jsp");
　　}

}

5.confirm.jsp页面，使用了session实例，将前边的用户选择的书籍和用户输入的个人信息，输出到这个页面

<%@page import="com.lanqiao.javatest.Customer"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

    <%

        Customer customer=(Customer)session.getAttribute("customer");

        String [] books=(String [])session.getAttribute("books");

    %>

     <h2>信息表单</h2>

    <table>

        <tr>

            <td>顾客姓名：</td>

            <td><%=customer.getName() %></td>

        </tr>

        <tr>

            <td>顾客地址：</td>

            <td><%=customer.getAddress() %></td>

        </tr>

        <tr>

            <td>顾客联系电话：</td>

            <td><%=customer.getPhone() %></td>

        </tr>

        <tr>

            <td>顾客卡类型：</td>

            <td><%=customer.getCardType() %></td>

        </tr>

        <tr>

            <td>顾客的卡号：</td>

            <td><%=customer.getCard() %></td>

        </tr>

        <tr>

            <td>您购买的书：</td>

            <td>

                <%

                    for(String book:books){

                        out.print(book);

                        out.print("\t\t");

                    }

                %>

            </td>

        </tr>

    </table>

</body>

</html>

6.lib下边的web.xml文件

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">

  <servlet>

    <description></description>

    <display-name>ProcessStep1Servlet</display-name>

    <servlet-name>ProcessStep1Servlet</servlet-name>

    <servlet-class>com.lanqiao.javatest.ProcessStep1Servlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>ProcessStep1Servlet</servlet-name>

    <url-pattern>/processStep1Servlet</url-pattern>

  </servlet-mapping>

  <servlet>

    <description></description>

    <display-name>ProcessStep2Servlet</display-name>

    <servlet-name>ProcessStep2Servlet</servlet-name>

    <servlet-class>com.lanqiao.javatest.ProcessStep2Servlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>ProcessStep2Servlet</servlet-name>

    <url-pattern>/processStep2Servlet</url-pattern>

  </servlet-mapping>

</web-app>

7.Customer封装类：

package com.lanqiao.javatest;

public class Customer {

    private String name;

    private String address;

    private String phone;

    private String cardType;

    private String card;

    public Customer() {

        super();

    }

    public Customer(String name, String address, String phone, String cardType, String card) {

        super();

        this.name = name;

        this.address = address;

        this.phone = phone;

        this.cardType = cardType;

        this.card = card;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public String getAddress() {

        return address;

    }

    public void setAddress(String address) {

        this.address = address;

    }

    public String getPhone() {

        return phone;

    }

    public void setPhone(String phone) {

        this.phone = phone;

    }

    public String getCardType() {

        return cardType;

    }

    public void setCardType(String cardType) {

        this.cardType = cardType;

    }

    public String getCard() {

        return card;

    }

    public void setCard(String card) {

        this.card = card;

    }

    @Override

    public String toString() {

        return "Customer [name=" + name + ", address=" + address + ", phone=" + phone + ", cardType=" + cardType

                + ", card=" + card + "]";

    }

}

Session案例：简易的购物车的更多相关文章

使用jQuery制作一个简易的购物车结算流程
因为今天下午时候在网上买了东西,在结算界面的时候突发奇想的也想自己动手做一个结算界面,当然了,只是一个最简易的结算界面,有商品数量的加减,有单价和小计,单个多个删除,全选和区县全选等等一些小功能,我在 ...
js中的经典案例--简易万年历
js中的经典案例--简易万年历 html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...
【Tomcat】JSP使用Session、Cookie实现购物车
购物界面shop.jsp 初始页面添加商品后,在session中设置属性,重定向回到shop.jsp,然后根据session的内容显示结果 Cookie设置setMaxAge可以延长session的 ...
零基础学习java------29---------网络日志数据session案例，runtime（导出jar程序）
一. 网络日志数据session案例部分数据数据中的字段分别为: 访客ip地址,访客访问时间,访客请求的url及协议,网站响应码,网站返回数据量,访客的referral url,访客的客户端操作系 ...
[原创]java WEB学习笔记33：Session 案例之购物车
本博客为原创:综合尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和网络上的现有资源(博客,文档,图书等),资源的出处我会标明本博客的目的:①总结自己的学习过程,相当 ...
基于session的简易购物车引发的问题
一.功能描述: 页面如下所示: 运行报错: java.io.FileNotFoundException: E:\apache-tomcat-8.0.37\work\Catalina\localhos ...
express+session实现简易身份认证
本文摘录自<Nodejs学习笔记>,更多章节及更新,请访问 github主页地址.欢迎加群交流,群号 197339705. 文章概览本文基于express.express-session ...
Session案例
用户登入案例: 按一般的网站登入实例,用户在页面登入页输入账号.密码,验证通过后,在首页显示其"欢迎回来,xxx". 首先完成登入页login.html <!DOCTYPE ...
Nodejs进阶：express+session实现简易身份认证
本文摘录自<Nodejs学习笔记>,更多章节及更新,请访问 github主页地址.欢迎加群交流,群号 197339705. 文档概览本文基于express.express-session ...

随机推荐

strip和stripe
Java NIO 开篇
一些很好的blog(待更新): 1.NIO入门 2.NIO.2 入门,第 1 部分: 异步通道 API I- 就是从硬盘到内存 O- 就是从内存到硬盘一.阻塞IO 第一种方式:我从硬盘读取数据,然后 ...
SQL 数据库触发器、事务
触发器类型有两种: 1.AFTER(FOR)触发器在动作执行之后触发(增删改执行完成后,触发器中的代码再执行),不能为视图指定for触发器,只能为表指定该触发器. 2.instead of触发器可 ...
As3 Anchored Container 代码设置锚点旋转
原文地址:http://jamesvango.co.uk/blog/?p=136
Lucas
C(n,m)%p=C(n%p,m%p)*C(n/p,m/p)%p 迭代递归 n,m非负整数,p质数证明最后一个由二项式定理和p进制数性质得出的我并没有看懂...
C++之路进阶——bzoj3262（陌上花开）
F.A.Qs Home Discuss ProblemSet Status Ranklist Contest ModifyUser gryz2016 Logout 捐赠本站 Notice:由于本OJ ...
Spark on Yarn
Spark on Yarn 1. Spark on Yarn模式优点与其他计算框架共享集群资源(eg.Spark框架与MapReduce框架同时运行,如果不用Yarn进行资源分配,MapReduce ...
夺命雷公狗—angularjs—25—angular内置的方法（高级）
查看版本信息 angular.version console.log(angular.version); 判断是否相等 angular.equals() var str1 = ''; var str2 ...
夺命雷公狗—angularjs—10—angularjs里面的内置函数
我们没学一门语言或者框架,几乎里面都有各自的语法和内置函数,当然,强悍的angularjs也不例外,他的方法其实常用的没多少,因为很多都可以用源生jis几乎都能完成一大部分.. <!doctyp ...
zw版【转发·台湾nvp系列Delphi例程】HALCON FillUp2
zw版[转发·台湾nvp系列Delphi例程]HALCON FillUp2 procedure TForm1.Button1Click(Sender: TObject);var op : HOpera ...

Session案例：简易的购物车

Session案例：简易的购物车的更多相关文章

随机推荐

热门专题