JSF框架实现动态树形结构问题

        <ul>
            <li class="t1 off">
             <a href="#" class="t"><i></i>项目类别</a>
                <ul>
                    <li class="t2">
                    <a href="#" class="t"><i></i>绿色项目</a>
                    <ul>
                        <li><a href="#" target="main1">细分功能选项1</a></li>
                        <li><a href="#" target="main1">细分功能选项2</a></li>
                        <li><a href="#" target="main1">细分功能选项3</a></li>
                    </ul>
                    </li>
              <li class="t2">
                <a href="#" class="t"><i></i>绿色项目</a>
                <ul>
                  <li><a href="#" target="main1">细分功能选项1</a></li>
                  <li><a href="#" target="main1">细分功能选项2</a></li>
                  <li><a href="#" target="main1">细分功能选项3</a></li>
                </ul>
              </li>
              <li class="t2 on">
                <a href="#" class="t"><i></i>工业项目</a>
                <ul>
                  <li><a href="canshu2.jsp" target="main1">工业废水治理项目</a></li>
                  <li><a href="canshu.jsp" target="main1">脱硫、脱硝设施建设项目</a></li>
                  <li><a href="canshu2.jsp" target="main1">上大压小等节能改造类项目</a></li>
                </ul>
              </li>
              <li class="t2">
                <a href="#" class="t"><i></i>绿色项目</a>
                <ul>
                  <li><a href="#" target="main1">细分功能选项1</a></li>
                  <li><a href="#" target="main1">细分功能选项2</a></li>
                  <li><a href="#" target="main1">细分功能选项3</a></li>
                </ul>
              </li>
              <li class="t2">
                <a href="#" class="t"><i></i>绿色项目</a>
                <ul>
                  <li><a href="#" target="main1">细分功能选项1</a></li>
                  <li><a href="#" target="main1">细分功能选项2</a></li>
                  <li><a href="#" target="main1">细分功能选项3</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="t1">
            <a href="#" class="t"><i></i>项目类别二</a>
            <ul>
              <li class="t2">
                <a href="#" class="t"><i></i>绿色农业开发项目</a>
                <ul>
                  <li><a href="#" target="main1">细分功能选项1</a></li>
                  <li><a href="#" target="main1">细分功能选项2</a></li>
                  <li><a href="#" target="main1">细分功能选项3</a></li>
                </ul>
              </li>
              <li class="t2">
                <a href="#" class="t"><i></i>绿色林业开发项目</a>
                <ul>
                  <li><a href="#" target="main1">细分功能选项1</a></li>
                  <li><a href="#" target="main1">细分功能选项2</a></li>
                  <li><a href="#" target="main1">细分功能选项3</a></li>
                </ul>
              </li>
              <li class="t2">
                <a href="#" class="t"><i></i>工业节能节水环保项目</a>
                <ul>
                  <li><a href="#" target="main1">工业废水治理项目</a></li>
                  <li><a href="#" target="main1">脱硫、脱硝设施建设项目</a></li>
                  <li><a href="#" target="main1">热点联产、热点冷联产、上大压小等节能改造类项目</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
            现需要将此静态页面转换成动态页面,需要将数据库中的数据以树型结构展示出来,框架用JSF、spring、hibernate ,,,希望大神能帮帮小弟!

数据库应该有对面 节点 子节点的关系吧· 有的话直接从从数据库读取就好了。

参考运用JSF展示动态树型结构