电脑故障

位置:IT落伍者 >> 电脑故障 >> 浏览文章

前台开发要求 与 测试


发布日期:2023/5/2
 

一般要求 尽量在涉及到编码的地方采用UTF编码

Html页面的标题要跟当前页面相关或者跟项目相关如果有必要定义一个全局变量

Html页面一般不缓存

<META HTTPEQUIV=pragma CONTENT=nocache>

<META HTTPEQUIV=CacheControl CONTENT=nostore mustrevalidate>

<META HTTPEQUIV=expires CONTENT=>

尽量减少用户的鼠标/键盘操作比如输入框中的内容输入有误不采用alert框提示(减少一次操作)焦点直接定位到输入框(减少一次操作)输入内容自动选定等在必要的地方提供快捷入口

代码关键点要有注释js的方法html的关键代码段

页面美工 页面要尽量饱满无特殊情况不要大量留白

页面要尽量支持多浏览器

页面要支持*的分辨率

能不出现滚动条时不要出现滚动条特别是横向滚动条

列表页 一般列表页分为三个部分查询区列表区翻页区

查询区要支持三个动作查询重置清空文本查询条件要考虑是否支持精确查询开关要支持回车提交查询条件

查询字段取值固定且值不多时要使用单选/复选方式显示如果页面区域不够可用下拉框显示

查询字段如果需要用户输入如果输入值有格式要求一定要明确提示用户输入格式

查询字段的如果是输入框虑输入框的显示长度要合理不能太长或太短

列表区要显示用户关心的字段尽量显示更多的内容

表头一般居中对齐如果一列的内容宽度相同则居中对齐如果一列的内容长短不一则居左对齐如果一列的内容长短不一但内容不长可居中对齐

如果一列的最大宽度确定则这一列的宽度固定不采用百分比

如果一列的内容太长还不能折行此时要对内容进行截取截取后要能通过title查看全部内容截取时不要按字符数进行截取要按照字节数进行截取

增加/修改页 一个信息项需要有三项信息名称输入区说明对于大家都明白的输入项可没有名称说明

必填项要有符号标明

排列要整齐相同功能的信息项要放置在一起

如果页面空旷可将多个信息项放置在一行

输入框的长度要合理可配合页面布局稍长或稍短一些

弹出页 无相关的浏览器工具条

弹出位置要合理

弹出页的大小要合理如果能保证不出现滚动条最好横向滚动条最好没有

功能要求一般测试 权限测试是否存在越权访问以下情况需测试)如果页面要求必须登录则测试非登录情况下是否可以访问)如果页面访问有权限要求则测试有权限和无权限的情况)用不同用户进行测试测试方法可以是在同一个session下开多个浏览器窗口通过其中一个浏览器来改变当前登录用户

通过URL直接访问将必要的参数拼接到URL中对页面进行访问看是否存在越权访问或者其他异常情况

如果传递的参数太多拼接URL比较费时可按照下面的方法来生成URL注意如果参数值中有中文需要进行URL编码

) JS方法(在form提交前加入下面的代码就可以看到提交的地址和参数)

[javascript] view plaincopy for(var f=f<documentformslengthf++){

var form=documentforms[f]

var info =

for(var i=i<formlengthi++){

var element=form[i]

info += &+elementname+=+ elementvalue

}

alert(url+formaction)

alert(param+info)

}

) JAVA方法(在过滤器中增加下面的代码就能在后台输入提交的url)

[java] view plaincopy String uri = requestgetRequestURI()

Systemoutprintln(url+uri)

Enumeration<String> es = requestgetParameterNames()

StringBuffer sb = new StringBuffer()

while(eshasMoreElements()){

String name = esnextElement()

sbappend(&+name+=+requestgetParameter(name))

}

Systemoutprintln(sb)

)中文的url编码获取方法

出现异常情况或程序报错时是否有合理的错误页面不能出现使用用户看不懂的错误页面特别是错误堆栈页面

[java] view plaincopy String str = 中文

Systemoutprintln(URLEncoderencode(strUTF))

查询区测试方法查询区测试的重点是输入值是否被正确解释成sql查询条件了查询结果的条数是否正确因此测试时最好在程序后台输出查询条件确认查询条件是否正确

默认条件测试什么都不输入

全条件测试把所有的条件都输入

条件组合测试尽可能多的组合不同的条件进行查询

一般来说输入框中的输入值要进行trim处理如果输入的全部都是空格则表示什么都未输入

如果查询条件的输入值有限制能通过js进行校验的一定要校验不能通过js校验的提交到后台要进行过滤处理处理策略是如果输入值有问题则忽略该查询条件同时将用户提交的输入值清空(如果返回页面中要显示查询条件该查询条件要清空不能显示用户输入有误的内容)

如果有精确查询和模糊查询的开关项一定要检查该开关项是否生效

输入框中的输入值至少要对以下几类特殊字符进行测试 )数据库关键字符单引号双引号下划线百分号等)html代码)js代码

用户修改了某个查询条件如果未点击查询按钮此时修改的查询条件不生效在翻页时查询条件应按照原来的条件进行查询

输入框中输入%_等特殊字符是否能正常查询

列表区测试方法列表区重点测试的是页面显示是否正常美观必要时可直接修改数据库建议测试时临时修改每页显示记录数为

显示字段的最大长度测试将字段值输入到最大长度此种测试分两种情况一是单字段测试而是全字段测试

将字段内容置空此种测试也分为单行单字段测试单行多字段测试多行单字段测试多行多字段测试

关键字段纠错处理

特殊字符测试重点测试字段内容中出现html代码块js脚本等内容时是否能正常显示

列表区一般会有链接功能测试链接功能是否正常

翻页区测试方法翻页区重点测试的是页码计算是否正确

基本翻页功能是否正确上一页下一页首页末页

直接跳页功能是否正确如果页面可自己输入需测试以下情况)页码不是数字)页码不是正常的数字比如负数)页面超过最大值)输入空或者连续的空格

基本策略)页面不是数字时默认为第一页)页面不是正常的数字默认为第一页)页面超过最大值默认为最后一页

增加/修改页测试方法增加/修改页测试重点有两个一基本功能是否正确二用户交互是否合理

最小路径测试什么都不输入点提交然后按照提示进行操作直到能提交为止

最大错误路径测试将所有能输错的值都输错点提交然后按照提示进行操作直到能提交为止

输入值以下情况需要测试)空)超长)特殊字符特别是html代码和js代码)不满足要求的其他情况

如果页面上会显示一些已有 的数据库字段信息要测试这些信息是否会导致页面乱掉

最小路径测试最大错误路径测试空值测试超长测试特殊字符测试

URL测试通过拼接URL的方式提交数据

上一篇:把P2P进行到底:讲述Jxta的故事(1)

下一篇:J2EE中的设计模式