第四章 主要模块实现与界面设计
4.1后台用户登录及主界面
系统的登陆流程如下：
开始输入用户名、密码是否输入是用户是否存在是密码是否正确是更新登录信息初始化用户session信息否否否登陆成功转到相应主页面
图4-1登陆流程
登陆模块主要验证登陆用户名、密码。当用户输入的登陆用户名、密码正确时，初始化用户session信息，然后转到主页面。
后台登陆页面如图4-2：
17
图4-2后台登陆页面
消费者可在前台选购商品，如下图4-3
图4-3系统主界面
4.2我的购物车
当有用户中意的商品，在选中商品点击购买后，就会把添加该商品添加到我的购物车
18
中。当所有要买的东西都在购物车后，可以确认购买进入订单流程。
图4-4我的购物车
4.3订单生成
商品购买的流程图如下：
19
主菜单选择商品添加到购物车清空购物车确认购买继续购买将购物车清空输入付款方式、地址、E-mail否判断E-mail格式是否正确是确认订单取消订单订单发送成功
图4-5商品购买流程
当有用户在我的购物车页面确认购买后，会进入订单生成页面，如图4-6所示，该页面要求用户选择付款方式，输入收货地址和E-mail。当用户输入完成后，点击确定按钮，系统验证过付款方式，地址不为空，以及E-mail地址填写正确之后，系统将显示本次订单的详细信息在一个页面上，如图4-7所示。
图4-6订单生成
20
在图4-7中，用户可以看到本次订单的收货地址、订单时间及订购的商品清单等信息，这是用户可以选择确认购买，也可以选择取消购买。这里的确认购买点击后，仅仅提示订单发送成功，实际要使用时，需要根据付款方式，进入相应的支付接口，例如支付宝的即时到帐支付接口。由于相关支付的接口都需要与各支付平台签订服务协议，这里并未实现真正的在线支付。如要实现只需与相应平台签订服务协议，按其要求提交表单即可转到相应的支付平台进行在线支付。
图4-7订单确定
登陆后的用户，随时可以点击我的订单，查看我的订单信息，如图4-8。
图4-8前台我的订单
21