J2EE flex框架

2 篇文章 0 订阅

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>



index.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">
<%
    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工程



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值