知识大全 前台开发要求 与 测试
Posted 知
篇首语:做强者,战自卑;攀高峰,胜逆境;增才干,永学习;报效祖国为人民。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 前台开发要求 与 测试相关的知识,希望对你有一定的参考价值。
一般要求 尽量在涉及到编码的地方采用UTF 编码
Html页面的标题要跟当前页面相关 或者跟项目相关 如果有必要定义一个全局变量
Html页面一般不缓存
<META HTTP EQUIV= pragma CONTENT= no cache >
<META HTTP EQUIV= Cache Control CONTENT= no store must revalidate >
<META HTTP EQUIV= expires CONTENT= >
尽量减少用户的鼠标/键盘操作 比如 输入框中的内容输入有误 不采用alert框提示(减少一次操作) 焦点直接定位到输入框(减少一次操作) 输入内容自动选定等 在必要的地方提供快捷入口
代码关键点要有注释 js的方法 的关键代码段
页面美工 页面要尽量饱满 无特殊情况不要大量留白
页面要尽量支持多浏览器
页面要支持 * 的分辨率
能不出现滚动条时不要出现滚动条 特别是横向滚动条
列表页 一般列表页分为三个部分 查询区 列表区 翻页区
查询区要支持三个动作 查询 重置 清空 文本查询条件要考虑是否支持 精确查询 开关 要支持回车提交查询条件
查询字段取值固定 且值不多时 要使用单选/复选方式显示 如果页面区域不够可用下拉框显示
查询字段如果需要用户输入 如果输入值有格式要求 一定要明确提示用户输入格式
查询字段的如果是输入框 虑输入框的显示长度要合理 不能太长或太短
列表区要显示用户关心的字段 尽量显示更多的内容
表头一般居中对齐 如果一列的内容宽度相同则居中对齐 如果一列的内容长短不一则居左对齐 如果一列的内容长短不一但内容不长可居中对齐
如果一列的最大宽度确定 则这一列的宽度固定 不采用百分比
如果一列的内容太长 还不能折行 此时要对内容进行截取 截取后要能通过title查看全部内容 截取时不要按字符数进行截取 要按照字节数进行截取
增加/修改页 一个信息项需要有三项信息 名称 输入区 说明 对于大家都明白的输入项可没有名称 说明
必填项要有符号标明
排列要整齐 相同功能的信息项要放置在一起
如果页面空旷 可将多个信息项放置在一行
输入框的长度要合理 可配合页面布局稍长或稍短一些
弹出页 无相关的浏览器工具条
弹出位置要合理
弹出页的大小要合理 如果能保证不出现滚动条最好 横向滚动条最好没有
功能要求一般测试 权限测试 是否存在越权访问 以下情况需测试 ( )如果页面要求必须登录 则测试非登录情况下是否可以访问 ( )如果页面访问有权限要求 则测试有权限和无权限的情况 ( )用不同用户进行测试 测试方法可以是 在同一个session下开多个浏览器窗口 通过其中一个浏览器来改变当前登录用户
通过URL直接访问 将必要的参数拼接到URL中 对页面进行访问 看是否存在越权访问 或者其他异常情况
如果传递的参数太多 拼接URL比较费时 可按照下面的方法来生成URL 注意如果参数值中有中文 需要进行URL编码
( ) JS方法(在form提交前 加入下面的代码就可以看到提交的地址和参数)
[javascript] view plaincopy for(var f= f<document forms length f++)
var form=document forms[f]
var info =
for(var i= i<form length i++)
var element=form[i]
info += & +element name+ = + element value
alert( url +form action)
alert( param +info)
( ) JAVA方法(在过滤器中增加下面的代码 就能在后台输入提交的url)
[java] view plaincopy String uri = request getRequestURI()
System out println( url +uri)
Enumeration<String> es = request getParameterNames()
StringBuffer sb = new StringBuffer()
while(es hasMoreElements())
String name = es nextElement()
sb append( & +name+ = +request getParameter(name))
System out println(sb)
( )中文的url编码获取方法
出现异常情况 或程序报错时是否有合理的错误页面 不能出现使用用户看不懂的错误页面 特别是错误堆栈页面
[java] view plaincopy String str = 中文
System out println( URLEncoder encode(str UTF ))
查询区测试方法查询区测试的重点是 输入值是否被正确解释成sql查询条件了 查询结果的条数是否正确 因此 测试时最好在程序后台输出查询条件 确认查询条件是否正确
默认条件测试 什么都不输入
全条件测试 把所有的条件都输入
条件组合测试 尽可能多的组合不同的条件进行查询
一般来说 输入框中的输入值要进行trim处理 如果输入的全部都是空格 则表示什么都未输入
如果查询条件的输入值有限制 能通过js进行校验的一定要校验 不能通过js校验的 提交到后台要进行过滤处理 处理策略是 如果输入值有问题 则忽略该查询条件 同时将用户提交的输入值清空(如果返回页面中要显示查询条件 该查询条件要清空 不能显示用户输入有误的内容)
如果有精确查询和模糊查询的开关项 一定要检查该开关项是否生效
输入框中的输入值至少要对以下几类特殊字符进行测试 ( )数据库关键字符 单引号 双引号 下划线 百分号等 ( )代码 ( )js代码
用户修改了某个查询条件 如果未点击 查询 按钮 此时修改的查询条件不生效 在翻页时查询条件应按照原来的条件进行查询
输入框中 输入 ? % _ 等特殊字符 是否能正常查询
列表区测试方法列表区重点测试的是页面显示是否正常美观 必要时可直接修改数据库 建议测试时临时修改每页显示记录数为 条
显示字段的最大长度测试 将字段值输入到最大长度 此种测试分两种情况 一是单字段测试 而是全字段测试
将字段内容置空 此种测试也分为 单行单字段测试 单行多字段测试 多行单字段测试 多行多字段测试
关键字段纠错处理
特殊字符测试 重点测试字段内容中出现代码块 js脚本等内容时是否能正常显示
列表区一般会有链接功能 测试链接功能是否正常
翻页区测试方法翻页区重点测试的是页码计算是否正确
基本翻页功能是否正确 上一页 下一页 首页 末页
直接跳页功能是否正确 如果页面可自己输入 需测试以下情况 ( )页码不是数字 ( )页码不是正常的数字 比如负数 ( )页面超过最大值 ( )输入空 或者连续的空格
基本策略 ( )页面不是数字时默认为第一页 ( )页面不是正常的数字默认为第一页 ( )页面超过最大值默认为最后一页
增加/修改页测试方法增加/修改页测试重点有两个 一基本功能是否正确 二用户交互是否合理
最小路径测试 什么都不输入 点提交 然后按照提示进行操作 直到能提交为止
最大错误路径测试 将所有能输错的值都输错 点提交 然后按照提示进行操作 直到能提交为止
输入值以下情况需要测试 ( )空 ( )超长 ( )特殊字符 特别是代码和js代码 ( )不满足要求的其他情况
如果页面上会显示一些已有 的数据库字段信息 要测试这些信息是否会导致页面乱掉
最小路径测试 最大错误路径测试 空值测试 超长测试 特殊字符测试
cha138/Article/program/Java/gj/201311/27476相关参考