电商网站详细设计说明书.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代码)。
订单管理子功能支付订单的功能是支付选中的订单，点击支付后调到第三方支付的页面完成订单的支付。
5.2 功能
5.3 性能
在选择支付或者删除操作后，响应时间在 2 秒左右，最多不超过 5 秒。要求对前
台传回后台的参数值进行分析，避免发生错误导致数据库数据出错。
5.4 输人项
相关说明：
如当前浏览者是已登录的客户，则要把用户的相关信息传进来。根据用户ID 查找用户的订单信息，返回前台展示。如果当前用户没有登录，则提示未登录，跳转到登录注册页面进行登录或者注册。
5.5 输出项
相关说明：
输出数据形式为 HTML数据。通过浏览器解析和展示给用户。其中 HTML的数据包括：
1.跳转到其他页面的超链接。
2.单个订单的描述，单个订单的 ID。
3.订单的总数，订单的总页数和当前页数。
4.在页面上显示用户名，用户的消息等，但不能显示用户的 ID 。
5.6 算法流程
图：
5.7 流程逻辑—数据流图：
5.8 注释设计
说明准备在本程序中安排的注释：
a．加在模块首部的注释；
b．加在各分枝点处的注释；
c．对各变量的功能、范围、缺省条件等所加的注释；
对使用的逻辑所加的注释等等。
6 登录注册（Login ）设计说明
6.1 程序描述
登录注册模块主要提供登录和新用户注册的功能。登录模块是为已经注册的用户提供登录的功能，登录成功和跳转回之前的页面。此页面的HTML不具有重用行。
注册模块为新用户提供注册功能，在成功注册后跳转到登录页面进行登录。
6.2 功能
6.3 性能
在点击登录或者注册按钮后，响应时间在 2秒左右，最多不超过 5 秒。在前台页面需要对输入的数据进行分析，避免将错误的数据传回后台，导致系统崩溃。在后台还要对数据再一次进行检查。避免数据出错。
6.4 输人项
名称标识符类型介质来源描述
跳转前的页面信息Args String Json 请求参数用来查找用户的相
关数据
相关说明：
Args 包括了跳转前的页面信息，如果跳转前是商品浏览页，则还应该包括
浏览的页面号等信息，如果是商品详细页，则参数要包括商品的ID 。
6.5 输出项
相关说明：
输出数据形式为 HTML数据。通过浏览器解析和展示给用户。其中登录页面的包括了用户名和密码输入框。注册页包括的必填信息框和选填信息框。两个模块都应跳转其他页面的超链接。
6.6 算法流程图：
6.7 流程逻辑—数据流图：
6.8 注释设计
说明准备在本程序中安排的注释： a．加在模块首部的注释； b．加在各分枝点处的注释； c．对各变量的功能、范围、缺省条件等所加的注释；对使用的逻辑所加的注释等等。
7 个人信息管理( UserInfoManager )设计说明
7.1 程序描述
个人信息管理模块主要提供用户自主管理个人信息的功能，可以修改用户名，密码，联系方式，收货地址，邮箱等等信息。此页面的 HTML 不具有重用行。
7.2 功能
7.3 性能
在修改的相应的信息后，点击保存后，响应时间在 2 秒左右，最多不超过 5 秒。要求对前台传回后台的参数值进行分析，并且在后台也要对传回来的数据进行分析，避免发生错误导致数据库数据出错。
7.4 输人项
相关说明：
通过用户I D可以从数据库中查询出当前用户的所有相关信息，将其传回前
7.5 输出项
相关说明：
输出数据形式为 HTML数据。通过浏览器解析和展示给用户。其中 HTML的数据包括：
1.跳转到其他页面的超链接。
2.用户的基本信息。如用户名，联系方式，收货地址，邮箱等。用户的基本信息以表
单的形式展示。
7.6 算法流程图：