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

1、系统前台基本功能设计与实现 本节对系统前台主要功能设计进行详细的说明 541用户维护模块设计与实现 由于网上购物必须保证用户的正确性、 购物的安全性，需要对用户资料进行 有效的管理，因此用户管理是电子商务网站的重要内容。它主要包括用户注册、 登录和验证、用户注册资料的修改更新和用户注销等功能。 1、会员注册 (1)实现目标 用户单击注册后需要输入会员登录名，性别，密码，重复密码，真实姓名， 密码提示问题，提示问题答案，电话，Email地址，所在城市，住址，邮编，注 册日期。用户只须填写一个 Web表单。这里需要用户通过 E_mail注册是考虑到 两点：第一，用户的E_mail是惟一的；第二，通

2、过用户的 E_mail可以很方便快 捷的与用户取得联系。用户在提交注册信息后，系统会对注册页面填写的正确性 进行检查。对于不符合要求的填写会给出必要的提示，并返回修改；对于符合要 求的注册表单，用户提交信息后也要返回相应的欢迎信息， 用户提交的正确注册 信息将被存入系统的数据库中。 界面的设计如图5-2所示。 图5-2用户注册模块 (2)实现过程 所属页面名：Register.aspx 页面设计如表5-1所示。 表5-1用户注册主要控件信息列表 名称 类型 含义 Log inN ame TextBox 输入会员登录名 Test Butt on 检测会员名 Sex DropDow nList 选

3、择性别 Pwd TextBox 输入密码 SecPwd TextBox 输入重复密码 TName TextBox 输入真实姓名 QuePwd DropDow nList 选择密码问题 An sPwd TextBox 输入密码提示答案 Tel TextBox 输入电话 Email TextBox 输入Email City DropDow nList 选择城市 Address TextBox 输入住址 PostCode TextBox 输入邮编 Register Butt on 注册 Cancel Butt on 重置 2、用户登录 (1)用户登录程序流程描述 当用户输入用户名和密码后首先要进行身

4、份验证，如果用户存在，则成功登 录，反之，如果用户不存在，提示错误信息“输入的用户名或密码不存在，请重 新输入”，返回登录界面重新输入用户名和密码。 用户登录的程序流程图如图5-3 所示。 (2)实现目标 对于本系统的购物过程而言，在用户浏览商品时，可以不进行登录，只有在 使用购物车时，才需要登录，以完成整个购物过程。用户登录用于验证用户的用 户名和密码，然后决定顾客进入系统进行操作，如进行用户修改的操作，购物车 和结账的操作等。 图5-3用户登录程序流程图 (3)实现过程 所属页面名： MemberLog in. ascx 登录验证的代码设计见附录2。 表5-2用户登录主要控件信息列表 名称

5、 类型 含义 MName TextBox 输入用户名 MPwd TextBox 输入密码 Login ImageButt on 登录 Register Lin kButton 注册 Fin dpwd Lin kButton 找回密码 3、修改个人信息 (1)实现目标 已注册的用户只要登录本系统后便可以通过单击菜单会员管理中的修改个 人信息进行用户修改操作，在此页面中用户可以更改自己的详细信息， 如可以修 改密码、修改Email地址等个人信息。通过点击修改按钮完成修改操作。界面的 设计如图5-4所示。 图5-4用户修改模块 (2)实现过程 所属页面名：EditMl nfo.aspx 修改个人信息

6、页面的控件信息同会员注册页面的控件信息基本一样。 4、购物车模块的设计与实现 (1) 购物车程序流程描述 用户选购商品后添加到购物车中，在购物车中进行查看，同时对不满意的商 品可以进行删除，对要购买的商品可以调整数量，移除商品和清空商品。用户决 定购买商品后可以点击结账，填写收货人信息，选择支付方式。购物车流程图如 图5-5所示。 (2) 实现目标 用户购买商品的核心功能是购物车和订单提交。 购物车模块的设计包括：顾 客添加商品到购物车和顾客对购物车的管理， 如更新购买的女性商品数量、清空 购物车和将购物车中女性商品从购物车中移除等。购物车要具有持续性，而且不 限制用户购买女性商品的数量，也就

7、是购物车可以显示很多女性商品。 界面的设 计如图5-6所示。 开始 是 1 F 结帐 L 结束 图5-5购物车程序流程图 (3 )实现过程 所属页面名：Shopp in g.aspx 页面设计如表5-3所示。 表5-3购物车主要控件列表 名称 类型 含义 gvOrderl nfo GridView 显示购买商品的信息 KeepBuy HyperL ink 继续购物商品 Check Lin kButt on 结账 Money Label 显示合计金额 Clear Lin kButt on 清空购物车 在购物车页面中，主要包括两部分：购物清单和对购物车操作的功能按钮。 其中购物清单列出了购物车中所

8、有商品的情况，包括商品的单价和总价钱。对购 物车的操作按钮主要就是“继续购买”和“结账”。当点击继续购买时链接到 Goods In fo.aspx页面，在这个页面可能查看商品的详细信息，进而选择自己所要 购买的商品；点击结账，有时您余额不足，可以直点击菜单会员管理中的会员充 值，充值成功之后，继续进行，进入我的购物车，再点击结账，进入dingdan.aspx 页面填写收货人信息，之后进入支付方式界面，最后弹出一个成功购买商品的界 面。界面的设计如图5-7、图5-8、图5-9所示的三幅图。 图5-6实现购物车界面 图5-7实现会员充值界面 A云丿弓去A目* r bCl： _ ij!ig4 VLJiHNJrifW “ ffi VI nwc Till W41I Asrsi TlTi flrOWi 甘Md . H - 厳目怦理: 尸怯旧胡：2QOTL1W -宀 Adcfli j訓 图5-13 实现账目处理界面 4 、订单管理 后台生成的订单是这个用户买的所有商品的生成的一张订单。界面如图5-14 所示。 图5-14实现订单管理界面 5、上传