产品页面规范说明书_v3.0.docx

点威所有产品页面规范说明书文档编号：DIANVO-PROJ-DOC/201306-01文件状态：草稿[ ] 正式发布[√] 正在修改[ ]当前版本：V2.0密 级：必威体育官网网址创建日期：2013-6-1批准日期：2013-6-1创建人：李应洪审核/批准人：李应洪版本号变化状态简要说明（变更内容和变更范围）日期变更人批准人V1.1C创建文档2013-6-1李应洪李应洪V1.2A内容变更2014-7-16张霞备注：变化状态：C——创建，A——增加，M——修改，D——删除，A——审核目录1.树的规范41.1.平台基本上所有的树都已经规范，树分为几类：41.2.树的主要细节要求为：52.按钮及icon73.页面对象93.1.文本框93.2.代码集选择控件103.2.1当代码集只有1层：统一为“下拉框“103.2.2. 当代码集只有多层：统一为“弹出DIV“，但必须保证弹出的DIV中的文字不能换行，可以通过统一的弹出页面参数控制DIV的宽度103.3.选择框113.4.日期对象113.5.输入表单113.6.验证124.查询124.1.查询条件（有树状）124.2.查询条件（无树状）124.3.带“代码集”的查询条件134.4.查询结果135.提示信息规范155.1.删除：155.2.修改：155.3启用/停用：166.页面展示层级167.界面规范167.1.界面易用性167.2.界面规范性177.3.界面美观与协调性188.兼容性198.1.浏览器198.2.分辨率：199.注意事项209.1.规范测试：209.2.流程测试：219.3.数据测试：211.页面对象1.1.树的规范1.1.1.平台基本上所有的树都已经规范，树分为几类：教职工树：师资表获取数据（查询在职、返聘状态的教职工）；教职工用户树：教职工类的用户表数据（查询启用状态的用户），当业务选择的对象是需要教职工登陆软件平台的情况下，应该选择“教职工用户”树，而不应该选择“教职工”树；如下图（因为发送的邮件，需要教职工登陆软件平台去接收邮件，所以是从用户表选的可以登陆平台的教职工用户，而非教职工基本档案表去选择一个收件人）；学生树：学籍表中在校生数据（查询在读、复学、转专业、转班级、跳级、留级状态的学生）；学生用户树：在校生类的用户表数据（查询启用状态的用户），当业务选择的对象是需要学生登陆软件平台的情况下，应该选择“学生用户”树，而不应该选择“学生”树；校友树：已毕业、已结业的学生类学籍表数据；机构树：启动状态的机构，不包括停用和已删除；班主任树：通过班级找到的所有当前班主任班；专业树：启动状态的专业，不包括停用和已删除；班级树：启动状态的班级，不包括停用和已删除；企业树；其他树；1.1.2.树的主要细节要求：默认展开：点击功能菜单，树上第二-层节点默认展开；如下图：第三层节点：点击第三层节点，当前节点展开，其他同级节点折叠；如下图：默认查询所有：从功能菜单点击进入，默认查询为树上根节点之下的所有数据，如：班级管理，点击菜单后，查询所有班级列表，即与点击“班级”根节点查询的结果一致；查询下级：当点击某个节点时，默认查询其节点下的所有记录，以及其下级节点下的所有记录；如下图：弹出页面的树：弹出页面的树已经统一为之前描述的几种。页面上“确定”按钮，而不是“保存”按钮；弹出页面的Title：按照父页面的业务来写，统一为“选择***”，比如文件审批人，那就是“选择文件审批人”，（尽管是从教职工表中选择的班主任，但不能叫做“选择教职工”）；选择树：单选时用radio，中间不显示“《”“》”按钮，且若多次操作，后面选择的数据自动替换掉前面已选的，参考图1；多选时用复选框，参考图2；选择树具有快速检索功能，只将查询结果列在选择框内；图1图21.2.按钮及icon以下为产品中所用到所有功能按钮，如果遇到不在此列表中的，请提出来！序号按钮名称Css样式名称效果截图1增加icon_add2修改icon_edit3删除icon_delete4保存icon_save5查询icon_search6预览icon_preview7锁定icon_key8导入icon_in9导出icon_out10上传icon_upload11下载icon_download212查看结果icon_result13返回icon_return14刷新icon_refresh15确定提交icon_confirm16关闭icon_close17启用icon_enable18停用icon_disable19打印icon_print20设置icon_setting21清空(查询条件)icon_query_empty22作废icon_invalid23审批通过icon_pass24审批拒绝icon_refuse25文件icon_file26