速动画教程第十九集 eXtremeComponents 的基础配置
速动画教程第十九集 eXtremeComponents 的基础配置
<!----><o:p>
<o:p>
录像下载: http://sonic.peakle.net/download/sonic019.rar
临时下载: http://this.oksonic.cn 下载栏目，需要注册用户
</o:p>
开发环境：Eclipse 3.1.1 MyEclipse 4.1.1 Tomcat 5.5<o:p>
<o:p> </o:p>
此教程参考文章：http://www.blogjava.net/lucky/archive/2006/02/26/32479.html<o:p>
<o:p> </o:p>
先下载发行包 http://sourceforge.net/projects/extremecomp<o:p>
<o:p> </o:p>
将包内的所有 jar 文件拷贝到项目的 WEB-INF/lib 目录中<o:p>
<o:p> </o:p>
将 dist 目录中的 extremecomponents.tld 文件拷贝到 WEB-INF 中<o:p>
将 test 目录中的 test.jsp 文件拷贝到 webroot 目录中<o:p>
将 images 文件夹拷贝到 webroot 目录中<o:p>
<o:p> </o:p>
需要对原文件 test.jsp 修改！<o:p>
<o:p> </o:p>
修改了标签路径<o:p>
<o:p> </o:p>
然后刷新一下工程，布署工程，起动 Tomcat 打开浏览器，输入 http://localhost/table/test.jsp 进行测试<o:p>
<o:p> </o:p>
看一下 test.jsp 文件内容<o:p>
<o:p> </o:p>
以下是创建一个 list 集合，list 集合中是一组 java.util.HashMap 集合<o:p>
<% java.util.List presidents = new java.util.ArrayList(); %><o:p>
<o:p> </o:p>
<% java.util.Map president = new java.util.HashMap(); %><o:p>
<% president.put("name", "George Washington"); %><o:p>
<% president.put("nickname", "Father of His Country"); %><o:p>
<% president.put("term", "1789-1797"); %><o:p>
<% presidents.add(president); %><o:p>
<o:p> </o:p>
<% president = new java.util.HashMap(); %><o:p>
<% president.put("name", "John Adams"); %><o:p>
<% president.put("nickname", "Atlas of Independence"); %><o:p>
<% president.put("term", "1797-1801"); %><o:p>
<% presidents.add(president); %><o:p>
<o:p> </o:p>
<% president = new java.util.HashMap(); %><o:p>
<% president.put("name", "Thomas Jefferson"); %><o:p>
<% president.put("nickname", "Man of the People, Sage of Monticello"); %><o:p>
<% president.put("term", "1801-09"); %><o:p>
<% presidents.add(president); %><o:p>
<o:p> </o:p>
<% president = new java.util.HashMap(); %><o:p>
<% president.put("name", "James Madison"); %><o:p>
<% president.put("nickname", "Father of the Constitution"); %><o:p>
<% president.put("term", "1809-17"); %><o:p>
<% presidents.add(president); %><o:p>
<o:p> </o:p>
<% president = new java.util.HashMap(); %><o:p>
<% president.put("name", "James Monroe"); %><o:p>
<% president.put("nickname", "The Last Cocked Hat, Era-of-Good-Feelings President"); %><o:p>
<% president.put("term", "1817-25"); %><o:p>
<% presidents.add(president); %><o:p>
<o:p> </o:p>
<% president = new java.util.HashMap(); %><o:p>
<% president.put("name", "John Adams"); %><o:p>
<% president.put("nickname", "Old Man Eloquent"); %><o:p>
<% president.put("term", "1825-29"); %><o:p>
<% presidents.add(president); %><o:p>
<o:p> </o:p>
<% request.setAttribute("pres", presidents); %><o:p>
<o:p> </o:p>
以下代码使用 eXtremeComponents 的标签来生成表格 <o:p> </o:p>
<o:p> </o:p>
<ec:table <o:p>
items="pres"<o:p>
action="${pageContext.request.contextPath}/test.jsp"<o:p>
imagePath="${pageContext.request.contextPath}/images/table/*.gif"<o:p>
title="Presidents"<o:p>
width="60%"<o:p>
rowsDisplayed="5"<o:p>
><o:p>
<ec:row><o:p>
<ec:column property="name"/> 显示的列 <o:p> </o:p>
<ec:column property="nickname"/><o:p>
<ec:column property="term"/><o:p>
</ec:row><o:p>
</ec:table><o:p>
<o:p> </o:p>
<o:p> </o:p>
这集录像的内容很简单，用来测试一下新的录像制作工具！！！<o:p>
<o:p> </o:p>
bye!!!
