J2EE项目整合FLEX项目.doc

我用的环境是MyEclipse6.0+JDK5.0+Tomcat5.5+ Flex3.0 Builder For Eclipse Plugin+LCDSLCDS可以到下载地址（官方）：/cfusion/tdrc/index.cfm?product=livecycle%5Fdataservices要注册Adobe账号，不过是免费使用的FlexBuilder3下载1.首先创建一个Web项目，如图所示：2.然后把这个项目部署到Tomcat服务器上的，我用的是Tomcat5.5.。3.接下来，如果你已把LCDS安装好了的话，那么你就到LCDS文件夹下面把lcds下的WEB-INF里的lib,flex两个文件夹考到你的FlexDemo项目里的WEB-INF下。4.接下来就是向现有的项目中添加FLEX特性了。回到你的MyEclipse中在你的项目上右击-Flex Project Nature-add Flex Project Nature ，如图所示：点Next注意了！这里的Root folder要指向你Tomcat下的Webapps里的项目下面， Root URL是你用来调试用的，localhost后面的FlexDemo名子要和上面Root folder里的FlexDemo要相同， Context root 这里也是的，output folder这里要指向你MyEclipse项目里的WebRoot下面，这样就好了，如图所示：这里点一下Validate Configuration进行校验一下，就可以了！然后点Finish完成！接下来就是配置环境了，对于初学者来说，这很麻烦也很乱，不过不要紧，你一点点理清了，也不是件难事！呵呵，俺就是这样过来的！回到你的MyEclipse中在你的项目上右击-Properties会出现下面图形：点Flex Build Path选项，在Source path 选项卡中，点Add Folder在弹出的对话框中写上flex_src。这表示所有的FLEX文件都放在这里，这个文件夹就是FLEX的源文件夹！如同JAVA里src一样！写完后点OK就可以了，然后在下面的Main source folder也改成flex_src，不自己写也行，你可点后面的Browse找到原项目里的flex_src也可以，不过你要事先要建好了才行哦！下面的Output folder你在前面已经配置好了，所以这里就不用改了，如果事前没有配置好，那在这里也可以配置，点后面的Browse浏览到你项目里的WebRoot文件夹就可以了，意思就是编译后文件都放到这里！到这里，Source path里东东就搞定了！下面我们来看下一个选项卡吧：我们会看到SDK会有小红叉，这不要紧，你先选中它，然后点Remove，将其移除，过会我会在下面的配置里再把它配好！这样Flex Bulid Path就配置好了！接下来再选中“Flex Compiler”选项卡，会出现如下图示：只要把选中“Use default SDK（Currently “FLEX 3”）”，然后点一下“Apply”应用一下就OK了！不信你可以再回到Flex Build Path 里看看上面的SDK已经加进去了！现在部署一下你的项目吧，如果没有开启，那再开启WEB服务器，开启完成后，你会发现在可以选中，右击，选中“recreate HTML Templates”.你再刷新一下项目，你会看到项目里新增了一个“html-templates”文件夹，现时在WebRoot下面也会出现你FlexDemo.mxml编译后生成的FlexDemo.html文件了，哈哈接下来要写代码了先在index.jsp里面随便写点吧 This is my JSP page. Hello World! goto FlexDemo 然后在FlexDemo.mxml也随便写点吧：好，我们先来看看能不能实现这个链接！最后确认一下你的WEB服务器有没有开启，如果开启了，那请你找开IE，在地址栏里写上http:/localhost/FlexDemo如果你设置的端口号是8080，那要加上了，我用了80端口啦，所以不用写了，呵呵修改FlexDemo.mxml代码，进行数据交互： 添加JAVA代码：包结构为com.Demo.java,com.DemoDAO.javaCom.Demo.java代码为：package com;public class Demo public String getData()System.out.println(in function one);DemoDAO DAO=new DemoDAO();return DAO.getData();public String getDataByName(String name)System.out.println(in function two);DemoDAO DAO=new DemoDAO(name);return DAO.getDataByName();Com.DemoDAO.java代码为：package com;public class DemoDAO private String name;public DemoDAO() super();public DemoDAO(String name) super(); = name;public String getData()return Hello World!_;public String getDataByName()return Hello ++ !_;上面两段代码一个实现了直接从后台取数据然后显示到前台页面，一个是从前台获取原始数据然后经后台处理后，再传到前台页面显示！修改项目中的WebRoot-WEB-INF-Flex-Remoting-config.xml文件为： com.Demo 以上为网上资源不是洗碗本人原著,以下为原著 源代码表现层本人加了报表的数据绑定需要注意配置web.xml这个,绝对要注意啦!不配这个按上面这个老兄的配置你是带不起来的!首先先要大家注意的是lcds下来安完后你发现没有flex.war这个文件 因为flex3.0当中它改名为lcds.war了 加这个就行了Web.xml的内容如下:注意是javaweb项目的那个web.xml如图:在原有的web.xml上添加 LiveCycle Data Services LiveCycle Data Services Application flex.messaging.HttpFlexSession MessageBrokerServletflex.messaging.MessageBrokerServletservices.configuration.file/WEB-INF/flex/services-config.xml1 MessageBrokerServlet/messagebroker/*index.htmlindex.htm添加完后本人的web.xml内容为: LiveCycle Data Services LiveCycle Data Services Application flex.messaging.HttpFlexSession MessageBrokerServletflex.messaging.M