我们有一棵这样的树

我们现在要把这棵树转化成如下的表格样式

 

通过表格我们可以看出，他有三部份，主栏，宾栏，主体，而主栏，是一颗向右展开的树，宾栏是一颗向下展开的树，而主体部份则是一个表格

表格的整体布局

主栏

HTML结构

<DIV>

       <DIV>

                     <DIV>李宁DIV>

                     <DIV></DIV>

       </DIV>

    <DIV></DIV>

    <DIV>

        <DIV>鞋/DIV>

        <DIV></DIV>

        <DIV>上衣DIV>

        <DIV></DIV>

    </DIV>

    <DIV></DIV>

</DIV>

宾栏

HTML结构

<DIV>

       <DIV>

                     <DIV>大区</DIV>

                     <DIV></DIV>

       </DIV>

    <DIV></DIV>

    <DIV>

        <DIV>华北</DIV>

        <DIV></DIV>

        <DIV>华中</DIV>

        <DIV></DIV>

    </DIV>

    <DIV></DIV>

</DIV>
主体

HTML结构

<DIV>

       <DIV>

              <DIV>l</DIV>

              <DIV></DIV>

       </DIV>

       <DIV>

       </DIV>

</DIV>

其中在HTML中边框全部采用宽度或高度为1PX的DIV构成
在div布局中，横向展开采用的属性是float="left"

我设计的Js类结构图如下

一个由树转化为表格的程序就完成，但是在开发过程中，有时候也碰到一些问题，如效率等，如有哪位对这控件或报表开发方面有兴趣的，大家一起交流

        3.在移动或改变控件大小过程中，最好不要重画控件，在NET中，MS提拱了在屏幕画的ControlPaint.DrawSelectionFrame静态方法.但是你画第二次时，你需要在第一次重画的区域，再重新画一次，如果不重新画一次，效果大家自己试试就知道。而在JAVA中，我们就不能在屏幕上画了，但是我们也可以实现相同的效果，在SWING中我们可以重新创建一个Graphics对象，在SWT中我们可以重新创一个GC对象。他们两种实现的思想基本上是相同，就是把当前要画的区域把他copy下来，等画完，马上把当前画的域前保存的图又重画上去，再重新画另一个对象。特别是在SWT控件开发中，必须要注意的是，你把COPY区域画完后，需要立即把那张图片dispose。不然会占用窗体的很多句柄。会影响到其他软件的运行.好像swt是直接调用的windows底层对象，他不能自动销毁.
         4.尽量减少资源的占用，现在机器的性能越来越好，内存也越来越大，但是他都是有限的，好像MS当时设计时的考虑就是你的机器的内存足够大，我的程序就能很好的运行。这一点我觉得JAVA考虑的比较好。当超出内存的范围时会出现内存溢出现像。这就不得不考虑来占用更少资源。在开发表格控件中，每一个单元格都有一个样式，如果每一个单元格的样式内容都是一个，但是你都是创建一个新的对像的，这样明显的会浪费资源和严重的影响到控件运行的效率，一个比较的办法就是把那些样式统一放在一个资源管理器里面，如果有相同的样式，就不需要创建一个新的对像，我们就可以直接调用资源管理器里面的样式就行了。如果我们还要达到很的性能的，我们可以设置一个资源管理器的样式数量限制范围。我们做项目的过程把数据导入EXCEL时，有时候样式太多，EXCEL就会弹出一个窗体。不能加载这么多样式。需要注意的是我们在开发swt控件时，他里面的font和color都是调用操作系统的对象，我们在用完时就需要把他dipose.但是老是对他创建和销毁，这样也会很严重影响到控件的效率。现在有一位牛人写了一个SWT的资源管理类，写得很不错，大家可以直接拿来用就可以了。