前台功能及界面设计

《前台功能及界面设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

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

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

3、〖参考界面〗1.1.商品搜索1.1.1首页商品分类搜索功能名：首页商品搜索功能简介：根据商品分类和商品名称或关键字进行搜索。〖参考界面〗搜索条件界面：位于系统顶部右侧位置搜索结果：对于搜索结果的三种显示方式（文本显示

4、商品大图显示

5、商品小图显示）：可以只做“商品大图显示”，有能力的同学选作其他两种显示方式。1.1.2高级搜索功能名：高级搜索功能简介：根据多条件进行搜索：〖参考界面〗搜索条件部分：搜索结果页面同商品分类搜索结果页面。1.1.1商品详情功能名：商品详情功能简介：商品详细信息展示：包括商品图片展示、商品名称、本店价格、市场价格、尺寸列表、颜色列

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

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

8、代码。2、提供确定保存按钮，实现保存JSP代码到文件。〖约束〗：1、提交保存的JSP代码中，jsp标签<%...%>必须用正确的格式书写。处理方法之一是提交前用正则表达式做批量替换处理。[$订单打印－打印功能没有完成：可以编辑打印代码，但是订单详情列表中打印按钮点击后没有调出打印页面。]【打印订单】〖页面进入〗：管理菜单->订单列表->查看->打印订单〖参考界面〗〖逻辑/操作〗：1.按照指定的订单号查询相应的数据。2.由jsp页面显示订单数据。〖约束〗：1.无框架新页面，方便打印输出到打印机。1.1.1用户注册与登录功能名：用户注册功能简介：用户经过注册

9、，使用注册的帐号登录本系统进行商品交易。〖参考界面〗用户登录：找回密码：将该用户的新密码发送到用户提交的邮箱。1.1.1用户中心管理功能名：用户中心管理功能简介：用户中心用于管理当前登录用户在该网站的注册信息、评论信息、缺货登记、收货地址、订单列表、收藏列表等信息。〖参考界面〗欢迎页面个人资料页面：可以对用户基本资料和密码进行修改我的订单：显示用户所有的订单列表新增收货地址：【添加商品】〖页面进入〗：衔接前项〖参考界面〗上图全部是普通属性。另有一些属性是加价属性，如下图所示。上图顶部为空的商品清单。往下为查询条件输入－选择区，中部为选中的商品的信息显示和

10、订购事项输入区，下部有“加入订单”按钮。上图为加入商品到订单后的界面，商品清单区