慧创WEB开发www.hcseo.com专注WEB开发 专注用户体验

递归其实就是"一个函数的自调用".
在这个"自调用"的过程中，必须要有一个变化的"参数"，当这个"参数"达到你的期望值的时候，终止该"自调用"过程.

例如在此多级分类中,我们想得到"落地扇"的最上级分类"家用电器"的id,就可以应用到递归思想,不断向上追溯上级分类,直到期望的结果出现,即找到第一级分类

以此为例子编写递归程序:

$myID=getTopID('43');
function getTopID($id){
    $query= mysql_query("select * from cate where id='".$id."'");
 $Rs = mysql_fetch_array($query);
 $topID=$Rs['id'];/////先赋值
 if($Rs['parentid']>0){ ////判断是否己是顶级分类,因为parentid等于0才是第一级分类,所以没达到条件的话,再调用函数自身,往上再查找 
  $topID = getTopID($Rs['parentid']);///根据设计时的思路,用父级的id作为子级的parentid查找
  }
  return $topID;///返回顶级分类的id
 }
   
这便是递归思想的简单应用了.

用jquery插件吧，很便利的，比如设置该table的id为mytable

在开发应用中,经常遇到一级分类,二级分类.....无限级分类等开发需求.例如某产品系统中:
 
如图:

思路:既然有下级分类,我们就称它为子类,子类必然上面有一个父类,所以先定义一个字段用来标识这个"子"的父类是谁,假设是:parentid

如果该类别没有父类,即第一级分类,那么把parentid值设为0.

按照规律,肯定是先有第一级分类,才有下级分类的,而新增了第一级分类后,必定有唯一标识id,于是我们可以借助这个唯一的标识,用来当作它的下级分类parentid的值,所以parentid值等于这个id的,将全部是它的子类

如图:

这样就简单地实现了无限级分类的应用

Web界面设计好之后，需要做详细的测试。下面我和大家分享自己在做Web界面测试的测试点以及应该注意的一些问题。

我们通过用户界面测试来核实用户与软件的交互来进行界面测试，必须明确UI测试的目的——确保用户界面向用户提供了适当的访问和浏览对象功能的操作，除此之外，UI测试还却表UI功能内部的对象符号预期的要求，并遵循公司和行业的标准。

接下来，我们具体的分析一下界面测试的依据从哪些方面着手。

测试目标：
1、窗口与窗口之间、字段与字段之间的浏览，以及各种访问方法(tab键、鼠标移动和快捷键)的使用
2、窗口的对象和特征(例如、菜单、大小、位置、状态和中心)都符号标准

测试方法：
为每个窗口创建或修改测试，以核实各个应用程序窗口和对象都可正确的进行浏览，并处于正常的对象状态。

我们在实际工作当中，针对web应用程序，也就是经常所说的B/S系统，可以从如下方面来进行用户界面测试、

1、导航测试

导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等;

不同的链接页面之间，通过考虑下列问题，可以决定一个web应用系统是否易于导航;导航是否直观？web系统的主要部分是否可通过主页存取？web系统是否需要站点地图、搜索引擎或其他的导航帮助

当然，这些同美工以及客户需求有关。我们是根据已经确认的页面进行测试即可。

2、图形测试

图形包括图片、动画、边框、颜色、字体、背景、按钮等。

(1) 要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，web应用系统的图片尺寸要尽量地小，并且要能清楚的说明某件事情。一般都链接到某个具体的页面

(2)验证所有页面字体的风格是否一致

(3)背景颜色与字体颜色和背景色相搭配

(4)图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30k以下

(5)演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪或者出现骨性。

3、内容测试

内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓"相关文章列表"

4、表格测试

需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？

把价格放在左边，产品细节放在右边是否更有效？

每一栏的宽度是否足够宽，表格里的文字是否都有折行？

是否因为某一格的内容太多，而将

<script type=text/javascript src="http://www.hcseo.com/Public/js/jquery-1.6.2.min.js"></script> <script type=text/javascript> function key(){ if(event.shiftKey){ window.close();} //禁止Shift if(event.altKey){ window.close();} //禁止Alt if(event.ctrlKey){ window.close();} //禁止Ctrl return false;} document.onkeydown=key; function nocontextmenu(){ //alert("a"); try{ event.cancelBubble = true event.returnValue = false; }catch(e){ } return false; } function norightclick(){ if (event.button == 2 || event.button == 3){ //alert("a"); try{ event.cancelBubble = true event.returnValue = false; }catch(e){ } return false; } } document.oncontextmenu = nocontextmenu; // for IE5+ document.onmousedown = norightclick; // for all others document.onstart = function(){ return false; } document.ondragstart = function(){ return false; } </script>

在chrome中，前端开发写的文本框标签后可以看到有边框，去除边框的方法：

.search input[type=""search""]{
    background:no-repeat 0 0 scroll ＃EEEEEE;
    border:none;
    outline:medium;
}

在chrom浏览器下面，点击input输入时，会有边框，

在样式中应用：outline:medium;