电商网站详细设计说明书文档格式.docx

电商网站详细设计说明书文档格式.docx

《电商网站详细设计说明书文档格式.docx》由会员分享，可在线阅读，更多相关《电商网站详细设计说明书文档格式.docx（13页珍藏版）》请在冰豆网上搜索。

定义

HTML5:

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

CSS3:

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

参考资料

[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）设计说明

程序描述

商品浏览页面主要是展示商品的大致信息一般是带图显示，采用分页的形式。

HTML代码具有部分重用，可用于展示商品的评价和成交记录等。

功能

性能

在点击换页操作后，响应时间在2秒左右，最多不超过5秒。

要求对从数据库查出的数据进行分析，避免将错误的信息和机密信息传到前台。

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

输人项

名称

标识符

类型

介质

来源

描述

用户ID

UserId

Int

Json

请求参数

用来查找用户的相关数据

页面号

PageNumber

跳转到之前浏览的页面或者当前请求的页面号

相关说明：

如当前浏览者是已登录的客户，则要把用户的相关信息传进来。

可以只传用户ID。

数据形式为Json。

ID的数据类型为Int。

如果是从登录界面调回，则还需要将跳转前的页面信息传回来，如：

跳转前浏览的页面号，形式为Json。

程序的请求方式：

如果是第一次进入网站是ＨＴＴＰ请求。

如果是在网站内部进行人为的页面跳转则是利用JQuery的Get或Pest或者是利用ＭＶＣ的Href标签。

输出项

商品信息

CommodityInfo

Commodity

数据库

包含商品的所有信息

商品的总数

CommodityCount

数据库内商品的总数

用户的信息

UserInfo

UserTable

已登录的用户信息

输出数据形式为HTML数据。

通过浏览器解析和展示给用户。

其中HTML的数据包括：

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

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

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

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

算法

流程图：

流程逻辑

数据流图：

注释设计

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

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

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

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

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

4购物车管理（ShoppingTrolleyManager）设计说明

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

购物车管理子功能删除商品主要功能是移除购物车中不需要留下的商品。

此功能模块不具有单独的客户页面（HTML代码）。

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

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

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

根据用户ID查找用户的购物车信息，返回前台展示。

如果当前用户没有登录，则提示未登录，跳转到登录注册页面进行登录或者注册。

输出数据形式为HTML数据。

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

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

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

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

算法流程图：

流程逻辑—数据流图：

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

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

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

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

......

5订单管理（OrderManager）设计说明

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

订单管理子功能删除订单主要功能是取消订单列表中不想支付的订单。

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

在选择支付或者删除操作后，响应时间在2秒左右，最多不超过5秒。

根据用户ID查找用户的订单信息，返回前台展示。

订单信息

OrderInfo

OrderTable

订单的总数

OrderCount

2.单个订单的描述，单个订单的ID。

3.订单的总数，订单的总页数和当前页数。

6登录注册（Login）设计说明

登录注册模块主要提供登录和新用户注册的功能。

登录模块是为已经注册的用户提供登录的功能，登录成功和跳转回之前的页面。

此页面的HTML不具有重用行。

注册模块为新用户提供注册功能，在成功注册后跳转到登录页面进行登录。

在点击登录或者注册按钮后，响应时间在2秒左右，最多不超过5秒。

在前台页面需要对输入的数据进行分析，避免将错误的数据传回后台，导致系统崩溃。

在后台还要对数据再一次进行检查。

避免数据出错。

跳转前的页面信息

Args

String

Args包括了跳转前的页面信息，如果跳转前是商品浏览页，则还应该包括浏览的页面号等信息，如果是商品详细页，则参数要包括商品的ID。

其中登录页面的包括了用户名和密码输入框。

注册页包括的必填信息框和选填信息框。

两个模块都应跳转其他页面的超链接。

7个人信息管理（UserInfoManager）设计说明

个人信息管理模块主要提供用户自主管理个人信息的功能，可以修改用户名，密码，联系方式，收货地址，邮箱等等信息。

在修改的相应的信息后，点击保存后，响应时间在2秒左右，最多不超过5秒。

要求对前台传回后台的参数值进行分析，并且在后台也要对传回来的数据进行分析，避免发生错误导致数据库数据出错。

通过用户ID可以从数据库中查询出当前用户的所有相关信息，将其传回前台。

2.用户的基本信息。

如用户名，联系方式，收货地址，邮箱等。

用户的基本信息以表单的形式展示。

流程逻辑——数据流图：

9直接购买（BuyDirectly.）设计说明

直接购买主要是给用户提供跳过购物车直接购买商品的功能，点击直接购买后直接确认订单信息，然后提交订单，最后支付订单。

面去的加入购物车，再在购物车中提交订单，最后的在其订单管理中支付对应订单的繁琐功能。

此功能模块的HTML可以直接就用信息确认页，提交订单页，和支付页的HTML代码。

只需要改变传递的数据即可。

在直接购买的每一个页面的跳转过程中后，响应时间在1-2秒左右，最多不超过5秒。

商品的ID

CommodityId

用来查找所购买的商品的相关数据

2.根据当前购买商品生成的订单信息

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

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

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

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