在本教程中，我们将向我们介绍如何通过数据库中的数据动态地构建树结构。我们将使用 NetBeans IDE 6.0 构建一个由两个页面组成的应用程序，其中第一页包含一个 JSF 1.2 （ Woodstock ） 树组件。接下来，我们将用数据库中的人物姓名填充树结构的一级节点，然
在本教程中，我们将向我们介绍如何通过数据库中的数据动态地构建树结构。我们将使用NetBeans IDE 6.0构建一个由两个页面组成的应用程序，其中第一页包含一个JSF 1.2（Woodstock）树组件。接下来，我们将用数据库中的人物姓名填充树结构的一级节点，然后用此人的行程信息来填充二级节点。TRIP节点将链接到第二个页面，其中显示该行程的详细信息。
目录
|
- |
设计主页 |
|
- |
连接数据库 |
|
- |
通过数据库表构建树结构 |
|
- |
添加详细信息页 |
|
- |
添加代码 |
|
- |
定义页面导航 |
|
- |
更多功能：将Action方法与树节点绑定 |
|
- |
关于树节点选择的注意事项 |
本教程将涉及以下技术和资源
|
JavaServer Faces组件/ |
|
|
Travel数据库 |
|
要利用NetBeans IDE 6.0的Java EE 5的性能，我们需要一个与Java EE 5规范完全兼容的应用服务器，比如说Sun Java System Application Server 9（GlassFish项目）。
本教程适用于GlassFish V2应用服务器。如果我们使用的是其他服务器，请参阅发行说明 和常见问题解答 了解各类问题和解决途径。有关所支持的服务器和Java EE平台的详细信息，请参阅发行说明。
设计主页
首先，我们将构建一个包含树组件和TRIP数据库表的主页。
当clientSide属性为True时，每个子节点（无论展开与否）都将发送给客户机，但它们只有在父节点展开时才可见。当clientSide为False时，仅呈现那些展开的父节点的子节点。
在本应用程序中，我们将通过编程填充树中的节点，因此不需要初始化由IDE创建的树节点。如果未移除该节点，则JSP标记属性中设置的值将优先于运行时设置，并且页面将显示节点。
连接数据库
接下来，将该页与Travel数据源中的数据库表相连接，然后使用查询编辑器修改用于检索数据的SQL查询，使游客的姓名按字母顺序显示，旅行日期按时间顺序显示。
如果Travel数据库的jdbc节点标记显示为断开，并且无法展开该节点，则表明IDE未连接到该数据库。要连接Travel数据库，请右键单击Travel数据库的jdbc节点，然后从弹出菜单中选择“连接”。如果出现“连接”对话框，在输入travel作为口令，选中“在此期间记住密码”，然后单击“确定”按钮。
注：如果我们使用的是Apache Tomcat应用服务器，请将derbyClient.jar文件复制到
导航窗口净土在页面1部分显示“tripDataProvider”节点，在“SessionBean1”部分显示“tripRowSet”节点。
在编辑区域将显示带有TRIP表格图的查询编辑器。
此时将出现另一个表图，且两个表图之间有链接或连接。
此操作将使数据库表中的名字按姓氏的字母顺序排列。
此操作将行程日期按照从早到晚的顺序排列。
通过数据库表构建树结构
现在，我们已经在存储停息中添加了一个请求bean属性，可供应用程序的中两个页面使用。然后，我将在<span>prerender()</span>方法中添加代码，用于通过TRIP和PERSON数据库表动态地构建树组件。
<font><span>private Integer personId;</span><span><p></p></span></font>
<span><font>prerender</font></span>方法。用以下粗体显示的代码替换<span>prerender</span><span>方法的主体部分</span><span>：</span>
|
代码示例1：页面1的<span>prerender</span>方法 |
<span><font><span> </span>public void prerender() {<strong><p></p></strong></font></span>Copy after login <strong><span><font><span> </span>// If the Request Bean's personId is set, then<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// we just came back from the Trip page<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// and had displayed a selected trip.<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// We use the personId later to determine whether<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// to expand a person's node<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>Integer expandedPersonId = getRequestBean1().getPersonId();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>try {<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>// Set up the variables we will need<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>Integer currentPersonId = new Integer(-1);<p></p></font></span></strong> Copy after login <strong><span><font><span> </span><span> </span>// If nbrChildren is not 0 then this is a<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// postback and we have our tree already<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>int nbrChildren = displayTree.getChildCount();<p></p></font></span></strong> Copy after login <strong><span><p><font> </font></p></span></strong> Copy after login Copy after login Copy after login <strong><span><font><span> </span>if (nbrChildren == 0) {<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>// List of outer (person) nodes<p></p></font></span></strong> Copy after login <strong><span><font><span> </span><span> </span>List outerChildren = displayTree.getChildren();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// Erase previous contents<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>outerChildren.clear();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// List of inner (trip) nodes<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>List innerChildren = null;<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// Execute the SQL query<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>tripDataProvider.refresh();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// Iterate over the rows of the result set.<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// Every time we encounter a new person, add first level node.<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// Add second level trip nodes to the parent person node.<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>boolean hasNext = tripDataProvider.cursorFirst();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>while (hasNext) {<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>Integer newPersonId =<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>(Integer) tripDataProvider.getValue(<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>"TRIP.PERSONID");<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>if (!newPersonId.equals(currentPersonId)) {<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>currentPersonId = newPersonId;<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>TreeNode personNode = new TreeNode();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>personNode.setId("person" + newPersonId.toString());<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>personNode.setText(<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>(String)tripDataProvider.getValue(<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>"PERSON.NAME"));<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>// If the request bean passed a person id,<p></p></font></span></strong> Copy after login <strong><span><font><span> </span><span> </span>// expand that person's node<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>personNode.setExpanded(newPersonId.equals<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>(expandedPersonId));<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>outerChildren.add(personNode);<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>innerChildren = personNode.getChildren();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>}<p></p></font></span></strong> Copy after login <strong><span><p><font> </font></p></span></strong> Copy after login Copy after login Copy after login <strong><span><font><span> </span>// Create a new trip node<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>TreeNode tripNode = new TreeNode();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>tripNode.setId("trip" +<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>tripDataProvider.getValue("TRIP.TRIPID").toString());<p></p></font></span></strong>Copy after login Copy after login <strong><span><font><span> </span>tripNode.setText(<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>tripDataProvider.getValue("TRIP.DEPDATE").toString());<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>tripNode.setUrl("/faces/Trip.jsp?tripId=" +<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>tripDataProvider.getValue("TRIP.TRIPID").toString());<p></p></font></span></strong>Copy after login Copy after login <strong><span><font><span> </span>innerChildren.add(tripNode);<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>hasNext = tripDataProvider.cursorNext();<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>}<p></p></font></span></strong> Copy after login <strong><span><font><span> </span>}<p></p></font></span></strong> Copy after login <strong><span><p><font> </font></p></span></strong> Copy after login Copy after login Copy after login <strong><span><font><span> </span>} catch (Exception ex) {<p></p></font></span></strong>Copy after login <strong><span><font><span> </span>log("Exception gathering tree data", ex);<p></p></font></span></strong>Copy after login <strong><span><font><span> </span><span> </span>error("Exception gathering tree data: " + ex);<p></p></font></span></strong>Copy after login <font><strong><span><span> </span>} </span></strong><span><p></p></span></font> Copy after login <span><font><span> </span>}<p></p></font></span> Copy after login <span><font><span> </span><p></p></font></span> Copy after login |
此代码读取按照personId排序的行程记录。对于每个personId，此代码会在树结构中创建一个新的一级节点。然后，为每一个与该personId关联的行程创建一个二级节点（嵌套节点）。最后，将二级行程节点与<span>tripNode_action</span>方法（稍后在本部分中创建）绑定在一起。
<span>java.util.List</span>出现在列出的字段中，然后单击“确定”按钮。
Web浏览器将打开并显示一个树组件，其中每个一级节点显示人名，如下图所示。展开节点可显示此人的旅行日期。请注意，人名按姓氏的字母顺序显示，日期按时间顺序显示。在下一节中，我们将添加一些代码，以便用户在单击Trip节点时导航至第二页。第二个页面将显示用户所选行程的详细信息。
添加详细信息页
现在，我们需要为应用程序添加第二个页面，如下图所示。此页使用“属性表单”组件动态地显示用户在第一页上所选行程的详细信息。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
