`
houwei
  • 浏览: 62041 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Flex 开发架构渐变

    博客分类:
  • Flex
阅读更多

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

flex and java

 

 

在实际得开发中实现上述结构的方法非常之多。我只是将自己开发的渐变过程记录下来。希望对后来者有所借鉴。

这个系列blog包括:

 

一。混沌未开-Flex-all-in-one

二。中央管理-Flex Central Managerment

三。MVC框架-Flex Cairngorm

四。咔嚓Front ControllerCairngorm

五。轮回转世-Mate

 

样例。

为简洁起见,用一个非常简单的样例来演示开发过程:密友列表

系统只有二个画面:

  登录-LoginView:

 

 login view

 

 

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

 

 buddylist

 

 

由于这个系列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

 

说明:本人很久不打中文,速度较慢,也会词不达意。而且基本是保持英文版本的中文重写。请耐心和指正。

9
6
分享到:
评论
4 楼 aotianlong 2008-12-06  
你是中国人吗
3 楼 isaac 2008-09-17  
不错,支持,学习中。
2 楼 houwei 2008-09-06  
这个系列重点不在后台方案, 也没说Java是最佳
1 楼 wanglong 2008-08-30  
楼主的见解偏颇,这种开发模式下,后台的实现,应该是呈现多样化的发展,未必java最佳

相关推荐

    Flex 4 进度条的皮肤

    Flex 4是一个强大的富互联网应用程序(RIA)开发框架,由Adobe公司推出,它允许开发者创建交互性强、用户体验优秀的Web应用程序。在Flex 4中,皮肤是界面组件外观的关键元素,可以自定义以满足特定设计需求。进度条...

    flex4.5httpservice实现搜狐焦点图新闻和特效按钮皮肤制作

    在 Flex 4.5 中,Spark 组件架构引入了更强大的皮肤系统。开发者可以通过创建 CSS 样式或使用 MXML 来定义按钮的外观,包括不同状态(如正常、鼠标悬停、按下)下的背景色、边框、文字样式等。同时,可以利用 Flex ...

    ArcGIS_API_for_Flex_教程

    ArcGIS API for Flex 是Esri公司提供的一款用于构建地理信息系统(GIS)Web应用程序的开发工具。Flex是Adobe公司推出的一种基于ActionScript 3.0的开源框架,用于创建丰富的互联网应用程序。将ArcGIS API与Flex结合...

    Flex4 自定义组件皮肤小结

    Flex4引入了全新的皮肤架构,使得开发者可以更加灵活地控制组件的外观和交互效果。本篇文章将围绕Flex4自定义组件皮肤进行深入讲解,并结合标签中的"源码"和"工具",探讨如何实际操作和应用。 首先,我们要理解Flex...

    Degrafa(Beta3)

    通过下载 Degrafa_Beta3_Source压缩包,你可以获得完整的源代码,进一步了解其架构和实现细节,这对于学习和开发基于图形的应用程序来说是一个宝贵的资源。在实际应用中,结合 Degrafa的功能,开发者可以创建出富有...

    css3企业组织关系结构图表特效

    接着,"纯css3绘制的人员关系拓展图"意味着我们将完全依赖CSS3的图形绘制能力,如边框半径、渐变、阴影、变换(Transforms)、过渡(Transitions)和动画(Animations),而不是使用JavaScript或者图片来创建图表。...

    css-refresher-notes:CSS刷新器!

    主要属性包括`display: flex`、`flex-direction`、`justify-content`、`align-items`等。 2. **Grid布局**: CSS Grid提供了二维布局系统,可以轻松地定义行和列,实现复杂的网格布局。关键属性有`display: grid`、`...

Global site tag (gtag.js) - Google Analytics