软件产品标准化设计规范说明讲解.docx

产品标准化设计说明书产品标准化设计说明书V1.0目录1 提示规范 32 验证规范 53 界面规范 54 控件规范 75 组件规范 95.1 表格 95.2 编号和序号 145.3 注册表单 165.4 联系方式 215.5 翻页 255.6 日期输入 285.7 进度条 335.8 保留图标 355.9 弹出层 365.10 搜索 385.11 排序 436其它规范 461）常用规范 462）开发代码规范 471 提示规范通用提示：序号提示类型提示信息规范对应按钮1）必须选择数据才能进行操作的提示请选择×××！〖确定〗2）必须输入数据才能进行操作的提示请填写×××！〖确定〗3）删除校验可直接删除确实要删除选择的记录吗？ 〖确定〗、〖取消〗有层级关系（单笔记录）确实要删除选择的××及子级××吗？不可直接删除（单笔记录）当前记录已××，不允许删除！〖确定〗当前××存在××数据，不允许删除！〖确定〗当前××已被××关联，不允许删除！〖确定〗批量删除某些记录不允许删除：××记录，不允许删除！〖确定〗全部允许删除：确实要删除选择的记录吗？〖确定〗、〖取消〗4）字段超长提示输入字符不允许超出N个字节！〖确定〗5）唯一性校验单个字段不允许重复：××下的<字段名称>不允许重复!〖确定〗双字段不允许重复：××下的<字段名称1>和<字段名称2>不允许重复！6）非空校验可编辑字段的非空校验：请输入<字段名称>！〖确定〗不可编辑字段的非空校验：请选择<字段名称>！既可编辑也可选择的情况：请输入<字段名称>！7）特殊字符的校验不允许输入特殊字符：列出特殊字符，并以,隔开〖确定〗8）查询无条件的提示请输入查询条件〖确定〗9）业务原因无法操作××××不允许<按钮名称>！〖确定〗10）数据关联对应的提示当前记录已××，不允许×××！当前记录存在××××，是否××？〖确定〗11）日期字段输入错误校验对于YYYY-MM-DD格式：请输入有效日期！〖确定〗对于YYYY-MM格式：请输入有效月份！〖确定〗12）日期段输入校验XX截止日期不允许早于XX起始日期！〖确定〗13）日期有效性校验XX日期必须在SS起止日期（YYYY-MM-DD～YYYY-MM-DD）范围内！〖确定〗14）数值字段输入错误校验数值有范围限制：请输入从×××到×××之间的数值！〖确定〗数值必须大于0的情况：<字段名称>必须大于零！〖确定〗数值不允许等于0的情况：<字段名称>不允许等于零！〖确定〗15）操作失败的提示操作失败，请关闭重试！〖确定〗16）等待提示处理中，请稍候…〖确定〗17）当数据发生改变时的提示信息。

提示信息如下图所示〖确定〗18）最多支持n级分类提示XXX最多支持n级分类，不允许新增！〖确定〗19）退出提示是否要退出系统？〖确定〗、〖取消〗2 验证规范范围：主要用于表单数据及其它数据的验证提示，例如：身份证与年龄匹配验证等需验证的对象用途标准化提示语身份证与年龄不相符检查身份证与年龄是否匹配年龄与身份证不符合，请重新输入！密码验证检查密码是否正确密码不正确，请重新输入！用户名检查用户名是否存在1、 用户名存在的情况下，则提示：用户名不正确，请重新输入！2、 用户名不存在的情况下，则提示：用户不存在！字段为空或全是空格检查输入字符串是否为空或者全部都是空格1、 空的情况下，则提示：请填写***！2、 全是空格的情况下，则提示：名称包含空格！号码检查输入号码是否正确号码不正确，请重新输入！号码检查输入字符串是否符合国内固话或者格式号码不正确，请重新输入！日期验证判断是否是日期您输入的日期格式有误！时间验证检查输入字符串是否符合时间格式您输入的时间格式有误！字母数字下划线验证检查输入字符串是否只由英文字母和数字和下划线组成您输入的格式有误！邮箱验证检查输入对象的值是否符合E-Mail格式您输入的邮箱格式有误！数字验证检查输入字符串是否是数字您输入的格式有误！身份证验证检查输入字符串是否符合身份证格式您输入的身份证有误！复选框请选择！单选按钮请选择！特殊字符验证您输入的内容包含非法字符！备注：1、提示语颜色均为红色！ 2、提示语位置均显示在对应的文本输入框后方。

3 界面规范序号界面内容规范要求1颜色1、统一色调，采用标准Windows的基本色调，做到与操作系统统一，读取系统标准色表2、整个界面色彩尽量少的使用类别不同的颜色除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色3、同时色调也具有一定的含义，在整个系统中应保持色调含义的一致性，避免同一中颜色在不同的画面中表示不同的意义2文字表述提示信息、帮助文档文字表达遵循以下准则： 口语化，多用您、请，不要用或少用专业术语，杜绝错别字断句逗号句号顿号分号的用法， 提示信息比较多的话，应该分段所有的警告、信息、错误和提示的对话框统一采用提示信息格式使用统一的语言描述，例如一个关闭退出功能按钮，统一描述为退出，避免使用返回、关闭等描述3控件选择不要随意使用控件，控件功能要专一，风格统一如果没有好的控件，则使用标准控件1、控件的风格统一2、同一类型的控件操作方式相同，避免出现一个控件双击可以执行某些动作，而同样控件，双击却没有任何反映一个控件只做单一功能，尽量不复用4顺序习惯用法，阅读顺序，从左到右，从上到下5一致性用词、配色、按钮、字体等前后均要保持一致性6文字对齐患者、申请医生、会诊专家等姓名字段，按三个字的姓名两端对齐，三个字以上的姓名左对齐即可。

例如：张三张三丰张三丰子7内容显示所有列表均按1024×768的分辨率固定每列的宽度根据页面内容和字体大小进行设计即可，字段的长度如果超过列宽的，不能显示的部分已省略号代替，当鼠标在该字段上面停放时，显示全部内容，例如：8文字链接可链接的文字均采用蓝色字体，鼠标放置时显示下划线9统计报表² 所有报表支持打印，导出为Excel² 打印时支持打印预览，可以先浏览页面布局，再点击“打印”按钮才进行打印² 如报表中的值为0，则显示为“---”² 对齐：序号居中显示，表示值的数字使用千分位分隔符并且右对齐，文字左对齐² 所有列表均按1024×768的分辨率固定每列的宽度根据页面内容和字体大小进行设计即可，字段的长度如果超过列宽的，不能显示的部分用省略号代替，当鼠标在该字段上面停放时，显示全部内容² 列标题加粗，用有颜色的底纹进行标识，如果可以点击时，添加下划线，字体用蓝色² 提供分页功能² 导出的报表中，如有些值是计算出来的结果，则在导出的报表中显示公式² 合计的值用粗体，进行区分显示10列表滚动条当页面出现竖向滚动条时，滚动条需控制在列表内，滚动时，列表标题不动，只滚动内容11图片资源1、 退出按钮：2、 保存按钮：或3、 新建按钮：或4、 打开按钮：5、 下个环节：6、 上个环节：7、 打印按钮：或8、 打印预览：或9、 刷新按钮：10、 查询按钮：11、 复制按钮：12、 粘贴按钮：13、 取消按钮：14、 删除按钮：备注：后期软件需求基础设计均以此为主作为参考。

4 控件规范序号控件名称控件说明及样式1附件上传备注：支持进度条及上传百分比显示例如：2图片上传当鼠标指向图片时显示“修改头像”，点击可打开上传图片例如：3分页控件1) 提供首页、末页、上一页、下一页、跳转到指定页面的功能；当只有1页时，链接均无效；当处于第1页或最后一页时，首页/上一页或下一页/末页的链接无效2) 提供设置每页显示指定条数的功能，后台可配置指定条数的选项,如20、50、1003) 列表上方与下方均需提供分页栏例如：4时间控件以YYYY-MM-DD格式显示，不足两位的以0补齐，譬如：2011-04-08例如： 5文本编辑框功能包括：字体选择、字体大小、加粗、斜体、下划线、引号、括号、无序列表、有序列表、插入图片、插入视频、清除格式系统文本编辑框均采用以下样式实现6树形控件 备注：后期软件需求基础设计均以此为主作为参考5 组件规范5.1 表格主要应用于大批量数据的展示、查看、维护等方面基础表格是表格本身最原始的一些属性集合，针对表格在不同场景下的状况，在扩展设计中会一一罗列出来设计意图】ü 合理有效的组织数据信息；ü 帮助用户快速、有效的查看表格数据；ü 帮助用户快速、准确的完成对表格的操作；【应用条件】 适用于批量数据的展示和维护；【模式描述】组成： 表格标题 + 表格表头+ 表格行间隔线 + 表格行如下图所示：图 51 基础表格应用规范：l 表格的标题：标题文字要与其它文字有所区别，如：加粗显示；标题文字内容以“内容+操作”的形式描述，标题文字前需要有相应的标题图标，文字与图标之间间隔一定的距离，如：一个半角空格。

l 表格的表头与表格主体在外观上要有区分；l 表格行间隔线：表格的主体内容用表格线区分；表格线的粗细要适中，如1px 【扩展描述】 根据应用场景的不同，可以对基础表格进行扩展；可以为表格增加数据筛选区、命令按钮区、操作按钮区、表格主体区、翻页区、操作按钮区整体效果如下图所示：图 52 表格操作区分布1）标题列排序： l 表格列标题可以排序时，表格的列标题要体现出当前排序状态，并要区分于其他列标题显示，如：背景和图标高亮显示； 如下图所示： 图 53 标题列排序l 表格列标题进行切换时，原列标题恢复初始状态，切换到的列标题显示为排序状态；2）表格行选中操作：l 表格中的第一列，既可表示对行的选择如复选框；同时还可以用图标标示数据状态；当两者都有时，显示复选框在上，图标被覆盖；l 在对表格行进行选中（点选行的任意位置即可选中）时，此行要高亮显示，同时此行前复选框为选中状态，同时还可以进行多行选择；需要全选时，只需勾选列标题中的复选框即可选中当前列表的全部行数据3）数据筛选区： l 当数据内容可以明确的按其状态、类别进行划分时，可以应用页签的形式来进行设计；l 页签总宽度在表格宽度的75%之内为佳，超出此范围时，需应用其他设计形式如下拉框显示的形式等； 如下图所示： 图 54 数据筛选区l 当前分类状态的的页签要高亮显示，要明显区别于。