电商网站详细设计说明书

1、 详细设计说明书1引言编写目的确定本电商网站各个模块的具体实现，为编程人员进行编码是提供方向。同时为软件测试提供参照。说明在软件总体设计阶段规划的每一个模块的实现思路，用流程图，盒图等可视化的方式说明模块的实现技术和方法以及网站的处理流程。同时为编程人员提供参考。背景1本项目的名称：电子商务网站2本项目的应用范围：中小型公司的网上销售平台3开发者：第八小组成员4用户：小组成员定义HTML5:超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。CSS3:级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用

2、标记语言的一个子集）等文件样式的计算机语言。1.4参考资料1陶国荣.HTML5实战M.北京：机械工业出版社，2012-1-1.2陆凌牛.HTML5开发精要与实例详解M.北京：机械工业出版社，2012-1-13成林.CSS3实战M.北京：机械工业出版社，2011-5-14陆凌牛.HTML5与CSS3权威指南M.北京：机械工业出版社，2011-4-15张亚飞.HTML5+CSS3网页布局和样式精粹M.北京：清华大学出版社，2011-9-16电商网站可行性报告（附录）7电商网站需求说明书（附录）2程序系统的结构网站H图:申子商务网驻删除2.1揑交订单2.2注册1.1.冷厂卑7L2丄r支门订尝IL3-

3、?J冊赊订单3.1.支忖订单3.2厂商品捌览L_J|购物车管理订单管理L3*1豊录注册L.41彳人信削管理L_5_J直接购买L_2_J3商品浏览(Commoditys)设计说明31程序描述商品浏览页面主要是展示商品的大致信息一般是带图显示，采用分页的形式。HTML代码具有部分重用，可用于展示商品的评价和成交记录等。3.2功能IPO图作者：第八组日期：2015/6/4系统名称：电子商务网站子模块名称：商品浏览调用的模块：登录，商品详细被调用的模块：主页输入：当前用户输岀：分页形式的：商店内所有商品，给用户展ZF商品内的所有商品3.3性能在点击换页操作后，响应时间在2秒左右，最多不超过5秒。要求对

4、从数据库查出的数据进行分析，避免将错误的信息和机密信息传到前台。点击对应商品和能跳转到对应商品的详细页面。输人项名称标识符类型介质来源描述用户IDUseridIntJson请求参数用来查找用户的相关数据页面号PageNumberIntJson请求参数跳转到之前浏览的页面或者当前请求的页面号相关说明：如当前浏览者是已登录的客户，则要把用户的相关信息传进来。可以只传用户ID。数据形式为Json。ID的数据类型为Into如果是从登录界面调回，则还需要将跳转前的页面信息传回来，如：跳转前浏览的页面号，形式为Json。ID的数据类型为Int。程序的请求方式：如果是第一次进入网站是HTTP请求。如果是在网

5、站内部进行人为的页面跳转则是利用JQuery的Get或Pest或者是利用MVC的Href标签。输出项名称标识符类型介质来源描述商品信息CommodityinfoCommodityJson数据库包含商品的所有信息商品的总数CommodityCountIntJson数据库数据库内商品的总数用户的信息UserinfoUserTableJson数据库已登录的用户信息相关说明：输出数据形式为HTML数据。通过浏览器解析和展示给用户。其中HTML的数据包括：跳转到其他页面的超链接。单个商品的图片，单个商品的ID。商品的总数，商品的总页数和当前页数。已经登录的客户的信息，在页面上显示用户名，用户的消息等，但

6、不能显示用户的ID。3.6算法流程图:3.7流程逻辑数据流图:商品表3.8注释设计说明准备在本程序中安排的注释：加在模块首部的注释；加在各分枝点处的注释；对各变量的功能、范围、缺省条件等所加的注释;对使用的逻辑所加的注释等等。4购物车管理(ShoppingTrolleyManager)设计说明4.1程序描述购物车管理模块主要提供查看购物车内商品，移除和购买对应商品的功能。购物车管理子功能删除商品主要功能是移除购物车中不需要留下的商品。此功能模块不具有单独的客户页面(HTML代码)。购物车管理子功能提交订单的功能为购买选中的商品，提交对应的订单调到订单管理页面。4.2功能IPO图系统名称：电子商

7、务网站作者:第八组日期：2015/6/4子模块名称：购物车管理调用的模块；个人信息，订单管理被调用的模块；登录状态的所有页面輸入：当前用户输出：分页形式的，当前用户购物车内的商品提供管理购物车的功能，増加删除修改购物车商品的数量4.3性能在选择购买或者删除操作后，响应时间在2秒左右，最多不超过5秒。要求对前台传回后台的参数值进行分析，避免发生错误导致数据库数据出错。输人项名称标识符类型介质来源描述用户IDUseridIntJson请求参数用来查找用户的相关数据相关说明：如当前浏览者是已登录的客户，则要把用户的相关信息传进来。根据用户ID查找用户的购物车信息，返回前台展示。如果当前用户没有登录，

8、则提示未登录，跳转到登录注册页面进行登录或者注册。输出项名称标识符类型介质来源描述商品信息CommodityinfoCommodityJson数据库包含商品的所有信息商品的总数CommodityCountIntJson数据库数据库内商品的总数用户的信息UserinfoUserTableJson数据库已登录的用户信息相关说明：输出数据形式为HTML数据。通过浏览器解析和展示给用户。其中HTML的数据包括：跳转到其他页面的超链接。单个商品的图片，单个商品的ID。商品的总数，商品的总页数和当前页数。在页面上显示用户名，用户的消息等，但不能显示用户的ID。4.6算法流程图:4.8注释设计说明准备在本程

9、序中安排的注释：加在模块首部的注释；加在各分枝点处的注释；c对各变量的功能、范围、缺省条件等所加的注释;对使用的逻辑所加的注释等等。5订单管理(OrderManager)设计说明5.1程序描述订单管理模块主要提供查看当前待支付订单，移除和支付对应订单的功能。订单管理子功能删除订单主要功能是取消订单列表中不想支付的订单。此功能模块不具有单独的客户页面(HTML代码)。订单管理子功能支付订单的功能是支付选中的订单，点击支付后调到第三方支付的页面完成订单的支付。5.2功能IPO图作者：第八组日期：2015/6/4系统名称：电子商务网站子模块名称：订单管理调用的檯块：支忖，删除订单被调用的檯块：登录狀

10、态的所有页面輪入：当前用户输出：分页形式的.当前用户的所有订单提供管理订单的功能s删除、支付当前用户的订单5.3性能在选择支付或者删除操作后，响应时间在2秒左右，最多不超过5秒。要求对前台传回后台的参数值进行分析，避免发生错误导致数据库数据出错。输人项名称标识符类型介质来源描述用户IDUseridIntJson请求参数用来查找用户的相关数据相关说明：如当前浏览者是已登录的客户，则要把用户的相关信息传进来。根据用户ID查找用户的订单信息，返回前台展示。如果当前用户没有登录，则提示未登录，跳转到登录注册页面进行登录或者注册。输出项名称标识符类型介质来源描述订单信息OrderInfoOrderTab

11、leJson数据库包含商品的所有信息订单的总数OrderCountIntJson数据库数据库内商品的总数用户的信息UserInfoUserTableJson数据库已登录的用户信息相关说明：输出数据形式为HTML数据。通过浏览器解析和展示给用户。其中HTML的数据包括：跳转到其他页面的超链接。单个订单的描述，单个订单的ID。订单的总数，订单的总页数和当前页数。在页面上显示用户名，用户的消息等，但不能显示用户的ID。5.6算法流程图:5.7流程逻辑一数据流图:5.8注释设计说明准备在本程序中安排的注释：加在模块首部的注释；加在各分枝点处的注释；c对各变量的功能、范围、缺省条件等所加的注释;对使用的

12、逻辑所加的注释等等。6登录注册（Login）设计说明6.1程序描述登录注册模块主要提供登录和新用户注册的功能。登录模块是为已经注册的用户提供登录的功能，登录成功和跳转回之前的页面。此页面的HTML不具有重用行。注册模块为新用户提供注册功能，在成功注册后跳转到登录页面进行登录。6.2功能IPO图作者；第八组日期：2015/6/4系统名称；电子商务网站子模块名称：登录注册调用的模块：登录，注册被调用的模块：主页直接购买商品详情臓入；商品信息输出：登录状态完成用户的账号注册和用户登录6.3性能在点击登录或者注册按钮后，响应时间在2秒左右，最多不超过5秒。在前台页面需要对输入的数据进行分析，避免将错误

13、的数据传回后台，导致系统崩溃。在后台还要对数据再一次进行检查。避免数据出错。6.4输人项名称标识符类型介质来源描述跳转前的页面信息ArgsStringJson请求参数用来查找用户的相关数据相关说明:Args包括了跳转前的页面信息，如果跳转前是商品浏览页，则还应该包括浏览的页面号等信息，如果是商品详细页，则参数要包括商品的ID。6.5输出项相关说明：输出数据形式为HTML数据。通过浏览器解析和展示给用户。其中登录页面的包括了用户名和密码输入框。注册页包括的必填信息框和选填信息框。两个模块都应跳转其他页面的超链接。6.6算法流程图：6.7流程逻辑一数据流图:6.8注释设计说明准备在本程序中安排的注

14、释：加在模块首部的注释；加在各分枝点处的注释；c对各变量的功能、范围、缺省条件等所加的注释;对使用的逻辑所加的注释等等。7个人信息管理(UserInfoManager)设计说明7.1程序描述个人信息管理模块主要提供用户自主管理个人信息的功能，可以修改用户名，密码，联系方式，收货地址，邮箱等等信息。此页面的HTML不具有重用行。7.2功能IPO图作者:第八组日期：2015/6/4系统名称：电子商务网站子模块名称：个人信息管理调用的模块；无被调用的檯块：登录状态的所有页面输入：当前用户输出：当前用户的信息提供管理个人信息的功能7.3性能在修改的相应的信息后，点击保存后，响应时间在2秒左右，最多不超

15、过5秒。要求对前台传回后台的参数值进行分析，并且在后台也要对传回来的数据进行分析，避免发生错误导致数据库数据出错。输人项名称标识符类型介质来源描述用户IDUseridIntJson请求参数用来查找用户的相关数据相关说明：通过用户ID可以从数据库中查询出当前用户的所有相关信息，将其传回前台。输出项名称标识符类型介质来源描述用户的信息UserinfoUserTableJson数据库已登录的用户信息相关说明：输出数据形式为HTML数据。通过浏览器解析和展示给用户。其中HTML的数据包括：跳转到其他页面的超链接。用户的基本信息。如用户名，联系方式，收货地址，邮箱等。用户的基本信息以表单的形式展示。7.

16、6算法流程图:7.7流程逻辑一一数据流图:8.8注释设计说明准备在本程序中安排的注释：加在模块首部的注释；加在各分枝点处的注释；c对各变量的功能、范围、缺省条件等所加的注释;对使用的逻辑所加的注释等等。9直接购买(BuyDirectly.)设计说明9.1程序描述直接购买主要是给用户提供跳过购物车直接购买商品的功能，点击直接购买后直接确认订单信息，然后提交订单，最后支付订单。面去的加入购物车，再在购物车中提交订单，最后的在其订单管理中支付对应订单的繁琐功能。此功能模块的HTML可以直接就用信息确认页，提交订单页，和支付页的HTML代码。只需要改变传递的数据即可。9.2功能IPO图作者：第八组日期

17、：2015/6/4系统名称：电子商务网站子模块名称：直接购买调用的模块：提交订单，订单信息确认支忖订单被调用的模块：商品浏览，商品详细输入：当前用户，所购买的信息输出：购买结果提供直接购买商品的功能9.3性能在直接购买的每一个页面的跳转过程中后，响应时间在1-2秒左右，最多不超过5秒。要求对前台传回后台的参数值进行分析，避免发生错误导致数据库数据出错。输人项名称标识符类型介质来源描述用户IDUseridIntJson请求参数用来查找用户的相关数据商品的IDCommodityidIntJson请求参数用来查找所购买的商品的相关数据相关说明：如当前浏览者是已登录的客户，则要把用户的相关信息传进来。根据用户ID查找用户的订单信息，返回前台展示。如果当前用户没有登录，则提示未登录，跳转到登录注册页面进行登录或者注册。输出项名称标识符类型介质来源描述订单信息OrderInfoOrderTableJson数据库包含商品的