系统前台基本功能设计与实现Word下载.doc

系统前台基本功能设计与实现Word下载.doc

《系统前台基本功能设计与实现Word下载.doc》由会员分享，可在线阅读，更多相关《系统前台基本功能设计与实现Word下载.doc（11页珍藏版）》请在冰豆网上搜索。

界面的设计如图5-2所示。

图5-2　用户注册模块

（2）实现过程

所属页面名：

Register.aspx

页面设计如表5-1所示。

表5-1　用户注册主要控件信息列表

名称

类型

含义

LoginName

TextBox

输入会员登录名

Test

Button

检测会员名

Sex

DropDownList

选择性别

Pwd

输入密码

SecPwd

输入重复密码

TName

输入真实姓名

QuePwd

选择密码问题

AnsPwd

输入密码提示答案

Tel

输入电话

Email

输入Email

City

选择城市

Address

输入住址

PostCode

输入邮编

Register

注册

Cancel

重置

2、用户登录

（1）用户登录程序流程描述

当用户输入用户名和密码后首先要进行身份验证，如果用户存在，则成功登录，反之，如果用户不存在，提示错误信息“输入的用户名或密码不存在，请重新输入”，返回登录界面重新输入用户名和密码。

用户登录的程序流程图如图5-3所示。

（2）实现目标

对于本系统的购物过程而言，在用户浏览商品时，可以不进行登录，只有在使用购物车时，才需要登录，以完成整个购物过程。

用户登录用于验证用户的用户名和密码，然后决定顾客进入系统进行操作，如进行用户修改的操作，购物车和结账的操作等。

图5-3　用户登录程序流程图

（3）实现过程

MemberLogin.ascx

登录验证的代码设计见附录2。

表5-2　用户登录主要控件信息列表

MName

输入用户名

MPwd

Login

ImageButton

登录

LinkButton

Findpwd

找回密码

3、修改个人信息

已注册的用户只要登录本系统后便可以通过单击菜单会员管理中的修改个人信息进行用户修改操作，在此页面中用户可以更改自己的详细信息，如可以修改密码、修改Email地址等个人信息。

通过点击修改按钮完成修改操作。

界面的设计如图5-4所示。

图5-4　用户修改模块

EditMInfo.aspx

修改个人信息页面的控件信息同会员注册页面的控件信息基本一样。

4、购物车模块的设计与实现

（1）购物车程序流程描述

用户选购商品后添加到购物车中，在购物车中进行查看，同时对不满意的商品可以进行删除，对要购买的商品可以调整数量，移除商品和清空商品。

用户决定购买商品后可以点击结账，填写收货人信息，选择支付方式。

购物车流程图如图5-5所示。

用户购买商品的核心功能是购物车和订单提交。

购物车模块的设计包括：

顾客添加商品到购物车和顾客对购物车的管理，如更新购买的女性商品数量、清空购物车和将购物车中女性商品从购物车中移除等。

购物车要具有持续性，而且不限制用户购买女性商品的数量，也就是购物车可以显示很多女性商品。

界面的设计如图5-6所示。

图5-5　购物车程序流程图

Shopping.aspx

页面设计如表5-3所示。

表5-3　购物车主要控件列表

gvOrderInfo

GridView

显示购买商品的信息

KeepBuy

HyperLink

继续购物商品

Check

结账

Money

Label

显示合计金额

Clear

清空购物车

在购物车页面中，主要包括两部分：

购物清单和对购物车操作的功能按钮。

其中购物清单列出了购物车中所有商品的情况，包括商品的单价和总价钱。

对购物车的操作按钮主要就是“继续购买”和“结账”。

当点击继续购买时链接到GoodsInfo.aspx页面，在这个页面可能查看商品的详细信息，进而选择自己所要购买的商品；

点击结账，有时您余额不足，可以直点击菜单会员管理中的会员充值，充值成功之后，继续进行，进入我的购物车，再点击结账，进入dingdan.aspx页面填写收货人信息，之后进入支付方式界面，最后弹出一个成功购买商品的界面。

界面的设计如图5-7、图5-8、图5-9所示的三幅图。

图5-6　实现购物车界面

图5-7　实现会员充值界面

图5-8　实现收货人详细信息界面

图5-9　实现支付方式界面

5、修改密码

要想修改密码就必须先进行登录，在界面中进行用户登录之后，选择菜单会员管理中的修改密码，输入旧密码、新密码，点击修改之后就会成功。

修改密码界面如图5-10所示。

图5-10　实现修改密码界面

5.4　系统后台基本功能设计与实现

1、登录和验证

（1）管理员登录程序的描述及实现

当管理员输入管理员姓名和管理员密码及验证码后，首先要进行身份验证，如果管理员存在，则登录成功，反之，如果管理员不存在，提示错误信息“您输入的管理员姓名或密码错误，请重新输入”，返回管理员登录界面重新输入管理员姓名和密码。

管理员登录界面如图5-11所示。

2、后台管理页面的设计与实现

网上购物的后台管理主要由商品管理、会员管理、仓库管理、订单管理、后台管理、安全退出、账目处理、上传图片等构成，前六项都是通过点击HyperLink链接由IFRAME控件实现的，后两项是直接链接的页面。

后台管理员页面如图5-12所示。

图5-11　实现后台登录界面

图5-12　实现后台管理界面

3、账目处理

在这个页面中可实现按天、按月、按年、按商品名称、按购物人对商品信息进行查询。

账目处理的界面如图5-13所示。

图5-13　实现账目处理界面

4、订单管理

后台生成的订单是这个用户买的所有商品的生成的一张订单。

界面如图5-14所示。

图5-14　实现订单管理界面

5、上传商品图面

在这个页面上传的图片都存入到tb_Image表中，在EditGoods页面中选择上传之后的图片进行添加。

上传商品图片的界面如图5-15所示。

图5-15　实现上传商品图片界面