设计文档编写要点

设计文档大致流程

概要
表结构及其之间的关系(E-R 图:实体-联系图 Entity Relationship Diagram)
业务流程图、时序图(按照人操作的维度)
程序流程图、时序图(按照代码执行的维度)
接口约定(对外公开的api 接口等)
其他(伪代码、类图、思维导图)
附注(附加的解释和说明、引用资料)

E-R关系图

在这里插入图片描述
工具网址

流程图

在这里插入图片描述
工具网址

流程图参考
 
 

UML图

参考
类图&时序图
在这里插入图片描述

在这里插入图片描述

word制作目录

图片目录

1、插入–>图片

2、右键图片-添加题注

3、添加多张图片,并输入名字

4、引用--插入表目录 可以选择格式

5、确定即可
在这里插入图片描述
Ctrl + 点击目录文字 可以跳转到对应的图片位置!!

文字目录
1、在word中输入一些文字,要有栏目有正文,如图:
在这里插入图片描述

2、在当前页的前面加一个新的页面,来放目录。把光标放在文字的最前面。
然后点击工具栏中的【插入】,再点击【分页】。
在这里插入图片描述

3、现在会在文字前面多出来一个新的分页。接下来点击【视图】中的【大纲视图】。

4、选中标题之后点击工具栏左上角的“正文文本”,在弹出来的下拉列表中选择“1级”。接下来选中二级标题,然后点击工具栏中的“正文文本”,在弹出的下拉列表中选择“2级”,依次类推…
在这里插入图片描述

5、都设置好之后,点击【关闭大纲视图】。

6、光标放在之前添加的分页中,依次点击工具栏中的【引用】——【目录】——自动目录1。
在这里插入图片描述在这里插入图片描述

详细设计文档

1 引言
1.1 编写目的
依照需求规格说明书和概要设计说明书,在本文档中详尽说明软件的详细设计,包括修正或者发行版本号,以便于编程。如果这个软件详细设计只与整个系统的一部分有关系,那么只叙述文档中说明的部分或子系统。
为系统编码提供依据
1.2 背景
说明:
这份文档所描述的软件系统的名称;
该软件项目的任务提出者、开发者、用户(或首批用户)及安装此软件的计算中心。
1.3 术语定义
列出本文件中用到的专门术语的定义和英文缩写
1.4 参考资料
列举编写软件详细设计说明书时所直接参考的资料或其他资源。可能包括用户界面风格指导、合同、标准、系统需求规格说明、使用实例文档或相关软件需求规格说明、概要设计说明等。在这里,最好给出详细的信息,包括标题名称、作者、版本号、日期、出版单位或资料来源,以便于读者查阅这些文献。

2 综合描述
2.1 系统目标
系统最终要解决的实际问题或要达到的用户要求,系统如何能够做到客户满意。
2.2 系统概述
简述系统功能,映射详细设计的基础轮廓;
2.3 运行环境
描述软件的运行环境,包括硬件平台、操作系统和版本,还有其他软件组件或与其共存的应用程序。如与概要设计说明中一致,可注明参照概要设计说明,如果概要设计中描述的运行环境较为概括无法明确程序的具体分布和运行方式,须在本处详细说明运行环境,以便能明确程序的具体分布和运行。
体系结构说明。
2.4 程序结构说明
最终的程序分布图及说明(可执行程序、自己开发的动态链接库、自己开发的静态链接库、数据配置文件、资源文件等最终程序包中包含的程序文件,并非源程序结构)、结构图及功能与调用关系简要说明、程序种类说明。本节为以下详细设计的简要索引,为系统程序的上层结构体系描述。详细设计时可能得不到精确的最终程序文件名列表,但是应当尽量完整说明其种类和主要文件内容,在程序编码结束前应将本节补齐,如果在开发过程中设计发生变化,本节也应当做相应变更。
2.5 源程序及编译链接组装说明
本处为源程序和前一节的最终程序如函数库、可执行程序、资源文件等的对照表,以及从源程序文件转化成这些最终文件的具体过程(编译、链接、组装)描述。在详细设计时可能得不到精确的源程序文件名,但是应当尽量完整说明其种类和主要文件内容,在程序编码结束前应将本节补齐,如果在开发过程中设计发生变化,本节也应当做相应变更。
如果不同的文件具有不同的编译链接组装方式,则应在此处分别描述清楚。
在此处应明确分出各级编译单元,即哪些文件需要一起编译生成一个或一组编译后的文件。编译单元文件可以是最终文件也可以是源程序和最终文件之间的中间文件。
因为源程序结构以及编译链接组装方式可能在程序开发后期才能定出,本节可以独立成册,但须与前一节保持一致。本处应注明参见哪个文件。
3 系统详细设计
系统详细设计应当以2.4节内容为索引,而不是2.5节,换句话说,应当以最终的物理功能实现为主线索,源程序的结构作为辅线索。如:在说明公共函数所在的动态链接库时,如果动态链接库只有一个,而对应的源程序有三个,应当先在下面某节描述本动态链接库,说明动态链接库的详细设计,然后在动态链接库的详细设计中说明它的源程序构成,并列出源程序与函数的对照表。如果某一源程序仅包含公共变量或约定等信息,而且这些内容已经在其它地方说明,则此处也应注明,作为索引。在本节的下一层描述函数详细设计。如果遇到概要设计中没有写明的逻辑问题,则应通知概要设计人员及时讨论并变更概要设计。
如果源程序和最终程序的对应关系不能确定,则可略去此关系说明,直接在下一层描述函数详细设计。
如果系统很大可以按照第2章第4节的索引将本章分解成若干子文件描述,每份描述子系统的文件可以直接按本章的章节描述,也可以加进第2节的章节进一步描述子系统的综述部分,子系统设计文件均重新编章节序号,分出的子系统的设计文件需要在本章各节注明并详细描述接口。
本处无文字。
3.1 子系统名称1
3.1.1 程序名称1
3.1.1.1 程序特征描述
程序名称1表示的是什么类型,如可执行程序、动态链接库、函数、成员函数子过程等,如果是物理文件名如:可执行程序,可以在此描述它的来源。如果是函数,则可在此描述其调用形式,如:int GetNum(int iNum1,char cCha1);
3.1.1.2 程序功能性能描述
程序名称1所完成的功能,如果有明确的性能指标分配,应当也在此注明。
3.1.1.3 输入/输出项
如果是函数则说明:输入参数、输出参数、返回值,以及函数的处理对象在处理前和处理后的状态。如果是其它形式的处理单元,则描述相应的输入输出形式和内容。
如果输入输出需要某种条件触发,需明确描述输入输出项的发生条件。
如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
3.1.1.4 数据结构说明
公共变量,内存数据结构,存取的数据库表和字段,存取机制说明。如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
涉及的表结构以及字段说明。
3.1.1.5 接口定义
本处描述调用和被调用关系,本程序名称1代表的实体被哪个或哪些实体主调,被调用或被触发方式;另外本实体调用的可执行程序公共函数库或函数,以及调用或触发方式。
3.1.1.6 算法
上述因素的具体逻辑关系精确描述,如内存数据结构的初始化公式,计算公式等,数据库表及字段与内存变量的对应等。如果在功能中可以严格描述上述因素的逻辑关系,如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
3.1.1.7 程序逻辑流程图
从程序出发,描述程序功能和算法的的逻辑流程图,如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
3.1.1.8 测试要点
列出本程序实体的测试要点,表明本实体能做到什么,不能做到什么,为编写单元测试用例和组装测试用例提供依据,组装测试用例主要以接口部分的设计和测试要点为依据。
3.1.2 程序名称2
3.1.2.1 程序特征描述
程序名称1表示的是什么类型,如可执行程序、动态链接库、函数、成员函数子过程等,如果是物理文件名如:可执行程序,可以在此描述它的来源。如果是函数,则可在此描述其调用形式,如:int GetNum(int iNum1,char cCha1);
3.1.2.2 程序功能性能描述
程序名称1所完成的功能,如果有明确的性能指标分配,应当也在此注明。
3.1.2.3 输入/输出项
如果是函数则说明:输入参数、输出参数、返回值,以及函数的处理对象在处理前和处理后的状态。如果是其它形式的处理单元,则描述相应的输入输出形式和内容。
如果输入输出需要某种条件触发,需明确描述输入输出项的发生条件。
如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
3.1.2.4 数据结构说明
公共变量,内存数据结构,存取的数据库表和字段,存取机制说明。如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
涉及的表结构以及字段说明。
3.1.2.5 接口定义
本处描述调用和被调用关系,本程序名称1代表的实体被哪个或哪些实体主调,被调用或被触发方式;另外本实体调用的可执行程序公共函数库或函数,以及调用或触发方式。
3.1.2.6 算法
上述因素的具体逻辑关系精确描述,如内存数据结构的初始化公式,计算公式等,数据库表及字段与内存变量的对应等。如果在功能中可以严格描述上述因素的逻辑关系,如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
3.1.2.7 程序逻辑流程图
从程序出发,描述程序功能和算法的的逻辑流程图,如本程序名称代表的实体是一个无算法的实体如字体资源文件,则本节可略。
3.1.2.8 测试要点
列出本程序实体的测试要点,表明本实体能做到什么,不能做到什么,为编写单元测试用例和组装测试用例提供依据,组装测试用例主要以接口部分的设计和测试要点为依据。
4 用户界面详细设计
因为用户界面虽然也属于程序功能的一部分,但是多数系统的用户界面较为复杂和琐碎,需要将其与后台处理分开设计,包括数据库表设计。用户界面是作为外部接口的一部分体现在概要设计中的。本章着重设计用户界面的外观要素和界面处理流程,以及主要的界面级和界面事件级的约束。
本章可以单独成册,也可以融在前一章说明。
4.1 界面结构
4.1.1 界面结构或菜单结构
在本处描述界面的结构,可以以树形结构的形式描述,并加以说明。也可以以其它方式。
4.1.2 用户界面图
以上述结构为索引描述每个用户界面,可以用工具画出,在此处说明其编号。如果界面较为明确也可以略去本节。
4.1.3 用户界面与模块关系表
用户界面名称 用户界面编号 隶属的子系统 相关模块名称 简要说明

<表中界面名称即为4。1。2中的界面名称,相关模块名称指调用本界面的模块的名称,这些模块在下面的处理流程中描述,也可以在第3章描述。>
4.2 界面处理流程及界面约束描述
4.2.1 界面或模块名1
4.2.1.1 处理流程
界面间的调用关系,可以画流程图并加以说明。
4.2.1.2 界面约束与事件约束
描述相关界面的界面级约束和事件级约束。
4.2.1.3 触发方式
描述界面的触发方式,如通过点击菜单、右键、鼠标移入某区域、某自动事件发生等。
4.2.2 界面或模块名2

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: Web 设计文档是网站开发过程中非常重要的一个环节,它是一个全面的计划,记录了网站的设计和开发细节,确保在开发过程中所有人都在同一个页面上,从而达到高效的工作和共同目标。Web 设计文档应包括以下内容: 1. 网站需求:这是标识明确的客户要求列表。其中包括例子网站,目标受众,特色页面,信息结构,应用程序要求等等。 2. 信息架构:网站的信息架构是将网页内容组织起来的重要步骤,包括页面目录,主要页面和内容的排序、组织结构、导航等。 3. 视觉设计:视觉设计包括色彩、标志、网站整体设计风格、排版和文章样式等等。 4. 功能和特性:详细描述网站的功能和特征以及每个功能的实现细节。确保设计文档中包含所有描述,支持每个功能的详细说明,以及页面上特征的位置说明。 5. 流程及用户交互:这部分说明了用户访问网站和网站如何处理用户输入,包括不同网页间的转移并定义流程,同时描述响应用户的操作和错误处理的细节。 6. 测试计划:测试计划的主要目的是确保网站的代码无缺陷,在上线运行之前完成测试策略和测试用例等。 7. 技术和工具的使用说明:对于设计和开发人员,应该明确的定义使用的所有工具和技术的详细信息,如前端框架、后端技术,数据来源,API等等。 Web 设计文档可以确保开发人员和其他团队成员都理解开发的目标以及整个网站的范围和细节。合理的 Web 设计文档将使开发过程更加高效和严谨。 ### 回答2: Web 设计文档是用来记录 Web 设计师与客户之间的沟通内容,以便于双方理解设计方案并达成共识。Web 设计文档应该包括以下几个要点: 1. 项目背景与需求:简要介绍项目的背景和目的,明确客户的需求和期望。 2. 创意和设计理念:详细描述设计师的创意和设计理念,包括设计风格,配色方案、整体布局等。 3. 界面设计:详细介绍每个页面的布局,包括:网页头部、导航栏、主体内容区域、侧边栏、底部信息等。 4. 功能与交互设计:详细介绍网站的各项功能和交互方式,如表单、搜索、导航等,确保网站功能与用户需求匹配,提高用户体验。 5. 页面元素:介绍网站的各个组成部分,诸如按钮、图标、图片等等。要求对于每一个元素的样式、大小、位置和交互效果进行详细的说明。 6. 技术实现:详细介绍网站的技术实现方案,如使用的编程语言、框架、数据库等技术要点。网站的技术实现将关系到网站的性能、稳定性和安全性。 7. 时间进度和预算:明确项目的时间进度和预算,确保项目的正常推进。 总之,Web 设计文档是一个总体的项目计划,需要准确明了地描述网站设计的各个方面,从而确保设计师和客户能正确理解设计的需求,并且在项目过程中能够有效地沟通和协作,确保项目的成功运行。 ### 回答3: Web 设计文档是一个很重要的文档,英文名为 Website design document。它是 Web 设计师们在进行网站设计前必须要备好的一份设计文档。要写好这份文档,需要考虑到以下几个方面: 1.需求分析 需求分析是一份完整的文档,它包含了 Web 站点的所有需求。需求分析主要围绕着以下问题展开:这个网站需要做什么?它的功能是什么?用户如何使用它,从哪些方面可以操作它? 2.网站结构 这里需要确定网站的结构、页面的数量、导航菜单的内容以及各个页面之间的链接。网站架构图可以帮助你表述这些内容。 3.网站设计 网站设计是包括了色彩、图形、字体、排版、主意等的设计。你需要按照需求分析的要求,将你的设计美化出来。这就要用到设计软件了。 4.页面流程 这是最重要的部分之一,要描述用户在对网站进行操作时各个页面之间的交互行为,也就是用户如何使用网站,从一个页面进入另一个页面。 5.优化和测试 网站设计完成后,需要做一些优化工作,通过测试来判断网站是否可以达到设计的效果。优化的方式可以通过提高网站速度和完善购物过程等方式。 总之,Web 设计文档是一个非常重要的文件,要包括需求分析、网站设计、页面流程、测试以及优化等内容,这些部分的详细分析和设计都是非常重要的,一定要细心仔细去写。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

laufing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值