速動畫教程第十九集
eXtremeComponents
的基礎配置
錄像下載: http://sonic.peakle.net/download/sonic019.rar
?
開發環境：Eclipse 3.1.1? MyEclipse 4.1.1?? Tomcat 5.5
?
此教程參考文章：http://m.tkk7.com/lucky/archive/2006/02/26/32479.html
?
先下載發行包 http://sourceforge.net/projects/extremecomp
?
將包內的所有 jar 文件拷貝到項目的 WEB-INF/lib 目錄中
?
將 dist 目錄中的 extremecomponents.tld 文件拷貝到 WEB-INF 中
將 test 目錄中的 test.jsp 文件拷貝到 webroot 目錄中
將 images 文件夾拷貝到 webroot 目錄中
?
需要對原文件 test.jsp 修改！
?
修改了標簽路徑
?
然后刷新一下工程，布署工程，起動 Tomcat 打開瀏覽器，輸入 http://localhost/table/test.jsp 進行測試
?
看一下 test.jsp 文件內容
?
以下是創建一個 list 集合，list 集合中是一組? java.util.HashMap 集合
<% java.util.List presidents = new java.util.ArrayList(); %>
?
<% java.util.Map president = new java.util.HashMap(); %>
<% president.put("name", "George Washington"); %>
<% president.put("nickname", "Father of His Country"); %>
<% president.put("term", "1789-1797"); %>
<% presidents.add(president); %>
?
<% president = new java.util.HashMap(); %>
<% president.put("name", "John Adams"); %>
<% president.put("nickname", "Atlas of Independence"); %>
<% president.put("term", "1797-1801"); %>
<% presidents.add(president); %>
?
<% president = new java.util.HashMap(); %>
<% president.put("name", "Thomas Jefferson"); %>
<% president.put("nickname", "Man of the People, Sage of Monticello"); %>
<% president.put("term", "1801-09"); %>
<% presidents.add(president); %>
?
<% president = new java.util.HashMap(); %>
<% president.put("name", "James Madison"); %>
<% president.put("nickname", "Father of the Constitution"); %>
<% president.put("term", "1809-17"); %>
<% presidents.add(president); %>
?
<% president = new java.util.HashMap(); %>
<% president.put("name", "James Monroe"); %>
<% president.put("nickname", "The Last Cocked Hat, Era-of-Good-Feelings President"); %>
<% president.put("term", "1817-25"); %>
<% presidents.add(president); %>
?
<% president = new java.util.HashMap(); %>
<% president.put("name", "John Adams"); %>
<% president.put("nickname", "Old Man Eloquent"); %>
<% president.put("term", "1825-29"); %>
<% presidents.add(president); %>
?
<% request.setAttribute("pres", presidents); %>
?
以下代碼使用
eXtremeComponents
的標簽來生成表格
?
??? <ec:table
??????? items="pres"
??????? action="${pageContext.request.contextPath}/test.jsp"
??????? imagePath="${pageContext.request.contextPath}/images/table/*.gif"
??????? title="Presidents"
??????? width="60%"
??????? rowsDisplayed="5"
??????? >
??????? <ec:row>
??????????? <ec:column property="name"/>???
??? 顯示的列
??????????? <ec:column property="nickname"/>
??????????? <ec:column property="term"/>
??????? </ec:row>
??? </ec:table>
?
?
這集錄像的內容很簡單，用來測試一下新的錄像制作工具！！！
?
bye!!!
lucky：? 謝謝速的勞動，大家可以看一下這么樣簡單使用
eXtremeComponents
。