通过数据库数据构建树结构（二）
打开项目窗口，右键单击Web页节点，然后从弹出菜单中选择新建 可视化 Web JSF 页。将新页命名为Trip。 打开服务窗口，然后将表 TRIP 节点拖放到Trip页的可视 编辑器上。 导航窗口将在 Trip 部分显示 tripDataProvider 节点 ， 在 SessionBean1 部分中显示 tr
打开“项目”窗口，右键单击“Web页”节点，然后从弹出菜单中选择“新建>可视化Web JSF页”。将新页命名为Trip。
打开“服务”窗口，然后将“表> TRIP 节点”拖放到Trip页的可视编辑器上。
导航窗口将在“Trip”部分显示“tripDataProvider”节点，在“SessionBean1”部分中显示“tripRowSet1”节点。
在导航窗口中，右键单击“tripRowSet1”节点，然后选择“编辑SQL语句”。
在查询编辑器的“设计网格”中，右键单击TRIPID行中的任意单元格，然后选择“添加查询条件”。在对话框中，将“比较”下拉列表设置为“= 等于”，然后选中“参数”单选按钮。单击“确定”按钮。
我们可以在TRIPID的<span>“</span>条件”列中看到“= ?”，并在SQL查询中添加以下WHERE子句：
<span><font><font>WHERE TRAVEL.TRIP.TRIPID = ? <p></p></font></font></span>
在可视编辑器中打开Trip页。从组件面板的Basic部分拖动一个“超级链接”组件到页面上，键入<span>“主页”，然后按回车键。</span>
在超级链接组件的<span>“</span>属性”窗口中，单击action属性的省略号<span>hyperlink1_action</span>，单击<span>“</span>确定”按钮。
IDE会将<span>hyperlink1_action</span>事件处理程序添加到Java源代码中。
从组件面板拖动一个“消息组”组件到页面上，然后将其放在“超级链接”组件的右侧。
从组件面板的“布局”部分拖动一个“属性表单”组件到页面上，然后将它放在“超级链接”组件的下面。
“属性表单”组件提供了一个设置行程信息布局的容器。“属性表单”组件包含了一个“属性表单部分”，而该部分又包含一个“属性”组件。
选择“属性表单部分
注：
在<span>“</span>概要”窗口中，展开“propertySheet1>div<span>label</span><span>属性设置为</span><span>“</span><span>启程日期</span><span>：”，</span>然后按回车键。
在“概要”窗口中，选择“div1”，然后单击鼠标右键，从弹出菜单中选择“添加属性”。在“属性”窗口中，将<span>label属性设置为“出发城市：”，</span>然后按回车键。
从组件面板拖放一个“静态文本”组件到“概要”窗口的“property1”节点上。
该静态文本将成为property1的一个子节点。同时该静态文本还将出现在可视编辑器中。
TRIP.DEPDAT，然后单击“确定”。
当前日期会出现在可视编辑器的静态文本组件中。
添加静态文本组件到property2中，然后将静态文本绑定到TRIP.DEPCITY。
添加代码
现在，我们将添加一些代码，以便Trip页可以获取存储在页面1中的tripid，同时页面1也可以获取存储在Trip页中的personid。
在 Java 编辑器中打开Trip页，然后找到<span>prerender</span>方法。添加以下粗体显示的代码，使得该方法可以获取存储在页面1中的tripId。
|
代码示例2：Trip页中的prerender方法 |
<span><font><font><span> </span>public void prerender() {<p></p></font></font></span>登入後複製 <span><p><font> </font></p></span> 登入後複製 登入後複製 <span><font><font><span> </span>// Get the person id from the request parameters<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>String parmTripId = (String)<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>getExternalContext().getRequestParameterMap().get("tripId");<p></p></font></font></span>登入後複製 <span><p><font> </font></p></span> 登入後複製 登入後複製 <span><font><font><span> </span>if (parmTripId != null) {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>Integer tripId = new Integer(parmTripId);<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>try {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>getSessionBean1().getTripRowSet1().setObject(1, tripId);<p></p></font></font></span> 登入後複製 <span><font><font><span> </span><span> </span>tripDataProvider.refresh();<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>} catch (Exception e) {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>error("Cannot display trip " + tripId);<p></p></font></font></span>登入後複製 <span><font><font><span> </span>log("Cannot display trip " + tripId, e);<p></p></font></font></span>登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>}else {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>error("No trip id specified.");<p></p></font></font></span>登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 <span><font><font><span> </span><p></p></font></font></span> 登入後複製 登入後複製 登入後複製 |
<span>setObject方法</span>将行程查询的第一个参数设置为tripId。也就是说，该方法将查询中的?替换为 tripId。此查询只有一个参数，因此我们只需调用<span>setObject</span>一次。对<span>tripDataProvider1.refresh()的调用</span>会同时调用<span>CachedRowSet.release()</span>，并且重置CachedRowSetDataProvider的光标。但是此时不会执行CachesRowSet。
找到<span>hyperlink1_action方法。</span>添加以下粗体显示的代码，将personId传递给页面1：
|
代码示例3：Trip页的hyperlink1_action方法 |
<span><font><font><span> </span>public String hyperlink1_action() {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>getRequestBean1().setPersonId(<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>(Integer)tripDataProvider.getValue("trip.personid"));<p></p></font></font></span>登入後複製 <span><font><font><span> </span>return null;<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 <span><font><font><span> </span><span> </span><p></p></font></font></span> 登入後複製 |
定义页面导航
最后，指定页面1上的树节点与Trip页之间的导航。
在可视编辑器的设计视图中的任意位置单击鼠标右键，选择“页面导航”。
在Page1.jsp图标上单击连接器接口，然后拖动一条连线到Trip.jsp图标。
展开Trip.jsp图标，然后从“超级链接”组件拖动一条连线到Page1.jsp图标。页面导航设置。
运行该应用程序。在主页上，展开游客的姓名，然后单击某个旅行日期。
此时将打开Trip页打开，其中包含该行程的详细信息。
在Trip页中，单击“主页”链接。请注意，在主页上我们选择的最后一个行程的一级节点仍处于展开状态。
通过展开和折叠一级树节点并单击旅行日期，我们可以继续浏览该应用程序。
更多功能：将Action方法和树节点绑定
如果我们使用的是JavaServer Faces 1.2树组件（也就是说，项目的Java EE版本设置为Java EE 5平台），则可以将action方法与树节点绑定；并且通过在action方法中调用树组件的<span>getSelected()</span>方法，可以确定单击的是哪个节点，如以下步骤所示。
添加一个tripId属性到Integer类型的Request Bean中。
将以下方法添加页面1的Java源代码中：
|
代码示例4：页面1的tripNode_action方法 |
<span><font><font><span> </span>public String tripNode_action() {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>// Get the id of the currently selected tree node<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>String nodeId = displayTree.getSelected();<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>// Find the tree node component with the given id<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>TreeNode selectedNode =<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>(TreeNode) this.getForm1().findComponentById(nodeId);<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>try {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>// Node's id property is composed of "trip" plus the trip id<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>// Extract the trip id and save it for the next page<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>Integer tripId = Integer.valueOf(selectedNode.getId().substring(4));<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>getRequestBean1().setTripId(tripId);<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>} catch (Exception e) {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>error("Can't convert node id to Integer: " +<p></p></font></font></span>登入後複製 <span><font><font><span> </span><span> </span>selectedNode.getId().substring(4));<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>return null;<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>return "case1";<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 登入後複製 <span><font><font><span> </span><p></p></font></font></span> 登入後複製 登入後複製 登入後複製 |
在页面1的<span>prerender方法中，将以下代码替换为代码示例5中的代码。</span>
<span><font><font><span> </span>tripNode.setUrl("/faces/Trip.jsp?tripId=" +<p></p></font></font></span><span><font><font><span> </span>tripDataProvider.getValue("TRIP.TRIPID").toString());<span> </span><p></p></font></font></span>|
代码示例5：调整Prerender方法 |
<span><font><font><span> </span>ExpressionFactory exFactory =<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>getApplication().getExpressionFactory();<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>ELContext elContext =<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>getFacesContext().getELContext();<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>tripNode.setActionExpression(<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>exFactory.createMethodExpression(<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>elContext, "#{Page1.tripNode_action}",<p></p></font></font></span>登入後複製 <span><font><font><span> </span>String.class, new Class>[0]));<p></p></font></font></span> 登入後複製 |
按Alt-Shift-F组合键来修复导入。
在Trip页的<span>prerender()方法中，将主体替换为以下代码：</span>
|
代码示例6：Trip页的prerender方法 |
<span><font><font><span> </span>public void prerender() {<p></p></font></font></span>登入後複製 <span><font><font><span> </span><span> </span>Integer tripId =<span> </span>getRequestBean1().getTripId();<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>try {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>getSessionBean1().getTripRowSet1().setObject(1, tripId);<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>tripDataProvider1.refresh();<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>} catch (Exception e) {<p></p></font></font></span>登入後複製 <span><font><font><span> </span>error("Cannot display trip " + tripId);<p></p></font></font></span>登入後複製 <span><font><font><span> </span><span> </span>log("Cannot display trip " + tripId, e);<p></p></font></font></span>登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 <span><font><font><span> </span>}<p></p></font></font></span> 登入後複製 登入後複製 <span><font><font><span> </span><p></p></font></font></span> 登入後複製 登入後複製 登入後複製 |
运行应用程序。
关于树节点选择的注意事项
如果我们的项目是J2EE 1.4项目，则在选择树节点时应注意以下一些事项：
JavaServer Faces 1.1树组件无法使用<span>getSelected</span><span>方法或</span><span>getCookieSelectedTreeNode</span><span>方法来确定我们选择的是哪个节点。</span>如果用户禁用了浏览器中的cookie，那么这些方法将不能返回到正确值。另外，对于开启cookies的浏览器，用户第一次访问页面并单击某个节点时，cokkie 可能会返回错误值。如果浏览器中有前一次访问时遗留的cookie信息，则有可能返回前一次选定的值。由于在JavaServer Faces 1.2版本中，树组件不使用cookie来保存选定的信息，所以1.2版本中不存在上述问题。
树节点的突出显示部分不在两个会话之间被清除。如果多次运行本教程中的程序，则上次会话中选择的节点将在页面刚打开时突出显示在新会话中。这个问题是由于使用cookie来传输选定的节点ID而造成的。
结束语
在本教程中，我们通过数据库数据构建了一个树结构。我们构建了一个由两个页面组成的应用程序，其中第一页包含一个树组件。我们将数据库中的名字填充到树结构的一级节点，然后用此人的行程来填充二级节点。然后我们将第一页上的每个行程链接到第二页，在第二页中显示了该行程的详细信息。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
iOS 18 新增「已復原」相簿功能 可找回遺失或損壞的照片
Jul 18, 2024 am 05:48 AM
蘋果公司最新發布的iOS18、iPadOS18以及macOSSequoia系統為Photos應用程式增添了一項重要功能，旨在幫助用戶輕鬆恢復因各種原因遺失或損壞的照片和影片。這項新功能在Photos應用的"工具"部分引入了一個名為"已恢復"的相冊，當用戶設備中存在未納入其照片庫的圖片或影片時，該相冊將自動顯示。 "已恢復"相簿的出現為因資料庫損壞、相機應用未正確保存至照片庫或第三方應用管理照片庫時照片和視頻丟失提供了解決方案。使用者只需簡單幾步
AI新創集體跳槽OpenAI，Ilya出走後安全團隊重整旗鼓！
Jun 08, 2024 pm 01:00 PM
上週，在內部的離職潮和外部的口誅筆伐之下，OpenAI可謂是內憂外患：-侵權寡姐引發全球熱議-員工簽署“霸王條款”被接連曝出-網友細數奧特曼“七宗罪」闢謠：根據Vox獲取的洩漏資訊和文件，OpenAI的高級領導層，包括Altman在內，非常了解這些股權回收條款，並且簽署了它們。除此之外，還有一個嚴峻而迫切的問題擺在OpenAI面前——AI安全。最近，五名與安全相關的員工離職，其中包括兩名最著名的員工，「超級對齊」團隊的解散讓OpenAI的安全問題再次被置於聚光燈下。 《財星》雜誌報道稱，OpenA
如何在PHP中處理資料庫連線錯誤
Jun 05, 2024 pm 02:16 PM
PHP處理資料庫連線報錯，可以使用下列步驟：使用mysqli_connect_errno()取得錯誤代碼。使用mysqli_connect_error()取得錯誤訊息。透過擷取並記錄這些錯誤訊息，可以輕鬆識別並解決資料庫連接問題，確保應用程式的順暢運作。
在PHP中使用MySQLi建立資料庫連線的詳盡教學
Jun 04, 2024 pm 01:42 PM
如何在PHP中使用MySQLi建立資料庫連線：包含MySQLi擴充（require_once）建立連線函數（functionconnect_to_db）呼叫連線函數（$conn=connect_to_db()）執行查詢（$result=$conn->query()）關閉連線（ $conn->close()）
70B模型秒出1000token，程式碼重寫超越GPT-4o，來自OpenAI投資的程式碼神器Cursor團隊
Jun 13, 2024 pm 03:47 PM
70B模型，秒出1000token，换算成字符接近4000！研究人员将Llama3进行了微调并引入加速算法，和原生版本相比，速度足足快出了快了13倍！不仅是快，在代码重写任务上的表现甚至超越了GPT-4o。这项成果，来自爆火的AI编程神器Cursor背后团队anysphere，OpenAI也参与过投资。要知道在以快著称的推理加速框架Groq上，70BLlama3的推理速度也不过每秒300多token。Cursor这样的速度，可以说是实现了近乎即时的完整代码文件编辑。有人直呼好家伙，如果把Curs
中國移動：人類正邁入第四次工業革命 正式公佈'三個計劃”
Jun 27, 2024 am 10:29 AM
6月26日消息，在2024年世界行動通訊大會上海（MWC上海）開幕典禮上，中國移動董事長楊傑發表演說。他表示，當前，人類社會正邁入以資訊為主導、資訊和能量深度融合的第四次工業革命，即“數智化革命”，新質生產力加速形成。楊傑認為，從蒸汽機驅動的“機械化革命”，到電力、內燃機等驅動的“電氣化革命”，再到計算機和互聯網等驅動的“信息化革命”，每一輪工業革命都是以“信息和能量」為主線，帶來生產力發
如何在 Golang 中使用資料庫回呼函數？
Jun 03, 2024 pm 02:20 PM
在Golang中使用資料庫回呼函數可以實現：在指定資料庫操作完成後執行自訂程式碼。透過單獨的函數新增自訂行為，無需編寫額外程式碼。回調函數可用於插入、更新、刪除和查詢操作。必須使用sql.Exec、sql.QueryRow或sql.Query函數才能使用回呼函數。
如何在 Golang 中將 JSON 資料保存到資料庫中？
Jun 06, 2024 am 11:24 AM
可以透過使用gjson函式庫或json.Unmarshal函數將JSON資料儲存到MySQL資料庫中。 gjson函式庫提供了方便的方法來解析JSON字段，而json.Unmarshal函數需要一個目標類型指標來解組JSON資料。這兩種方法都需要準備SQL語句和執行插入操作來將資料持久化到資料庫中。
