Flex+Java简单例子(补足六个汉字).doc
文本预览下载声明
Flex + Java简单例子
一、软件环境
JDK 1.6.0_22
MyEclipse for Spring 6.8.0
Flash Builder 4
Tomcat 6.0.29
blazeds-bin-4931(不同域之间数据交换的代理功能、客户端认证、服务器端日志、本地化支持、RPC Services服务集中化管理等功能)
二、服务器端开发
1.将blazeds-bin-4931解压,得到文件blazeds.war,并将其放到Tomcat安装目录下的webapps文件夹里。
2.运行Tomcat,在webapps下会自动生成blazeds文件夹,将其名字改为工程名,如FlexJavaDemo。
3.运行MyEclipse,新建工程:File-New-Java Project,选择Create project from existing source,并指定FlexJavaDemo路径。Project name会默认为文件夹名。点击Next。
4.选择Create new source folder,Folder name为src,用来存放.java源代码,Finish。将Default output folder指向WEB-INF/classes,即编译后的.class文件所在目录,用于Tomcat发布服务。点击Finish。
5.新建Java类:File-New-Class。填写Package和Name,点击Finish。
6.编写HelloWorld.java,实现简单功能。保存。
package com.ccs.demo;
public class HelloWorld {
public String sayHello(String name) {
return Hello, + name + !;
}
}
7.打开WEB-INF/flex下的remoting-config.xml,在/service前加上以下代码。其中,id为自定义名称,用来让客户端识别服务;source为包括完整包名的类。
destination id=HelloWorld
properties
sourcecom.ccs.demo.HelloWorld/source
/properties
/destination
8.重启Tomcat。
三、客户端开发
1.运行FB,新建工程:File-New-Flex Project。设置如下
2.Next。设置如下
需点击Validate Configuration进行验证。Finish。
3.在Design模式下,拖动图形组件进行界面开发。
VGroup
VGroup
TextInput
Button
Label
各组件的属性参数可以在FB右边(默认)的Properties里修改。
4.切换至Source模式。将代码修改成(对组件参数的修改可以保持不变):
?xml version=1.0 encoding=utf-8?
s:Application xmlns:fx=/mxml/2009
xmlns:s=library:///flex/spark
xmlns:mx=library:///flex/mx minWidth=955 minHeight=600
fx:Declarations
s:RemoteObject id=ro destination=HelloWorld/
/fx:Declarations
s:VGroup x=50 y=50 width=200 height=200
s:TextInput id=ti/
s:Button label=Say Hello! click=ro.sayHello(ti.text)/
s:Label text={ro.sayHello.lastResult}/
/s:VGroup
/s:Application
其中,RemoteObject为服务端提供的服务对象,destination为之前remoting-config.xml里的id。当Button被点击后,会自动调用click的方法,从而调用HelloWorld的sayHello方法,参数为TextInput的内容。在Label内显示sayHello的返回值。
5.保存,运行。
附Tomcat在MyEclipse中的配置:
在MyEclipse工具栏里找到,点击三角形,选择Configure Server,按照Tomcat版本选择6.x或者其他。Tomcat home directory选择Tomcat的安装目录。OK。
当需要运行Tomcat时,只需点击Start。停止即点击Stop Server。
显示全部