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

一.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);

       }

 

    }


猜你喜欢

转载自blog.csdn.net/u012994320/article/details/65629575