前台功能及界面设计 (2)

《前台功能及界面设计 (2)》由会员分享，可在线阅读，更多相关《前台功能及界面设计 (2)（70页珍藏版）》请在金锄头文库上搜索。

1、B2C 服装电子商务平台后台管理系统功能及界面设计1.系统简介B2C 服装电子商务平台前台管理系统包括了系统首页、商品分类搜索，高级搜索，购物车管理，在线交易，用户中心，用户注册、用户登录等功能。2.功能说明2.1. 系统首页2.1.1 系统左侧区域信息展示功能名：系统左侧区域主要用于显示商店公告、商品分类信息、销售排行榜等信息。参考图：商店公告：用户购物车信息：用于显示当前用户选购的商品信息和金额。商品分类信息：销售排行榜：按照商品的销售数量计算销售量最大的前 10 个商品，其中不满 10 个商品的时候按实际数量展示（如：商店只售出了 3 种商品，那么就显示 3 条记录即可） 。2.1.2

2、系统顶部区域信息展示功能名：系统顶部区域信息展示功能简介：用于展示商店 logo、登录注册连接、系统主菜单（首页连接和商品一级分类，其中商品一级分类最多显示 7 种商品分类）等等。参考界面2.1.3 首页商品信息展示功能名：首页商品展示功能简介：对于一些需要着重展示的商品，可以显示在系统的首页，以加重用户的关注，要求在系统首页显示三种类型的商品：新品、精品、热销。参考图：精品商品 新品商品热销商品2.1.4 首页底部信息展示功能名：首页底部信息展示功能简介：该区域主要显示一些系统的帮助信息和商店的版权信息。参考界面2.1.5 首页整体效果图参考界面2.2. 商品搜索2.2.1 首页商品分类搜索

3、功能名：首页商品搜索功能简介：根据商品分类和商品名称或关键字进行搜索。参考界面搜索条件界面：位于系统顶部右侧位置搜索结果：对于搜索结果的三种显示方式（文本显示|商品大图显示 |商品小图显示）：可以只做“商品大图显示” ，有能力的同学选作其他两种显示方式。2.2.2 高级搜索功能名：高级搜索功能简介：根据多条件进行搜索：参考界面搜索条件部分：搜索结果页面同商品分类搜索结果页面。2.2.3 商品详情功能名：商品详情 功能简介：商品详细信息展示：包括商品图片展示、商品名称、本店价格、市场价格、尺寸列表、颜色列表、商品详细描述信息、商品评论列表、发表评论等等。参考界面商品基本信息展示区域：商品详细信息

4、展示区域：在后台商品信息编辑界面录入的商品详情要原样显示出来。用户评论相关：2.2.4 用户注册功能名：订单打印功能简介：订单打印功能包括两部分，一是编辑 jsp 格式的打印源文件，二是运行该jsp 文件，实现打印结果输出成网页。打印结果如下图所示：业务背景：打印的格式大致如前图，显示的信息内容如下：购货人姓名 、 下订单时间 、 支付方式 、 订单号 付款时间 、 发货时间 、 配送方式、 发货单号 收货人地址、 收货人姓名 、 邮政编码 、 联系电话 、 手机号码 各个商品的名称 、 商品货号 、 商品属性 、 商品单价 、 商品数量 各个商品的体价格小计、全部商品的价格总计发票抬头和发票

5、内容 包装名称包装费用 、 支付手续费 、 配送费用 保价费用（是否需要？待讨论）订单总金额 给购货人看的备注信息、 发货备注 、 支付备注网店名称, 网店地址, 网店 URL 以及联系电话 订单操作员以及订单打印的日期 添加订单的实体关系如下：全站只有一个打印页面。运行打印页面之前，需要获得一个订单的所有数据。【编辑订单打印代码】页面进入：管理菜单-订单管理-订单打印参考界面注意：上图主要包含一个在线编辑器，编辑打印代码。图中的代码是 php 格式的。逻辑/操作：1、 提供在线编辑组件，编辑打印文件的 JSP 代码。2、 提供确定保存按钮，实现保存 JSP 代码到文件。约束：1、 提交保存的

6、 JSP 代码中，jsp 标签必须用正确的格式书写。处理方法之一是提交前用正则表达式做批量替换处理。$订单打印打印功能没有完成：可以编辑打印代码，但是订单详情列表中打印按钮点击后没有调出打印页面。【打印订单】页面进入 ：管理菜单-订单列表-查看-打印订单参考界面逻辑/操作：1. 按照指定的订单号查询相应的数据。2. 由 jsp 页面显示订单数据。约束：1. 无框架新页面，方便打印输出到打印机。2.2.5 用户注册与登录功能名：用户注册功能简介：用户经过注册，使用注册的帐号登录本系统进行商品交易。参考界面用户登录：找回密码：将该用户的新密码发送到用户提交的邮箱。2.2.6 用户中心管理功能名：用

7、户中心管理功能简介：用户中心用于管理当前登录用户在该网站的注册信息、评论信息、缺货登记、收货地址、订单列表、收藏列表等信息。参考界面欢迎页面个人资料页面：可以对用户基本资料和密码进行修改我的订单：显示用户所有的订单列表新增收货地址：【添加商品】页面进入：衔接前项参考界面上图全部是普通属性。另有一些属性是加价属性，如下图所示。上图顶部为空的商品清单。往下为查询条件输入选择区，中部为选中的商品的信息显示和订购事项输入区，下部有“加入订单”按钮。上图为加入商品到订单后的界面，商品清单区域已经更新。上图的属性是指商品可选属性值，原价 250,属性加价 5 元，得商品价格 255 元。逻辑/操作：1、

8、提供商品查询控件，并实现 ajax 查询。2、 提供所选商品的详细信息显示区，提供价格输入控件，提供商品的可选属性选择控件， 提供订购数量输入控件。3、 提供“加入订单” 按钮，并更新已选择商品列表区域。4、 提供已选商品的删除图标，并实现删除。5、 增减商品时实现商品计价和总计并显示。注意加入可计价属性的价格。约束：1、 没有选择商品，不得进入下一步。【设置收货人信息】页面进入：衔接前项参考界面注意：（1）图中“ 从已有收货地址中选择”应取消（如果有注册用户的地址可用，直接贴上来就是了，不必让人再选择） 。 （2） “地址”应为“详细地址”， “邮编”应为“ 邮政编码”， “电话” 应为“固

9、定电话” ， “手机”应为“ 移动电话”。逻辑/操作：1、 提供地址各部分输入区。约束：2、 严格验证电话和邮件的格式合法性。3、 邮政编码可以不填。【选择配送方式】页面进入：衔接前项参考界面注意：“我要保价” 选项可能存在无法计价的问题，暂时不做。逻辑/操作：1. 提供可用的配送方式列表，可用的条件是该配送方式覆盖顾客的送货地址。2. 提供可用配送方式的单项选择控件。默认选中第一个配送方式。约束：1、 没有配送方式可选时，不能进入下一步。【选择支付方式】页面进入：衔接前项参考界面逻辑/操作：1、 提供支付方式列表。2、 提供支付方式的单项选择控件。默认选中第一个支付方式。约束：1、 没有支付

10、方式可选时，不能进入下一步。2、 管理员添加的订单，其支付状态必须设置为未支付。【设置其它订购信息】页面进入：衔接前项参考界面逻辑/操作：1、 提供包装方式列表。2、 提供包装方式的单项选择控件。默认选中第一个包装方式。3、 提供发票类型选择控件（数据从系统配置中来） 。4、 提供发票抬头和内容信息输入控件，默认应填入用户名和商品名。5、 提供商家、客户留言输入控件。约束：1、 发票信息为选填项目。【设置费用】页面进入：衔接前项参考界面上图中，画了红色斜线的输入项目代不需要。逻辑/操作：1、 计算并显示各项费用。2、 提供费用修改控件。3、 提供“完成”按钮，并实现保存操作。约束：1. 无约束

11、。2.3. 会员管理2.3.1 会员列表功能名：会员列表。功能简介：该功能实现了 B2C 平台注册会员的查看、搜索、新增、编辑、删除以及对应会员收货地址、订单和积分的查看功能。各功能说明：【会员列表】：以列表形式显示所有注册会员。页面进入：菜单项-会员管理-会员列表参考图： 会员列表图逻辑/操作：1、 初始化：从“b2c_tbl_users”表中取出所有记录显示在会员列表中。会员列表中从左到右依次显示“编号” 、 “会员名称” 、 “邮件地址” 、 “等级积分” 、 “消费积分” 、 “注册日期” 、 “操作”列。 “操作”列包含“编辑会员” 、 “查看收货地址” 、 “查看订单” 、 “查看

12、积分帐户” 、 “移除”的操作。从“b2c_tbl_user_rank”表中取出所有记录填充会员搜索条件的“会员等级”下拉项。2、 搜索：单击“搜索”按钮时，把搜索结果填充进会员列表里。会员搜索的条件按从左到右依次过滤：a) “会员等级” ，根据“b2c_tbl_user_rank.rank_id ”与 “b2c_tbl_users. user_rank”表的外键关系进行匹配筛选。b) “积分条件” ，按大于等于或小于当前会员的“消费积分（b2c_tbl_users. pay_points） ” 进行匹配筛选。c) “会员名称”按输入的值进行模糊查询。3、 在线编辑：对记录行中的“邮件地址”进

13、行在线编辑并实时保存回“b2c_tbl_users”表。4、 排序：当分别点击“编号” 、 “会员名称” 、 “邮件地址”和“注册日期”这几列的表头时，能对记录进行升、降序的切换排序。其中， “编号”和“注册日期”列按数值大小进行排序； “会员名称”和“邮件地址”列先按英文字母表顺序排序，再按拼音字母的顺序排序。5、 分页查询：在会员列表中，要实现分页查询的功能。6、 操作：当点击“编辑会员” 、 “查看收货地址” 、 “查看订单” 、 “查看积分帐户”链接时，分别进入【编辑会员】 、 【查看收货地址】 、 【查看订单】 、 【会员帐户变动明细】功能，点击“移除”链接实现【移除会员】功能。7、

14、 批量移除：通过点击“编号”列内的单选按钮来选择一条或多条记录，点击“编号”列头的单选按钮实现全选或全取消选择。当有记录被选中时“删除会员”按钮可用，否则呈不可用状态。通过单击“删除会员”按钮来实现批量移除被选中的会员。8、 添加会员：点击“添加会员”按钮，进入“添加会员”页面。数据来源：页面项目名 数据库字段 表会员等级 rank_name会员积分大于 min_points会员积分小于 max_pointsb2c_tbl_user_rank会员名称 user_name邮件地址 emailb2c_tbl_users等级积分 rank_points消费积分 pay_points注册日期 reg_

15、time页面校验：当输入的积分非法时，不进行积分条件的过滤。注意事项： 由于需求的变动，取消“可用资金”与“冻结资金”列的显示。【添加会员】：添加新注册会员。页面进入：菜单项-会员管理-会员列表-添加会员按钮参考图： 添加会员图会员添加成功图逻辑/操作：1、 初始化：从“b2c_tbl_user_rank ”表中取出所有记录填充 “会员等级”下拉项， “会员等级”默认选中“非特殊等级” ；“性别”默认选中“保密” ；“出生日期”的年份填充为“19492010” ，默认选中“1949-01-01” ；“信用额度”默认为“0” ，其余输入项默认为空。2、 点击“确定”按钮时：a) 把页面的各项数据以及“当前系统时间”保存入“b2c_tbl_users ”表中。b) 注册赠送积分：从“系统设置”变量中取出“register_points” ，如果该值大于 0，则要把该值写入“b2c_tbl_users”表中。同时，要记录该新增的会员积分账户的变动，把各项变动写入“b2c_tbl_account_log”表中。c) 调用记录管理员操作日志的公共方法，写入“添加会员：会员名称（页面上输入的会员名称） ”。d) 保存结束后显示“会员添加成功图” 。3、 点击“重置”按钮时：把输入项的内容设为页面打开时的状态。4、 点