基于Struts技术的购物车的实现

原创 2007年09月29日 16:55:00
 
第一部分:购物车的基本功能
从已有的物品列表中选择物品添加到购物车;
可以修改购物车中的物品数量;
可删除购物车中的物品;
可以结账。
 
通常购物车还有的功能包括:根据购物车生成订单、添加邮寄信息等。这些功能相对比较简单,所以不在这里实现。
 
第二部分:实现
       实例包括以下文件:
文件名
主要内容
作用
生成方式
index.jsp
一个超链,链接到购物页面
进入购物页面
使用向导,然后添加代码
DBManager
封装了建立与数据库的连接,执行各种SQL语句的方法
完成与数据库之间的交互
代码完全手写
Good
封装了物品的基本信息,包括
作为值对象在各个层之间传递
代码完全手写
GoodsM
业务逻辑,封装了查询所有物品信息的方法,以及根据编号查询物品信息的方法
管理物品信息,主要查询物品信息
代码完全手写
CartManager
向购物车添加物品,从购物车删除物品,修改购物车中的物品
管理购物车
代码全部手写
BuyAction
根据用户选择的物品编号,把选择的物品添加到购物车中。
购买物品
使用向导,然后修改代码
buy.jsp
显示已有物品的列表,显示购物车中物品信息,物品列表后面有添加购物车的功能,购物车信息后面有修改购物车信息的功能。
显示物品,显示购物车,可以通过这个界面添加、修改购物车信息。
先使用向导生成,然后添加物品信息列表,然后再添加购物车管理功能。
UpdateForm
包含物品编号和物品数量信息,以及验证的方法
完成更新的时候使用
向导生成,然后修改
web.xml
核心控制器ActionServlet的声明,访问方式的声明
完成核心控制器的配置
通过向导生成
struts-config.xml
声明ActionForm,声明Action,声明映射关系
与ActionServlet共同完成控制功能
多数内容是通过向导生成的
       所涉及的文件之间的关系如下:
 
 

DB
DBManager
GoodsM
BuyAction
index.jsp
buy.jsp
goods

显示所有物品信息

DB
DBManager
GoodsM
buy.jsp
Good
cart
AddAction
goods

向购物车中添加信息

DB
DBManager
GoodsM
buy.jsp
Good
cart
AddAction
goods

修改购物车中的信息
       基本过程如下:
Ø         创建数据库
Ø         创建表
Ø         向表中插入测试数据
Ø         创建工程
Ø         创建与数据库进行交互的DBManager
Ø         创建表示物品信息的Good
Ø         创建一个单独的欢迎界面index.jsp
Ø         创建管理物品信息的GoodsM
Ø         创建BuyAction及其配置信息
Ø         创建buy.jsp,显示物品信息
Ø         创建CartManager,用于管理购物车
Ø         创建AddAction,完成物品的添加Action
Ø         修改JSP文件buy.jsp,增加代码来显示购物车中的信息
Ø         创建UpdateAction和UpdateForm
Ø         进行异常处理
在最后添加了一部分内容:如何在MyEclipse中创建Form。
下面详细介绍每一部分。
1、 创建数据库
数据库的名字是:cart
2、 创建表
表名:goods;
创建表的SQL语句:
create table goods(gid char(13) primary key,gname varchar(30),price float,quantity int);
3、 向表中插入测试数据
insert into goods values('0001','洗发水',18,30);
insert into goods values('0002','洗衣粉',6.5,300);
insert into goods values('0003','羽毛球',3,330);
insert into goods values('0004','拖鞋',4.9,230);
insert into goods values('0005','面包',4,380);
insert into goods values('0006','订书机',11,80);
insert into goods values('0007','电池',2.5,1130);
4、 创建工程
工程的名字:cart
Ø         第一步:选择【File】à【New】à【Project】,打开创建工程对话框。
Ø         第二步:选择【MyEclipse】à【J2EE Projects】à【Web Project】。
Ø         第三步:输入Web工程的名字cart即可。
包的名字:com.neu.cart
Ø         第一步:在【src】上点击右键;
Ø         第二步:在弹出的对话框中选择【New】à【Package】;
Ø         第三步:输入包的名字com.neu.cart。
Ø         点击【Finish】。
导入Struts相关的包:
Ø         第一步:在工程的名字cart上点击鼠标右键。
Ø         第二步:在弹出的对话框中选择【MyEclipse】à【Add Struts Capabilities…】。
Ø         第三步:在下面的文件中输设置以下信息:
n         选择Struts的版本1.2
n         选择包的路径,选择刚才建好的包
n         选中画面下面的两个复选框
Ø         点击【Finish】
 
Ø         导入之后察看WEB-INF下面的web.xml,包含了中心控制器的声明以及其它配置信息等,内容如下:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee   http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 <servlet>
    <servlet-name>action</servlet-name>
    <servlet-class>org.apache.struts.action.ActionServlet</servlet-class>
    <init-param>
      <param-name>config</param-name>
      <param-value>/WEB-INF/struts-config.xml</param-value>
    </init-param>
    <init-param>
      <param-name>debug</param-name>
      <param-value>3</param-value>
    </init-param>
    <init-param>
      <param-name>detail</param-name>
      <param-value>3</param-value>
    </init-param>
    <load-on-startup>0</load-on-startup>
 </servlet>
 <servlet-mapping>
    <servlet-name>action</servlet-name>
    <url-pattern>*.do</url-pattern>
 </servlet-mapping>
</web-app>
 
本例中我们使用mysql的驱动程序,导入MySql的驱动程序:
Ø         在工程上点击右键
Ø         在弹出的界面上选择【Properties】
Ø         选择左边的【Java Builder Path】,然后选择右边的【Liberaries】。
Ø         点击【Add External JARs…】,在打开的界面中选择数据库的驱动程序。
为了能够在部署的时候把驱动程序也部署到服务器上,需要进行设置:
Ø         选择【Window】à【Preferences…】
Ø         在左边选择【MyEclipse】à【J2EE Projects】à【Web Project】,在右边选择【Deployment】。出现下面的界面:
Ø         如图选择4个复选框中的第一个。这样部署的时候就会把我们添加在Builder Path中的类库部署到服务器上。
5、 创建与数据库进行交互的DBManager
创建包com.neu.cart.common,创建的方式与前面创建com.neu.cart包的过程一样。
创建类DBManager,参考代码如下:
package com.neu.cart.common;
 
import java.sql.*;
 
public class DBManager extends Object{
    private Connection con = null;
    private Statement stmt = null;
    private ResultSet rs = null;
    public void init()
    {
        try
        {
            Class.forName("com.mysql.jdbc.Driver");
            //加载驱动程序
       
            con = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/bookstore","root","root");
            //创建连接
        }catch(Exception e){}
    }
 
    //获取连接
    public Connection getConnection()
    {
        if(con == null)
            init();
        return con;
    }
   
    //执行有结果集的查询
    public int executeUpdate(String sql) throws SQLException
    {
        stmt = getConnection().createStatement();
        return stmt.executeUpdate(sql);
    }
    public ResultSet executeQuery(String sql) throws SQLException
    {
        stmt = getConnection().createStatement();
        return stmt.executeQuery(sql);
    }
   
    public void close()
    {
        if(rs!=null)
            try {
                rs.close();
            } catch (SQLException e) {          }
        if(stmt!=null)
            try {
                stmt.close();
            } catch (SQLException e) {          }
        if(con!=null)
            try {
                con.close();
            } catch (SQLException e) {          }
 
    }
   
}
 
6、 创建表示物品信息的Good
创建包:com.neu.cart.vo
创建类Good
package com.neu.cart.vo;
 
public class Goods {
 
private String gid;
private String gname;
private float price;
private int quantity;
 
public String getGid() {
        return gid;
}
 
public void setGid(String gid) {
        this.gid = gid;
}
 
public String getGname() {
        return gname;
}
 
public void setGname(String gname) {
        this.gname = gname;
}
 
public float getPrice() {
        return price;
}
 
public void setPrice(float price) {
        this.price = price;
}
 
public int getQuantity() {
        return quantity;
}
 
public void setQuantity(int quantity) {
        this.quantity = quantity;
}
}
7、 创建一个单独的欢迎界面
文件名:index.jsp
创建过程如下:
Ø         在工程上点击右键
Ø         在弹出的界面中选择【New】à【JSP】,弹出界面如下:
Ø         在弹出的界面中设置两个信息:第一个是JSP文件的名字index.jsp,第二个是文件的模板,选择【Standard JSP using Struts 1.2】,点击【Finish】。
Ø         生成的代码如下:
 
<%@ page language="java" pageEncoding="UTF-8"%>
 
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html locale="true">
 <head>
    <html:base />
   
    <title>index.jsp</title>
   
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">   
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
 </head>
 
 <body>
    This a struts page. <br>
 </body>
</html:html>
Ø         把body中的代码替换成下面的代码即可:
    <html:link action="/buy.do">我要购物!</html:link>
8、 创建GoodsM
完成Goods相关的操作,创建model包。
创建GoodsM类,完成物品的管理。
package com.neu.cart.model;
 
import java.util.ArrayList;
import com.neu.cart.common.*;
import com.neu.cart.vo.*;
import java.sql.*;
 
public class GoodsM {
public ArrayList getGoodsList(int page)
{
        DBManager dbm = new DBManager();
       
        ArrayList list = new ArrayList();
       
        try {
              
               ResultSet rs = dbm.executeQuery("select * from goods");
              
               while(rs.next())
               {
                      Goods goods = new Goods();
                      goods.setGid(rs.getString(1));
                      goods.setGname(rs.getString(2));
                      goods.setPrice(rs.getFloat(3));
                      goods.setQuantity(rs.getInt(4));
                      list.add(goods);
               }
        } catch (SQLException e) {
               // TODO Auto-generated catch block
               e.printStackTrace();
        }
        dbm.close();
        return list;
}
public static Goods findGoodsById(String id)
{
        DBManager dbm = new DBManager();
       
        Goods goods = new Goods();
       
        try {
               StringBuffer sql = new StringBuffer();
               sql.append("select * from goods where id='");
               sql.append(id);
               sql.append("'");
               ResultSet rs = dbm.executeQuery(sql.toString());
 
              
               while(rs.next())
               {
                      goods.setGid(rs.getString(1));
                      goods.setGname(rs.getString(2));
                      goods.setPrice(rs.getFloat(3));
               }
        } catch (SQLException e) {
               // TODO Auto-generated catch block
               e.printStackTrace();
        }
        dbm.close();
        return goods;        
}
 
}
9、 创建BuyAction及其配置信息
在MyElipse中创建的过程:
Ø         在工程上点击右键,在弹出点的界面上,选择【New】à【Others…】
Ø         在弹出的界面中,选择【MyEclipse】à【Web-Struts】à【Struts1.2】à【Struts1.2 Action】
Ø         在弹出的界面中输入以下信息:
n         在【Use case】后面输入buy,表示这个用例的名字。
n         【path】中输入“/buy”,表示访问的时候使用的路径,就是在index.jsp文件的超链中使用的内容。这个内容通常是根据use case自动生成的,不需要输入。
n         【Action Type】选择【Type】,也就是默认情况,其它相当于重定向和包含,这里是直接提交给Action处理。
n         【Action Impl】:选择【Create new Action class】,如果使用已经存在的类,选择后面的。
n         下面的内容选择默认即可。
Ø         配置跳转关系,在上面的界面中选择中间的【Forwards】,然后点击【Add】,弹出下面的界面:
Ø         【Name】后面输入success,是你为这个跳转关系起的名字,【Path】中输入要跳转到的JSP页面,当Action中选择了success的时候,就跳转到这个文件。点击【Add】完成添加。
Ø         点击【Finish】完成Action的创建。
Ø         创建之后的Action的名字是BuyAction,在execute方法中添加处理代码,修改之后的代码如下:
 
//Created by MyEclipse Struts
// XSL source (default): platform:/plugin/com.genuitec.eclipse.cross.easystruts.eclipse_3.9.210/xslt/JavaClass.xsl
 
package com.neu.cart.action;
 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import com.neu.cart.model.*;
import java.util.ArrayList;
/**
 * MyEclipse Struts
 * Creation date: 12-13-2005
 *
 * XDoclet definition:
 * @struts:action validate="true"
 * @struts:action-forward name="success" path="/buy.jsp"
 */
public class BuyAction extends Action {
 
// --------------------------------------------------------- Instance Variables
 
// --------------------------------------------------------- Methods
 
/**
 * Method execute
 * @param mapping
 * @param form
 * @param request
 * @param response
 * @return ActionForward
 */
public ActionForward execute(
        ActionMapping mapping,
        ActionForm form,
        HttpServletRequest request,
        HttpServletResponse response) {
       
        GoodsM gm = new GoodsM();
        ArrayList goods = gm.getGoodsList(1);
        //如果想进行分页显示,可以在此基础上修改
        request.setAttribute("goods",goods);
       
        return mapping.findForward("success");
       
}
 
}
功能分析:创建业务逻辑Bean GoodsM的对象,然后调用getGoodsList方法得到所有的物品列表,之后把物品列表保存到request中。最后,通过mapping的findForward方法选择“success”对应的界面对用户进行响应。“success”是前面配置的跳转关系。
 
10、              显示物品信息
创建buy.jsp,显示所有的物品信息。该文件的创建过程与前面的index.jsp的创建过程相同。只是显示物品信息的代码如下:
buy.jsp文件:
 <body>
    可以购买的物品有:<br>
    <table>
      <tr>
        <TH>物品编号</TH><TH>物品名称</TH><TH>物品价格</TH><th>库存</th><TH>添加</TH>
      </tr>
    <logic:iterate id="element" name="goods">
      <tr>
        <TD><bean:write name="element" property="gid"/></TD>
        <TD><bean:write name="element" property="gname"/></TD>
        <TD><bean:write name="element" property="price"/></TD>
        <TD><bean:write name="element" property="quantity"/></TD>
        <TD><html:link action="/add.do" paramId="gid" paramName="element" paramProperty="gid">添加到购物车</html:link></TD>
      </tr>
    </logic:iterate>
    </table>
 </body>
其中,<logic:iterate>标签用于迭代输出物品列表中的信息。name指出循环的对象,id表示其中的一个元素。
<bean:write>标签用于输出信息,name是对象的名字,property是对象的属性的名字。
<html:link>标签生成一个超链,提交add.do处理,传递一个参数,参数的名字是gid,参数的值通过paramName和paramProperty指出。意思是在点击【添加到购物车】这个超链的时候,把物品的id传递过去。
11、              创建业务逻辑,完成购物车的管理
创建包com.neu.cart.model。
创建类CartManager,创建的过程如下:
Ø         在包com.neu.cart.model上点击右键,选择【New】à【Class】
Ø         在弹出的界面中输入类的名子CartManager即可。
Ø         之后,修改CartManager的代码如下:
package com.neu.cart.model;
 
import java.util.*;
import com.neu.cart.vo.*;
public class CartManager {
private ArrayList list;
public CartManager()
{
       
}
/*
* 向购物车中添加物品,参数是要添加的物品的编号,默认的一次添加一个。
*/
public ArrayList addGoods(String gid)
{
     // 如果没有物品,直接创建该物品的对象,然后添加到购物车中
        if(list == null)
        {
               System.out.println("Method:addGoods");
               Goods goods = GoodsM.findGoodsById(gid);
               System.out.println("godds"+goods.getGid());
               goods.setQuantity(1);
               list = new ArrayList();
               list.add(goods);
        }
        else
        {
              int i=0;
               boolean find = false;
        // 查找购物车中是否存在要添加的物品,如果存在直接修改购物车
// 中物品的数量,如果不存在,则添加这个物品
               for(;i<list.size();i++)
               {
                      Goods goods = (Goods)list.get(i);
                      if(goods.getGid().equals(gid))
                      {
                             goods.setQuantity(goods.getQuantity()+1);
                             //如果已经存在,修改数量
                            
                             list.set(i,goods);
                            
                             find = true;
                             break;
                      }
               }
               if(!find)
               {
                      Goods goods = GoodsM.findGoodsById(gid);
                      goods.setQuantity(1);
                      list.add(goods);
               }
        }
        System.out.println("元素:"+list.size());
        return list;
}
/*
* 删除购物车中的信息,参数是要删除的物品的编号。
* 删除的过程:首先查找这个物品,查找到这个物品之后,使用List的remove方法删
* 除。
*/
public ArrayList deleteGoods(String gid)
{
        if(list == null)
               return null;
        for(int i=0;i<list.size();i++)
        {
               Goods goods = (Goods)list.get(i);
              if(goods.getGid().equals(gid))
               {
                      list.remove(i);
                      break;
               }
        }
        return list;
}
/*
*更新物品的数量,第一个参数是要更新的物品的编号,第二个参数是更新后的物品的
*数量。首先查找这个物品,查找到之后修改数量,然后再更新的到链表中。
*/
public ArrayList updateGoods(String gid,int quantity)
{
        if(list == null)
               return null;
        for(int i=0;i<list.size();i++)
        {
               Goods goods = (Goods)list.get(i);
               if(goods.getGid().equals(gid))
               {
                      goods.setQuantity(quantity);
                      list.set(i,goods);
                      break;
               }
        }
        return list;
}
// 返回购物信息
 public getList(){return list;}
}
12、              创建AddAction
这个Action的创建过程与前面的BuyAction的创建过程基本相同。execute方法中的主要代码如下:
 
        // 得到session对象,购物车对象存储在session中
HttpSession session = request.getSession();
     // 从session中获取到购物车对象
        Object o = session.getAttribute("cart");
        CartManager cart = null;
        if(o == null)
        {
               cart = new CartManager();
        }
        else
               cart = (CartManager)o;
        // 得到要添加的物品的id
        String gid = request.getParameter("gid");
        // 如果没有物品id,直接跳转到buy.jsp
        if(gid==null)
               return mapping.findForward("success");
        // 把这个物品添加到购物车中
        cart.addGoods(request.getParameter("gid"));
        // 把购物车重新保存到session中
        session.setAttribute("cart",cart);
       
        // 创建消息对象
        ActionMessages errors = new ActionMessages();
       // 把操作成功的信息写到errors对象中
        errors.add("operation",new ActionMessage("message.operation.add"));
        // 保存存储信息
        this.saveErrors(request,errors);
        // 返回选择物品的界面
        return mapping.findForward("success");     
13、              修改JSP文件buy.jsp,增加代码来显示购物车中的信息
    购物车中的物品:<br>
    <table>
      <tr>
        <TH>物品编号</TH><TH>物品名称</TH><TH>物品价格</TH><th>数量</th><TH>添加</TH>
      </tr>
    <logic:iterate id="element" name="cart" property="list">
      <tr>
      <html:form action="/update.do" method="post">
      <html:hidden property="gid" name="element"/>
        <TD><bean:write name="element" property="gid"/></TD>
        <TD><bean:write name="element" property="gname"/></TD>
        <TD><bean:write name="element" property="price"/></TD>
        <TD><html:text property="quantity" name="element"></html:text>
        </TD>
        <TD><html:submit property="action" value="update"/><html:submit property="action" value="delete"/></TD>
      </html:form>
      </tr>
    </logic:iterate>
    </table>
14、              创建UpdateAction和UpdateForm
与AddAction非常类似,自己完成。
15、              进行异常处理
主要是对修改时候输入的数量进行验证。
另外对各种操作的结果进行提示。
 
附:Form的创建过程
Ø         选择【New】à【Others…】,弹出下面的界面:
Ø         选择【MyEclipse】à【Web-Struts】à【Struts1.2】à【Struts1.2 Form】
Ø         在这个界面输入相关信息
n         Use case:使用update,更新购物车时候使用这个这个form,更新购物车对应的是action的use case是update。
n         Name:form的名字,输入use case之后,自动生成,可以不改。
n         Form Impl:选择第一个,表示创建一个新的Form
n         SuperClass:采用默认值即可。
n         Form Type:这个form对应的类文件,也就是创建的ActionForm
Ø         如果要给form添加属性
n         可以选择下面的Form Properties,然后选择【Add】
n         在弹出的界面中配置属性的名字、类型、和输入类型(对应的表单元素的类型)。有多少个属性,添加多少次就可以了。
Ø         设置Form的方法
n         可以选择【Methods】,然后看到下面的界面,选择默认值即可。
Ø         可以根据Form创建JSP文件
n         选择上面的界面中的【JSP】,出现下面的界面:
n         把复选框【Create JSP form】选中,然后在输入jsp文件的名字。我们这里不需要。
 

struts2 返回json数据

本例使用struts2版本 struts-2.1.8.1   首先导入必要的jar包:   配置web.xml:     Xml代码   filter>  ...

struts2中使用注解配置Action

使用注解来配置Action可以实现零配置,零配置将从基于纯XML的配置转化为基于注解的配置。使用注解,可以在大多数情况下避免使用struts.xml文件来进行配置。        struts2框架...

Struts2+cookie实现的购物车

  • 2011年04月21日 10:16
  • 35KB
  • 下载

购物车与商城订单的关系以及技术实现深入分析

本站所有文章均为原创,欢迎转载,来源:技术小树懒(www.drw1314.com),作者:锦焕同学 接触商城开发已经有一段时间了,我们从B2C拼团项目做到了C2C视频电商系统。虽然项目都还不算成...

Ajax技术实现的购物车,使用Cookie保存。

首页 >> Ajax >> Ajax技术实现的购物车,使用Cookie保存。Ajax技术实现的购物车,使用Cookie保存。2008-5-9  作者:Army  关键字: AJAX实现的购物车,使用C...
  • cszyf
  • cszyf
  • 2011年01月25日 11:15
  • 840

hibernate+struts实现的购物车

  • 2008年07月25日 19:46
  • 1.59MB
  • 下载

使用session技术来实现网上商城购物车的功能【整理】

首先、简单的了解session和cookie的区别: 一、session和cookie的区别: session是把用户的首写到用户独占的session中(服务器端) cookie是把...

使用session技术实现购物车的功能

转自:http://www.cnblogs.com/yejiurui/archive/2012/10/04/2711503.html 使用session技术来实现网上商城购物车的功能 ...
  • frt007
  • frt007
  • 2016年05月14日 22:53
  • 2998
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:基于Struts技术的购物车的实现
举报原因:
原因补充:

(最多只允许输入30个字)