概要设计和详细设计模板_详细设计报告怎么写

详细设计是按照概要设计的要求，给出的更具体的实现方式，详细设计的结果更接近于实际效果。详细设计主要用于指导开发人员和ui设计人员。

详细设计主要包括功能介绍、页面视图、页面组件说明、程序规则等。

功能介绍：要说明此详细设计是所属哪个模块的哪个功能项，具体实现了什么样的功能，以及此功能有哪些注意事项。例如：本详细设计为用户管理模块的用户注册功能，注意事项：1需要做用户检重校验。2对于图片等信息需要进行合规检查。功能介绍的目的是使开发者能够了解此功能在系统中所处的具体位置和在开发过程需要重点注意以及检查的问题。

页面视图：主要用来描述页面的构成，基本布局和基本功能，哪些为必填字段，哪些为可选字段。如果涉及到注释、弹出层、浮动文案等也要重点提出。例如：用户注册页面包括公共头尾部，菜单，信息编辑区域；用户账号提示信息为数字字母组合且为必填项，手机和固定电话至少填一项，账户类型需要浮动文案说明，当点击下一步时，如果必填项有未填写的需要弹出提示层。然后搭配页面简图，画出大致的效果，涉及到的文案信息也要给出具体的内容。ui设计人员会根据页面简图进行美化和布局设计。

页面组件说明：主要是针对页面涉及的HTML组件的说明。例如：用户账号采用输入框，输入框需要有提示文字，当进行输入时提示文字消失；用户类型采用单选按钮，当进行选择时需要浮动文案；个人介绍采用文本域，使用富文本编辑器等。可以通过列表的方式说明，效果更简单直接，如下图：

程序规则：是对程序的要求和规范，包括程序文件名、路径、页面元素定义(对应数据库字段)，公共方法(调用方法，参数定义)，SQL语句等。例如：商家注册程序文件名bregist.java，应用路径shop/info/business。页面元素可以使用列表的方式定义，主要说明涉及到哪些表，哪些元素，元素如何命名，字段类型，字段大小限制，与哪些表关联等。如下图：

如果涉及到公共方法的调用，需要说明调用哪个公共方法，公共方法如果带有参数，还要对参数进行说明，例如：获取企业类型需要调用公共方法getBkindInfo()。SQL语句通常是较为复杂的操作需要给出完整的SQL，如果需要调用过程，函数等需要给出具体的过程名或函数名。

现在基本都采用敏捷的方式进行开发，由项目负责人和UI设计师完成页面布局，输出页面原型后由开发人员直接开发，所以就省略了详细设计这个步骤。敏捷的方式能够省去设计和评审时间，提高项目进度，但是对于开发人员来说要有一定的工作经验，而采用详细设计，如果刚入行不久的新人来说，也可以按照详细设计进行开发。二者各有优势，在实际项目中可以根据情况灵活运用。