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

Question

        <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 ，，，希望大神能帮帮小弟！

Answer 1

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