图5-1 系统首页
5.5 系统前台基本功能设计与实现
5.5.1 菜品展示模块设计与实现
本系统提供两种展示产品的形式。一种是菜品信息查询,一种是推荐菜品、热销菜品和最新菜品的展台。界面的设计如图5-2所示。
图5-2 销售排行模块
5.5.2 购物车模块的设计与实现
用户将自己喜欢的菜品添加到购物车,并且能够在购物车中查看,还能对删除菜品等。当用户决定购买某菜品后,可以去收银台页面进行结账。购物车流程图如图5-3所示。
图5-3 购物车程序流程图
当用户购买菜品时主要运用到的功能是购物车和订单提交。购物车模块的设计包括:用户添加菜品到购物车和顾客对购物车的管理。购物车能够显示出海量的菜品信息。界面的设计如图5-4所示。
图5-4 购物车模块
5.5.3 收银台模块的设计与实现
每一位用户都可以在自己选取完菜品后,在购物车页面对购物车中菜品进行确认,即结帐,点击下一步,这样就能够将当前的页面跳转到结账页面。当跳转到结帐页面,也要求用户自己填写联系地址、联系电话、付款方式和备注信息,以便于系统自动生成订单。当用户完成一次交易所需要的方方面面的信息时,仅仅需要生成订单便能够进入配送过程。如果用户所填写的订单信息正确,系统会返回给用户此次交易所产生的订单号码。界面的设计如图5-5所示。
图5-5 结账模块
所属页面名:OrderInfo_fronmyorderview.jsp 表单属性: