电商网站详细设计说明书.doc

详细设计说明书

1 引言

1.1 编写目的

确定本电商网站各个模块的具体实现，为编程人员进行编码是提供方向。同时为软件测试提供参照。

说明在软件总体设计阶段规划的每一个模块的实现思路，用流程图，盒图等可视化的方式说明模块的实现技术和方法以及网站的处理流程。同时为编程人员提供参考。

1.2 背景

1．本项目的名称：电子商务网站

2．本项目的应用范围：中小型公司的网上销售平台

3．开发者：第八小组成员

4．用户：小组成员

1.3 定义

HTML5: 超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

CSS3:级联样式表是一种用来表现 HTML （标准通用标记语言的一个应用）或 XML （标准通用标记语言的一个子集）等文件样式的计算机语言。

1.4 参考资料

[1]陶国荣 .HTML5实战[M]. 北京：机械工业出版社， 2012-1-1.

[2]陆凌牛 .HTML5 开发精要与实例详解 [M]. 北京：机械工业出版社， 2012-1-1

[3]成林 .CSS3实战[M]. 北京：机械工业出版社， 2011-5-1

[4]陆凌牛.HTML5与 CSS3权威指南[M]. 北京：机械工业出版社， 2011-

4-1

[5]张亚飞 .HTML5+CSS3网页布局和样式精粹 [M]. 北京：清华大学出版社， 2011-9-1

[6]电商网站可行性报告（附录）

[7]电商网站需求说明书（附录）

2 程序系统的结构

网站 H图：

3 商品浏览( Commoditys )设计说明

3.1 程序描述

商品浏览页面主要是展示商品的大致信息一般是带图显示，采用分页的形式。 HTML 代码具有部分重用，可用于展示商品的评价和成交记录等。

3.2 功能

3.3 性能

在点击换页操作后，响应时间在 2 秒左右，最多不超过 5 秒。要求对从数据库查出的数据进行分析，避免将错误的信息和机密信息传到前台。

点击对应商品和能跳转到对应商品的详细页面

3.4 输人项

相关说明：

如当前浏览者是已登录的客户，则要把用户的相关信息传进来。可以只传用户 ID。数据形式为 Json。ID 的数据类型为 Int 。

如果是从登录界面调回，则还需要将跳转前的页面信息传回来，如：跳转前浏览的页面号，形式为 Json。ID 的数据类型为 Int 。

程序的请求方式：如果是第一次进入网站是ＨＴＴＰ请求。如果是在网站内部进行人为的页面跳转则是利用 JQuery的 Get或 Pest或者是利用ＭＶＣ的 Href 标签。

3.5 输出项

相关说明：

输出数据形式为 HTML 数据。通过浏览器解析和展示给用户。其中 HTML

的数据包括：跳转到其他页面的超链接。单个商品的图片，单个商品的 ID。商品的总数，商品的总页数和当前页数

已经登录的客户的信息，在页面上显示用户名，用户的消息等，但不能显示

用户的

ID 。

3.6 算法

流程图：

3.7 流程逻辑

数据流图：

3.8 注释设计

说明准备在本程序中安排的注释：

1.加在模块首部的注释；

2.加在各分枝点处的注释；

3.对各变量的功能、范围、缺省条件等所加的注释；

4.对使用的逻辑所加的注释等等。

4 购物车管理( ShoppingTrolleyManager )设计说明

4.1 程序描述

购物车管理模块主要提供查看购物车内商品，移除和购买对应商品的功能。

购物车管理子功能删除商品主要功能是移除购物车中不需要留下的商品。此功能模块不具有单独的客户页面( HTML代码)。

购物车管理子功能提交订单的功能为购买选中的商品，提交对应的订单调到订单管理页面。

4.2 功能

4.3 性能

在选择购买或者删除操作后，响应时间在 2 秒左右，最多不超过 5 秒。要求对前

台传回后台的参数值进行分析，避免发生错误导致数据库数据出错。

4.4 输人项

相关说明：

如当前浏览者是已登录的客户，则要把用户的相关信息传进来。根据用户ID 查找用户的购物车信息，返回前台展示。如果当前用户没有登录，则提示未登录，跳转到

登录注册页面进行登录或者注册。

4.5 输出项

相关说明：

输出数据形式为 HTML数据。通过浏览器解析和展示给用户。其中 HTML的数据包括：

1.跳转到其他页面的超链接。

2.单个商品的图片，单个商品的 ID。

3.商品的总数，商品的总页数和当前页数。

4.在页面上显示用户名，用户的消息等，但不能显示用户的 ID 。

4.6 算法流程

图：

4.7 流程逻辑—数据流图：

4.8 注释设计

说明准备在本程序中安排的注释：

a．加在模块首部的注释；

b．加在各分枝点处的注释；

c．对各变量的功能、范围、缺省条件等所加的注释；

对使用的逻辑所加的注释等等。

5 订单管理( OrderManager )设计说明

5.1 程序描述

订单管理模块主要提供查看当前待支付订单，移除和支付对应订单的功能。

订单管理子功能删除订单主要功能是取消订单列表中不想支付的订单。此功能模块不具有单独的客户页面( HTML代码)。

订单管理子功能支付订单的功能是支付选中的订单，点击支付后调到第三方支付的页面完成订单的支付。