速动LE第十九(ji)? eXtremeComponents 的基配置


录像下蝲: http://sonic.peakle.net/download/sonic019.rar
 

开发环境：(x)Eclipse 3.1.1  MyEclipse 4.1.1   Tomcat 5.5

 

此教E参考文章：(x)http://www.tkk7.com/lucky/archive/2006/02/26/32479.html

 

先下载发行包 http://sourceforge.net/projects/extremecomp

 

包内的所?jar 文g拯到项目的 WEB-INF/lib 目录?o:p>

 

?dist 目录中的 extremecomponents.tld 文g拯?WEB-INF ?/span>

?test 目录中的 test.jsp 文g拯?webroot 目录?o:p>

?images 文gҎ(gu)贝到 webroot 目录?o:p>

 

需要对原文?test.jsp 修改Q?o:p>

 

修改了标{\?o:p>

 

然后h一下工E，布v工程Qv?Tomcat 打开览器，输入 http://localhost/table/test.jsp q行试

 

看一?test.jsp 文g内容

 

以下是创Z?list 集合Q?span style="color: blue;">list 集合中是一l?span style="">  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>

 

 

q集录像的内容很单，用来试一下新的录像制作工PQ！

 

bye!!!


luckyQ?谢谢速的力_Q大家可以看一下这么样单?/span> eXtremeComponents ?/span>