页面即时更新金额功能的实现

一．Jsp页面设置：

在car.jsp页面上定义function changeNum(id,obj)函数，里面传入链接到ChangeCarServlet来实现页面及时刷新的效果；代码如下：

在head标签内创建：

function changeNum(id,obj)

{  

window.location.href="${pageContext.request.contextPath}/ChangeCarServlet?id="+id+"&buynum="+obj.value;

}

在jsp页面中创建输入框，里面可以输入值，当输入的时候，利用商品的id调用商品对象，最后返回价格，能够及时更新；

 

<td><input type="text"value="${entry.value}"  onchange="changeNum('${entry.key.id}',this)"></td>

二．Servlet操作：

         因为购物车涉及到商品的相关操作，所以会调用ProdService的相关方法，先实例化ProdService，利用商品的id获取商品对象，将商品对象放置到购物车中，将商品对象和购买数量放置到carMap中，当操作完成后，将页面进行重定向（因为不涉及到返回结果，所以需要将重定向（car是放入到session中，如果会话结束，car可能就没有了，所以使用重定向））；

//获取service对象

ProdServiceservice=BasicFactory.getFactory().getInstance(“ProdService”);

//获取传入的id

String id=request.getParameter(“id”);

//通过id获取商品对象

Prod prod=( Prod)Service.findProdById(Integer.valueOf(id));

//将商品对象放到car中,购物车是放在session中，所以调用session

Car<Prod>car=request.getSession().getAttribute(“car”);

//利用购物车更新商品和购买数量

Car.update(prod,Integer.valueOf(“buynum”))；

//重定向

Reponse.sendRedirect(request.getContextPath()+”/car.jsp”);

 

三．Service相关操作：

@Override

    public ProdfindProdById(Integer id) {

       // TODO Auto-generated method stub

       returndao.findProdById(id);

    }

 

四．Dao相关操作：

@Override

    public ProdfindProdById(Integer id) {

//定义sql语句

       Stringsql = "select * from products where id=?";

   //因为不涉及到事务操作，所以使用（DaoUtils.getSource()）

       QueryRunnerrunner = newQueryRunner(DaoUtils.getSource());

       try {

//将执行sql语句返回的对象，利用表单的形式返回成Prod对象；

           Prodprod=runner.query(sql, newBeanHandler<Prod>(Prod.class),id);

           returnprod;

       }catch (SQLException e) {

           // TODO Auto-generated catch block

           e.printStackTrace();

           thrownew RuntimeException(e);

       }

 

    }