建立Flex客户端与J2EE服务端于同一(BlazeDS服务)工程.doc

建立Flex客户端与J2EE服务端于同一(BlazeDS服务)工程(解决因MyEclipse版本过高而导致的不兼容问题)1. 建立Web Project首先建立一个Web Project(例: 项目名叫flexweb)2. 把BlazeDS导入至此项目中右键项目中的WebRoot - Import - General - File System, 点击From directory的Browse. 选择解压后BlazeDS.war的文件夹(里面包含META-INF和WEB-INF两个目录), 点确定.把刚刚导入blazeds的文件夹选中, 点Finish, 选择Yes To All.此时项目的目录结构应该是这样:3. 更改web.xml内容打开web.xml, 把以下内容的注释解禁.然后把参数useAppserverSecurity的值改成false, 修改后内容如下.注: 这里是设置flex客户端通过中间件BlazeDS连接到java服务端时启动的servlet, 如果不设置这一步, 连接服务端时将会出现404错误.4. 添加服务端的java类我这里分别建了两个类:User(JavaBean), UserService(用户操作类). 都放在test包内, UserService内的login方法实现用户登录操作.5. 添加客户端需要访问的类映射打开WEB-INF - flex - remoting-config.xml, 在service标签内添加你在flex客户端要访问到java服务端的类映射路径.(此项目我需要在界面进行登录, 所以要调用服务端的UserService中的login方法, 因此我在这里要配置UserService类的映射路径, 不然flex客户端无法调用login方法登录.)注: 每个映射类都需要在destination标签上配置id属性值, 因为在被调用的时候会用到.此时服务端的准备工作已经完成, 我们可以先发布项目, 启动tomcat.6. 添加Flex项目类型右键项目 - 添加/更改项目类型 - 添加Flex项目类型应用程序服务器类型: J2EE; 选中”使用远程对象访问服务”, 选择BlazeDS. 然后Next.此时会出现几个路径, 有可能需要修改.根文件夹: 服务端(当前项目)存在于tomcat中目录的绝对路径(必须先发布项目才有效).根URL: 浏览器访问此项目的根URL.上下文根目录: 当前项目的根目录.输出文件夹: 已编译的flex客户端文件的输出目录的绝对路径.(这是选择flex客户端已编译的应用程序的存放路径, 可以不位于当前项目的文件夹内.)最后点一下”验证配置”, 通过即可. 点Finish完成.7. 配置Flex客户端点击Finish完成后, 我们发现了项目报错. 原因是缺少了html-template文件夹.解决办法: 选中Problems选项卡, 右键点击此错误, 选择”重新创建HTML模板”. (让MyEclipse帮我们重建此模板)此时错误已解决, 在项目中自动生成了html-template文件夹.现在离配置完成还有一步(请坚持下去_), 就是设置flex客户端的src目录. 由于我们把客户端和服务端放在同一工程中, 为了不把两端的文件混淆, 我们必须设置一下.右键项目 - properties - Flex构建路径把”主源文件夹”的路径改成flex_src, 就可以了.(为了和服务端java类存放的src分开, 这里一定要起另外一个名字作为路径.)点OK, 回到主界面. 现在我们发现左边的资源管理器多了一个名为flex_src的文件夹.此时我们把原来src里的flexweb.mxml文件拖放到这个专为flex客户端存放文件的src目录里面. 所有配置就大功告成了!8. 连接服务器一切准备就绪之后, 我们现在可以尝试连接服务器了, 选中”数据/服务”选项卡, 点击”连接数据/服务.”默认选中”BlazeDS”, Next.勾上我们配置好映射的java类, Finish.9. 编写flex程序, 通过BlazeDS连接到服务端成功连接服务器后, 现在我们打开flexweb.mxml, 编写一个用户登录的程序界面.需要用到的控件:Id为: txt_userName 的TextInputId为:txt_password的TextInputId为:btn_login 的 ButtonId为:lbl_state 的 Label设置一下Login的Button属性, 单击时生成服务调用.选择调用的服务和操作(实际上就是调用的类和方法).选择好我们需要调用的方法, 点击OK. 接着就会自动跳到代码界面.接下来我们要创建一个user对象作为参数传到这个login方法内进行处理, 而这个user对象的用户名和密码就是来自于txt_userName和txt_password两个控件的文本值.代码编写完之后, 我们切换回图形界面, 还有最后一步需要设置, 就是Label显示的登录结果.右键Label - 绑定到数据选择”现有调用结果”, 点击OK大功告成! 现在我们保存一下, 右键点击flexweb.mxml, 运行一下.在浏览器中的调试结果:10. 总结此方