JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » Web Framework » JSF  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友    訂閱主題
reply to topicthreaded modego to previous topicgo to next topic
己加入精華區
by browser at 2007-01-24 23:21
本主題所含的標籤
無標籤
作者 [實作分享]使用 jsf自訂元件,產生多個連結目錄 <a href...> [精華]
bee





發文: 42
積分: 8
於 2007-01-24 22:01 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
Smile小弟近日採用jsf寫網頁,想要達成的目的:當我們顯示[像簿]縮小圖時,
可以將使用者選定目錄顯示出來,而且可直接跳回前面的任何目錄下,如
相簿首頁 >> 礁溪.九份二日遊 >> 林美石磐步道 >>...
找了jsf相關資料很久後,發現要用[jsf自訂元件],才可達成上項目標,
經一段努力後, 終於完成上項功能. 如 下圖:



小弟在尋找資料與作法時,找不到相同的jsf範例,只找到相近似的[分頁]範例,
為了能節省有需要大大的時間,小弟將程式重新整理,希望對各位大大能有助益.
(簡化了程式,故檢核及美化,都沒加入.)

1.環境:
WinXP(Win2k), JDK 1.5, Tomcat 5.5, Eclipse 3.2(UTF-8), JSF 1.1

2.參考
2_1.[精華] [入門筆記] 使用JSF: - 感謝 caterpillar 大大
http://www.javaworld.com.tw/jute/post/view?bid=42&id=96475&sty=1&tpg=3&age=0
有關 [自訂元件] 部分, 請詳加閱讀, 基本觀念這裡都有.

2_2.JSF-Tutorial 入門範例:
http://www.coreservlets.com/JSF-Tutorial/
Section 14: Developing Custom Components 說明及入門範例

2_3.Core JavaServer Faces-sun:
http://www.horstmann.com/corejsf/
ch10: Custom Components

2_4.OReilly.JavaServer.Faces 有正體中文版:
Chapter 13. Developing Custom Renderers
有關JSF細節說明的非常詳細, 是值得購買的一本書.

3.了解此篇內容最好要有以下背景:
HTML, Java, JavaBean, Tag, JSP, JSF基本元件運用

4.程式說明:
4_1.程式建置次序及相關性請詳見參考2-1.
4_1_1.於 dir_Picker.jsp 上
1
2
<%@ taglib uri="http://myjsf/dirPicker" prefix="dp" %>>
  <dp:outDirPicker/>

4_1_2.建立 WEB-INF/taglibs.tld
主要目的:標記名稱檔(可任意名稱,但延伸名一定要(.tld),位置於WEB-INF下)
變數名稱 及 <uri>應與 jsp 相同.

4_1_3.建立 WEB-INF/src/taglibs/OutDirPickerTag.java
主要目的:設定元件及繪圖器名稱,變數取得及型別轉換,變數初值設定.

4_1_4.修改 WEB-INF/faces-config.xml
主要目的:外掛 classes 參考名稱及放置位置.

4_1_5.建立 WEB-INF/src/photo/DirPickerRenderer.java
主要目的:繪製器繪出元件及解析元件動作.

4_2.可暸解不同bean間相互呼叫方法.

4_3.沒外在參數,程式較簡單易懂.

5.使用方法:
5_1.該要的類別,於 WEB-INF/class 不要忘了
commons-beanutils-1.7.0.jar, commons-codec-1.3.jar,
commons-collection-3.1.jar, commons-degester-1.6.jar,
commons-fileupload.jar, commons-lang-2.1.jar,
commons-logging-1.0.4.jar, jsf-api.jar,
jsf-impl.jar, jstl-1.1.0.jar,
standard.jar
參考:
http://www.javaworld.com.tw/jute/post/view?bid=42&id=166838&sty=1&tpg=2&age=0
5_2.解壓後直接放在{tomcat}/webapps/ 下重新啟動 tomcat
5_3.範例應用採Eclipse3.2檔案放置格式(設定檔沒放).
於Eclipse建立專案dirPicker後Import即可.
5_4.於 web下執行:
http://localhost:8080/dirPicker/

dirPicker.zip (13.93k)


bee edited on 2007-01-25 08:12
reply to postreply to post
» JWorld@TW »  Web Framework » JSF

reply to topicthreaded modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8