1、环境搭建
jdk eclipse Tomcat flexbuild
2、eclipse建立普通的web项目 flextext,指定server
login.jsp
<%@page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript">
document.domain = "10.87.25.91";
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body style="margin:0px">
<script type="text/javascript">
function login(){
document.getElementById("frame").src = "index.jsp?loginId="
+document.getElementById("txt").value+"&showPageId=campManage&groupId=36089";
}
function reverse()
{
var newLoginName = "";
var loginName = document.getElementById("txt").value;
for(var i =loginName.length-1; i >= 0;i--)
{
newLoginName += loginName.charAt(i);
}
document.getElementById("txt").value = newLoginName;
}
</script>
<table width="100%" height="55" bgcolor="#74AFD1" cellspacing="0" cellpadding="0">
<tr>
<td width="20%">用户名:</td>
<td>
<input type="text" id="txt" name="loginId" size="20"/>
<input type="button" value="Login" οnclick="login()" />
<input type="button" value="reverse" οnclick="reverse()" />
</td>
</tr>
</table>
<iframe frameborder="1" name="pmsIframe" id="frame" width="100%" height="610" >
</iframe>
</body>
</html>
<%@page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
%>
<html>
<head>
<script language="javascript">
document.domain = "10.87.25.91";//"10.96.23.145";
</script>
<%
//此处根据需要转向精准系统指定页面
response.sendRedirect("flex-bin/PMSView.html");
%>
</head>
<body>接受传参数 userId跳转页面</body>
</html>
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<display-name>flextest</display-name>
<servlet>
<servlet-name>Spring MVC Dispatcher Servlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/application-config.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Spring MVC Dispatcher Servlet</servlet-name>
<url-pattern>/spring/*</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
</web-app>
application-config.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:flex="http://www.springframework.org/schema/flex"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-2.5.xsd
http://www.springframework.org/schema/flex
http://www.springframework.org/schema/flex/spring-flex-1.0.xsd">
<!-- Spring Beans’s -->
<bean id="entityServer" class="server.EntityServer" />
<!-- Simplest possible message broker -->
<flex:message-broker/>
<!-- exposes myService as BlazeDS destination -->
<flex:remoting-destination ref="entityServer" />
</beans>
3、flex中建立flex工程 flexView
把output folder指到web工程flextext下面 ,注意compiler arguments
前台页面FLEXView.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.ListEvent;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
[Bindable]
private var entityList:Object;
private function init():void {
entityRO.getEntityList();
}
private function entityRO_faultHandler(event:FaultEvent):void
{
Alert.show(event.toString(), "Error");
}
private function entityRO_resultHandler(event:ResultEvent):void
{
entityList = event.result;
}
protected function dg1_changeHandler(event:ListEvent):void
{
Alert.show(dg1.selectedItem.name, "Info");
}
]]>
</mx:Script>
<mx:RemoteObject id="entityRO"
destination="entityServer">
<mx:method name="getEntityList" result="entityRO_resultHandler(event)"
fault="entityRO_faultHandler(event)">
</mx:method>
</mx:RemoteObject>
<mx:VBox width="100%"
height="100%">
<mx:Label text="1111111111111">
</mx:Label>
<mx:Button label="dianji" click="init()"/>
<mx:DataGrid id="dg1" x="10" y="10"
dataProvider="{entityList}"
change="dg1_changeHandler(event)"
selectionColor="#E7EEA8" rollOverColor="#CEDBEF" height="108">
<mx:columns>
<mx:DataGridColumn headerText="Name" dataField="name"/>
<mx:DataGridColumn headerText="Age" dataField="age"/>
<mx:DataGridColumn headerText="Email" dataField="email"/>
</mx:columns>
</mx:DataGrid>
</mx:VBox>
</mx:Application>
4、建立java工程