速动画教程第十九集
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!!!