J2EE集成Flex--MXML组件嵌入JSP

引用

  利用FLEX组件嵌入JSP页面中并获取FLEX变量值传递到JSP变量，提交给后台JAVA Web

  应用程序处理，本实例是将FLEX Numeric滑动值传递给JSP后台。

   以下是将FLEX集成到J2EE说明:

  *******************************
*   Introduction              *
*******************************

The Flex compiler module for J2EE application servers is a Web Application aRchive (WAR) file that you can deploy
to most J2EE application servers that support servlets. This lets you rapidly compile,
test, and deploy an application: Instead of compiling your MXML file into a SWF file and
then deploying it and its wrapper files on a web server, you can just refresh the MXML
file in your browser.

The Flex compiler module for J2EE application servers also provides a JSP tag library
that lets you write Flex applications in JSPs.

The Flex compiler module for J2EE application is not for production use. The Flex compiler
module web application should not be made available on a public-facing web server.


*******************************
*   Requirements              *
*******************************

The Flex compiler module for J2EE application servers comes as a WAR file. You can deploy
it to any of the following J2EE web application servers:
* Adobe JRun 4 Updater 7
* Apache Tomcat 6.0.x
* IBM WebSphere 6.1.x € IBM 1.5
* BEA WebLogic 10 € Sun 1.5
* JBoss 4.2.x


*******************************
*   Installation              *
*******************************

To install the Flex compiler module for J2EE application servers, create an application root
directory and extract the contents of the WAR file into that directory. Your application server
might have a facility for deploying WAR files that you should use. After you deploy the WAR file,
restart your application server.

For example, on Tomcat, create a new directory under the {tomcat_install_dir}/webapps directory
and expand the WAR file into that new directory. Save your MXML and JSP files in that directory.


*******************************
*   Configuration             *
*******************************

The Flex compiler module for J2EE application servers uses the following configuration files:

WEB-INF/flex-config.xml
Defines the default settings for the Flex compiler.

WEB-INF/flex-webtier-config.xml
Defines settings specific to the web tier, such as logging, caching, and debugging.

WEB-INF/web.xml
Defines the web component settings for the Flex web application, such as servlet definitions
and mappings, and tag library definitions.

To use custom SWC files or ActionScript classes in your applications, add them to the
WEB-INF/flex/user-classes directory.

If you want to use data visualization components in your Flex applications, add the appropriate
SWC files to the WEB-INF/flex/libs directory.

引用

注意问题:

1) MXML组件放置在根目录WebRoot下，而不是WEB-INF目录下，因MXML运行时动态生

     swf文件，生成的swf与MXML是同一目录下(WEB-INF下的文件不能直接访问)。

2) 本实例中FLEX能解析，FLEX3中的组件(即能解析FLEX3命名空间)，以下给出FLEX4与

FLEX3组件定义内容:

FLEX4:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   width="435" height="54" minWidth="955" minHeight="600">
	<fx:Script>
		<![CDATA[
			import mx.events.SliderEvent;
			import mx.controls.Alert;
			protected function numberkj_changeHandler(valueStr:String):void
			{
				ExternalInterface.call("getNumberVal",valueStr); 
			}
		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<mx:HSlider id="numberkj" x="5" y="2" width="425" change="numberkj_changeHandler(numberkj.values.toString())"
labels="[0 mins, 180 mins]" maximum="180" minimum="0" snapInterval="10" thumbCount="2" tickInterval="5">
	</mx:HSlider>
</s:Application>

FLEX3:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				width="420" height="53" minWidth="955" minHeight="600" layout="absolute">
	
	<mx:Script>
		<![CDATA[
		import mx.events.SliderEvent;
		import mx.controls.Alert;
		protected function numberkj_changeHandler(valueStr:String):void
		{
		ExternalInterface.call("getNumberVal",valueStr); 
		}
		]]>
	</mx:Script>
	
	<mx:HSlider id="numberkj" x="10" y="9" width="400" change="numberkj_changeHandler(numberkj.values.toString())"
labels="[0 mins, 180 mins]" maximum="180" minimum="0" snapInterval="10" thumbCount="2" tickInterval="5">
	</mx:HSlider>
</mx:Application>

评论

2 楼 legxash 2015-08-11  

http://www.iteye.com/images/smiles/icon_cool.gif

1 楼 legxash 2015-08-11