Flex 无疑是RIA第一位得选择,而JAVA 可以是Enterprise application 的第一选择。 结合二者来开发Web App 无疑是一种走向流行的方案。 前端Flex+后端JAVA的简单架构如图:

在实际得开发中实现上述结构的方法非常之多。我只是将自己开发的渐变过程记录下来。希望对后来者有所借鉴。
这个系列blog包括:
一。混沌未开-Flex-all-in-one
二。中央管理-Flex Central Managerment
三。MVC框架-Flex Cairngorm
四。咔嚓Front Controller的Cairngorm
五。轮回转世-Mate
样例。
为简洁起见,用一个非常简单的样例来演示开发过程:密友列表
系统只有二个画面:
登录-LoginView:

输入用户名和密码并登录, 进入密友列表画面(BuddyListView):

由于这个系列blog焦点在Flex应用开发方式,所以只选择Remote Object 作为和后端通讯的方式。AMF的实现使用Adobe 的opensource data service-BlazeDS。Java代码非常简单。仅限于配合这个blog系列。
相关得配置文件和JAVA class 如下:
1。remot-config.xml:
<?xml version=”1.0″ encoding=”UTF-8″?>
<service id=”remoting-service”
class=”flex.messaging.services.RemotingService”>
<adapters>
<adapter-definition id=”java-object” class=”flex.messaging.services.remoting.adapters.JavaAdapter” default=”true”/>
</adapters>
<default-channels>
<channel ref=”my-amf”/>
</default-channels>
<destination id=”flexmvcRO”>
<properties>
<source>com.ny.blog.flex.mvc.accessor.DummyAccessor</source>
<scope>session</scope>
</properties>
<adapter ref=”java-object” />
</destination>
</service>
2.DummyAccessor.java:
package com.ny.blog.flex.mvc.accessor;
import java.util.ArrayList;
import java.util.List;
import com.ny.blog.flex.mvc.pojo.Friend;
public class DummyAccessor {
public DummyAccessor() {
}
public boolean login(String userName,String password){
return true;
}
public List<Friend> getAllFriends(String userName){
List<Friend> myBuddy = new ArrayList<Friend>();
Friend dummy1 = new Friend();
dummy1.setFirstName(”John”);
dummy1.setLastName(”Smith”);
myBuddy.add(dummy1);
Friend dummy2 = new Friend();
dummy2.setFirstName(”Andy”);
dummy2.setLastName(”Jones”);
myBuddy.add(dummy2);
Friend dummy3 = new Friend();
dummy3.setFirstName(”Michael”);
dummy3.setLastName(”Niu”);
myBuddy.add(dummy3);
return myBuddy;
}
3.相关 pojo Friend.java:
public class Friend {
private String firstName;
private String lastName;
private String nickName;
public Friend() {
}
//getter and setters
…
}
Lets go :混沌未开-Flex-all-in-one
说明:本人很久不打中文,速度较慢,也会词不达意。而且基本是保持英文版本的中文重写。请耐心和指正。
分享到:
相关推荐
Flex 4是一个强大的富互联网应用程序(RIA)开发框架,由Adobe公司推出,它允许开发者创建交互性强、用户体验优秀的Web应用程序。在Flex 4中,皮肤是界面组件外观的关键元素,可以自定义以满足特定设计需求。进度条...
在 Flex 4.5 中,Spark 组件架构引入了更强大的皮肤系统。开发者可以通过创建 CSS 样式或使用 MXML 来定义按钮的外观,包括不同状态(如正常、鼠标悬停、按下)下的背景色、边框、文字样式等。同时,可以利用 Flex ...
ArcGIS API for Flex 是Esri公司提供的一款用于构建地理信息系统(GIS)Web应用程序的开发工具。Flex是Adobe公司推出的一种基于ActionScript 3.0的开源框架,用于创建丰富的互联网应用程序。将ArcGIS API与Flex结合...
Flex4引入了全新的皮肤架构,使得开发者可以更加灵活地控制组件的外观和交互效果。本篇文章将围绕Flex4自定义组件皮肤进行深入讲解,并结合标签中的"源码"和"工具",探讨如何实际操作和应用。 首先,我们要理解Flex...
通过下载 Degrafa_Beta3_Source压缩包,你可以获得完整的源代码,进一步了解其架构和实现细节,这对于学习和开发基于图形的应用程序来说是一个宝贵的资源。在实际应用中,结合 Degrafa的功能,开发者可以创建出富有...
接着,"纯css3绘制的人员关系拓展图"意味着我们将完全依赖CSS3的图形绘制能力,如边框半径、渐变、阴影、变换(Transforms)、过渡(Transitions)和动画(Animations),而不是使用JavaScript或者图片来创建图表。...
主要属性包括`display: flex`、`flex-direction`、`justify-content`、`align-items`等。 2. **Grid布局**: CSS Grid提供了二维布局系统,可以轻松地定义行和列,实现复杂的网格布局。关键属性有`display: grid`、`...