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

    技术2022-05-11  50

    第一部分:购物车的基本功能 从已有的物品列表中选择物品添加到购物车; 可以修改购物车中的物品数量; 可删除购物车中的物品; 可以结账。   通常购物车还有的功能包括:根据购物车生成订单、添加邮寄信息等。这些功能相对比较简单,所以不在这里实现。   第二部分:实现        实例包括以下文件: 文件名 主要内容 作用 生成方式 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文件的名字。我们这里不需要。  

    最新回复(0)