前台开发要求与测试

最新推荐文章于 2023-05-26 11:55:40 发布

艾瑞儿

最新推荐文章于 2023-05-26 11:55:40 发布

阅读量2k

点赞数

分类专栏： java 文章标签：测试 url html 浏览器 string 数据库

本文链接：https://blog.csdn.net/guliangliang/article/details/7227218

版权

java 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

分享公司牛人总结的前台开发要求，希望对大家有所帮助，也希望能起到抛砖引玉的作用...

一般要求

1、尽量在涉及到编码的地方采用UTF8编码。

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

3、 Html页面一般不缓存。

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

5、代码关键点要有注释。js的方法，html的关键代码段。

页面美工

1、页面要尽量饱满，无特殊情况不要大量留白。

2、页面要尽量支持多浏览器。

3、页面要支持1024*768的分辨率。

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

列表页

1、一般列表页分为三个部分：查询区、列表区、翻页区。

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

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

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

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

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

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

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

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

增加/修改页

1、一个信息项需要有三项信息：名称、输入区、说明。对于大家都明白的输入项可没有名称、说明。

2、必填项要有符号标明。

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

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

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

弹出页

1、无相关的浏览器工具条。

2、弹出位置要合理。

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

功能要求

一般测试

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

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

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

（1） JS方法（在form提交前，加入下面的代码就可以看到提交的地址和参数）：

for(var f=0;f<document.forms.length;f++){

    var form=document.forms[f];

    var info = "";

    for(var i=0;i<form.length;i++){

  var element=form[i];

  info += "&"+element.name+"="+ element.value;

    }

    alert("url:::"+form.action);

    alert("param:::"+info);

}

（2） JAVA方法（在过滤器中增加下面的代码，就能在后台输入提交的url）：

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);

（3）中文的url编码获取方法：

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

String str = "中文";

System.out.println(java.net.URLEncoder.encode(str,"UTF-8"));

查询区测试方法

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

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

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

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

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

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

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

7、输入框中的输入值至少要对以下几类特殊字符进行测试：（1）数据库关键字符：单引号、双引号，下划线，百分号等；（2）html代码；（3）js代码。

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

9、输入框中，输入“?,%,_”等特殊字符，是否能正常查询

列表区测试方法

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

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

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

3、关键字段纠错处理

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

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

翻页区测试方法

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

1、基本翻页功能是否正确：上一页、下一页、首页、末页。

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

3、基本策略：（1）页面不是数字时默认为第一页。（2）页面不是正常的数字默认为第一页。（3）页面超过最大值默认为最后一页。

增加/修改页测试方法

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

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

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

3、输入值以下情况需要测试：（1）空、（2）超长、（3）特殊字符、特别是html代码和js代码、（4）不满足要求的其他情况。

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

	1	最小路径测试
	2	最大错误路径测试
	3	空值测试
	4	超长测试
	5	特殊字符测试

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

艾瑞儿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前台开发要求与测试

分享公司牛人总结的前台开发要求，希望对大家有所帮助，也希望能起到抛砖引玉的作用... 一般要求1、尽量在涉及到编码的地方采用UTF8编码。2、 Html页面的标题要跟当前页面相关，或者跟项目相关。如果有必要定义一个全局变量。3、 Html页面一般不缓存。 4、尽量减少用户的鼠标/键盘操作
复制链接

扫一扫