构建Flex4为前端的JavaEE项目Word文档格式.docx
《构建Flex4为前端的JavaEE项目Word文档格式.docx》由会员分享，可在线阅读，更多相关《构建Flex4为前端的JavaEE项目Word文档格式.docx（34页珍藏版）》请在冰点文库上搜索。
选择BlazeDS
*使用WTP创建Java/Flex组合项目：
选上
7.点击Next
8.在“配置J2EE服务器”页对应以下两项，其他项默认即可
*目标运行时：
ApacheTomcatv6.0
*BlazeDSWAR文件：
选择上面准备好的blazeds.war
9.点击Next
*输出文件夹URL：
http:
//localhost:
8080/sampleApp
10.点击Finish
11.按提示切换到Flash视图（perspective），向sampleApp.mxml中拖入DataGrid控件以备后用
项目结构图：
第三步：
运行sampleApp项目
1.重新切换到JavaEE视图（perspective）
2.在Servers视图（View）中的Server内添加sampleApp项目
3.启动此Server
4.以“Web应用程序”的方式运行项目
5.如果看到刚才拖入的表格，恭喜你成功了:
）
第四步：
使Flex以RemoteObject的方式与Java交互
是不是觉得表格太空洞了？
下面我们用它显示雇员信息，借此演示Flex与Java的交互过程。
1.创建com.sample包
2.在包内创建两个类：
雇员类Employee，雇员的Service类EmployeeService
packagecom.sample;
publicclassEmployee{
privateStringname;
privateintage;
privateStringemail;
publicEmployee（Stringname,intage,Stringemail）{
this.name=name;
this.age=age;
this.email=email;
}
publicvoidsetName（Stringname）{
publicStringgetName（）{
returnname;
publicvoidsetAge（intage）{
publicintgetAge（）{
returnage;
publicvoidsetEmail（Stringemail）{
publicStringgetEmail（）{
returnemail;
importjava.util.ArrayList;
publicclassEmployeeService{
publicArrayListgetList（）{
ArrayListtempList=newArrayList（）;
for（inti=1;
i<
=30;
i++）{
tempList.add（newEmployee（"
Smith"
+i,20+i,"
smith"
+i+"
@"
））;
}
returntempList;
3.在remoting-config.xml文件中定义EmployeeService对应的destination
<
destinationid="
employeeServiceDest"
>
properties>
source>
com.sample.EmployeeService<
/source>
/properties>
/destination>
4.在sampleApp.mxml中通过employeeServiceDest调用EmployeeService的getList（）方法
*定义显示雇员信息的表格
mx:
DataGridx="
32"
y="
25"
width="
400"
dataProvider="
{employeeList}"
columns>
DataGridColumnheaderText="
Name"
dataField="
name"
/>
Age"
age"
Email"
email"
/mx:
DataGrid>
*定义RemoteObject组件
fx:
Declarations>
RemoteObjectid="
employeeServiceRO"
destination="
result="
resultHandler（event）;
"
fault="
faultHandler（event）;
/fx:
*定义相关函数
Script>
!
[CDATA[
importmx.controls.Alert;
importmx.rpc.events.ResultEvent;
importmx.rpc.events.FaultEvent;
[Bindable]
privatevaremployeeList:
Object;
privatefunctioninit（）:
void{
employeeServiceRO.getList（）;
privatefunctionresultHandler（event:
ResultEvent）:
employeeList=event.result;
privatefunctionfaultHandler（event:
FaultEvent）:
//Alert.show（event.fault.faultString,'
Error'
）;
Alert.show（event.toString（）,'
]]>
*当Application完成构建后立即触发init（）方法，以实现对Server端Java的调用
s:
Applicationxmlns:
fx="
xmlns:
s="
library:
//
mx="
minWidth="
955"
minHeight="
600"
creationComplete="
init（）;
第五步：
重新运行sampleApp项目
很不幸，RPC过程失败了（AdobeFlashBuilder的Bug吗？
注意到上图用黑色背景标注的内容了吧？
本应该是sampleApp，但现在却成了WebContent。
我们需要处理一下：
打开项目根文件夹下的.flexProperties文件，更改其中的serverContextRoot=”/WebContent”为serverContextRoot=”/sampleApp”。
OK，再运行试试吧（别忘了刷新项目）。
Flex4系列教程之七–整合Flex，BlazeDS，Spring（>
=2.5.6）
SpringBlazeDSIntegration是什么？
SpringBlazeDSIntegration是SpringSource的开源项目，用于整合Spring与BlazeDS。
为什么需要SpringBlazeDSIntegration？
正如“Flex4系列教程之六”介绍的：
不使用SpringBlazeDSIntegration同样可以整合Spring与BlazeDS。
但这种整合方式不自然，需要额外维护一个BlazeDS配置文件，SpringBlazeDSIntegration会改善这种处境。
SpringBlazeDSIntegration需要的软件环境：
*Java5或更高
*Spring2.5.6或更高
*BlazeDS3.2或更高
SpringBlazeDSIntegration特征
*MessageBroker（BlazeDS的核心组件）被配置为Spring管理的Bean
*Flex客户端发出的HTTP消息通过Spring的DispatcherServlet路由给MessageBroker
*Remoteobjects以Spring的方式配置在Spring配置文件内
注意事项：
以下内容基于“Flex4系列教程之五”中创建的sampleApp项目。
在继续本教程之前你需要准备好以下事项：
*下载SpringFramework（截稿时最新版spring-framework3.0.2），解压备用
*下载SpringFrameworkdependencies（截稿时最新版spring-framework3.0.2dependencies），解压备用
*下载SpringBlazeDSIntegration（截稿时最新版spring-flex1.0.3），解压备用
准备所需jar包
将以下3部分jar包拷贝到sampleApp项目的lib下
1.SpringFramework
org.springframework.aop-3.0.2.RELEASE.jar
org.springframework.asm-3.0.2.RELEASE.jar
org.springframework.beans-3.0.2.RELEASE.jar
org.springframework.context-3.0.2.RELEASE.jar
org.springframework.core-3.0.2.RELEASE.jar
org.springframework.expression-3.0.2.RELEASE.jar
org.springframework.web.servlet-3.0.2.RELEASE.jar
org.springframework.web-3.0.2.RELEASE.jar
2.SpringFrameworkdependencies
org.aopalliance内的com.springsource.org.aopalliance-1.0.0.jar
edu.emory.mathcs.backport内的com.springsource.edu.emory.mathcs.backport-3.0.0.jar
net.sourceforge.cglib内的.sf.cglib-2.2.0.jar
[注：
]Spring3的依赖包用Ivy或Maven管理会很方便，完成本系列教程后我会单独整理这部分。
暂且手动拷贝吧:
3.SpringBlazeDSIntegration
org.springframework.flex-1.0.3.RELEASE.jar
修改web.xml文件
将web.xml内所有Flex相关配置删除掉，添加以下内容（改用Springweb应用的前端控制器处理所有应用请求）
servlet>
servlet-name>
SpringMVCDispatcherServlet<
/servlet-name>
servlet-class>
org.springframework.web.servlet.DispatcherServlet<
/servlet-class>
init-param>
param-name>
contextConfigLocation<
/param-name>
param-value>
/WEB-INF/web-application-config.xml<
/param-value>
/init-param>
load-on-startup>
1<
/load-on-startup>
/servlet>
servlet-mapping>
url-pattern>
/messagebroker/*<
/url-pattern>
/servlet-mapping>
配置web-application-config.xml
1.创建应用上下文配置文件web-application-config.xml
?
xmlversion="
1.0"
encoding="
UTF-8"
beansxmlns="
//www.springframework.org/schema/beans"
xsi="
//www.w3.org/2001/XMLSchema-instance"
xsi:
schemaLocation="
//www.springframework.org/schema/beans
http:
//www.springframework.org/schema/beans/spring-beans-3.0.xsd"
/beans>
2.为了使用SpringBlazeDSIntegration的tag，增加命名空间
flex="
//www.springframework.org/schema/flex"
//www.springframework.org/schema/beans/spring-beans-3.0.xsd
//www.springframework.org/schema/flex
//www.springframework.org/schema/flex/spring-flex-1.0.xsd"
3.为了把请求路由给MessageBroker，添加以下tag
flex:
message-broker/>
4.定义Bean，并用remoting-destinationtag把它暴露给Flex
beanid="
class="
com.sample.EmployeeService"
remoting-destination/>
/bean>
删除多余的Flex配置文件
删除services-config.xml以外的所有Flex配置文件（你认为它们还有必要保留吗？
）。
但千万别忘记在services-config.xml内重新定义默认channel（原来定义在remoting-config.xml内）：
修改services-config.xml，替换
services>
service-includefile-path="
remoting-config.xml"
/>
proxy-config.xml"
messaging-config.xml"
/services>
为
default-channels>
channelref="
my-amf"
/default-channels>
运行结果与整合之前相同吧:
Flex4系列教程之八–整合iBATIS2.3
以下内容基于“Flex4系列教程之七”中最后形成的sampleApp项目。
Spring2.5.6之前版本的整合方式与本篇基本相同，不再重复。
配置数据源
是时候改用DB存储sampleApp中的雇员（Employee）信息了。
我们采用Mysql，并假定你已安装它（截稿时最新版MySQLCommunityServer5.1.47）。
1.准备数据库
*创建数据库sample
createdatabasesampledefaultcharactersetGBK;
*创建表employees
CREATETABLEIFNOTEXISTS`employees`（
`id`int（11）NOTNULLAUTO_INCREMENT,
`name`varchar（20）NOTNULLDEFAULT'
'
`age`int
（2）NOTNULLDEFAULT'
0'
`email`varchar（100）NOTNULLDEFAULT'
PRIMARYKEY（`id`）
）ENGINE=InnoDBDEFAULTCHARSET=gbk;
*插入一些模拟数据
insertintoemployees（name,age,email）values（'
张作强'
22,'
csdn.eric@'
陈惠仪'
20,'
chen.huiyi@'
张文轩'
2,'
wenxuan@'
张文婷'
1,'
wenting@'
周进云'
jinyun@'
2.准备所需组件
*下载以下组件解压备用
CommonsDBCP（截稿时最新版commons-dbcp1.4）
CommonsPool（截稿时最新版commons-pool1.5.4）
Connector/J（截稿时最新版mysql-connector-java5.1.12）
*拷贝jar包
将解压后的mysql-connector-java-5.1.13-bin.jar，commons-pool-1.5.4.jar和commons-dbcp-1.4.jar拷贝到sampleApp的lib下
3.使用单独文件存储DB驱动等信息
*创建resources包
*在包下创建jdbc.properties文件，输入你的DB信息
jdbc.driverClassName=com.mysql.jdbc.Driver
jdbc.url=jdbc:
mysql:
3306/sample?
userUnicode=true&
amp;
characterEnc
升级会员 