登录页面界面展示如下图6.2所示：
图6.2 登陆页面
6.3 商品列表页面
商品列表界面goodsList.tpl将商城所有商品按类别分为“男女服装”、“鞋包配饰”、“数码家电”、“美食特产”、“日用百货”等大类，每个大类又分为两个小类，此页面供用户便捷的快速的查找到自己所需货源。详细代码见附录（3）。
商品列表页面代码如下：
- 25 -
商品列表页面界面展示如下图6.3所示：
图6.3 商品列表页面
6.4 商品详情页面
商品详情界面goodDetail.tpl。此页面可以由商品列表页面进入，也可以由首页直接点击商品图片进入到商品的详情页面，此页面清晰明了的显示了商品的本店价格，市场价格，商品数量，上架时间，商品介绍等详细信息，在此页面可以将商品添加到收藏夹或购物车，然后进行购买。详细代码见附录（4）。
商品详情页面主要代码如下：
{$v.good_detail}
商品详情页面界面展示如下图6.4所示：
- 26 -
图6.4 商品详情页面
6.5 购物车页面
购物车页cart.tpl。客户通过购买商品放进购物车时，购物车要随时记录客户所选商品的单价，并计算顾客所有购买的商品价格，因此需要一个购物车数据库表记录商品的基本信息，客户通过购物车买完商品后，还需要填写送货方式、付款方式等客户的基本信息。购物车主要有统计全部商品数量和价钱的功能，并可对其中商品数量进行更新或删除。详细代码见附录（5）。
购物车页面主要代码如下：