速动画教程第十九集 eXtremeComponents 的基础配置

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

临时下载: http://this.oksonic.cn 下载栏目，需要注册用户
 

开发环境：Eclipse 3.1.1  MyEclipse 4.1.1   Tomcat 5.5

 

此教程参考文章：http://www.blogjava.net/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!!!