`
lzqustc
  • 浏览: 209879 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

Flex3 on Rails ( 5 )

阅读更多

第四篇 Flex3 on Rails2 进阶

摘要:创建Flex的用户注册、登录界面,并与Rails的认证系统(restful_authentication)进行通信,实现相应功能。 

工具:Flex Bulider 3  restful_authentication插件

 

 

 

二、安装restful_authentication插件

 

三、Flex Bulider 3创建工程

四、在Flex工程的src目录下依次创建com\blogs\components、com\blogs\events文件夹,然后开始编辑相关mxml文件:

①、首先是注册界面,在src\com\components\AccountCreateBox.mxml,内容如下

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" label="Create Account">
  <mx:Metadata>
    [Event(name="accountCreate", type="com.blogs.events.AccountCreateEvent")]
  </mx:Metadata>
  <mx:Script>
    <![CDATA[
      import mx.controls.Alert;
      import mx.rpc.events.ResultEvent;
      import com.blogs.events.AccountCreateEvent;
      private function createAccount():void {
        svcAccountCreate.send();
      }
      private function handleAccountCreateResult(event:ResultEvent):void {
          var result:Object = event.result;
          if (result == "error") {
             Alert.show("Your account was not created.", "Error");
          } else {
           dispatchEvent(new AccountCreateEvent(XML(result)));
        }
      }
    ]]>
  </mx:Script>
  <mx:HTTPService id="svcAccountCreate" url="/users/create" contentType="application/xml" resultFormat="e4x"
    method="POST" result="handleAccountCreateResult(event)">
    <mx:request>
      <user>
         <login>{loginTI.text}</login>
         <email>{emailTI.text}</email>
         <password>{passwordTI.text}</password>
         <password_confirmation>{confirmPasswordTI.text}</password_confirmation>
      </user>
    </mx:request>
  </mx:HTTPService>

 

  <mx:Form labelWidth="150">
    <mx:FormItem required="true" label="Username">
      <mx:TextInput id="loginTI"/>
    </mx:FormItem>
    <mx:FormItem required="true" label="Email Address">
      <mx:TextInput id="emailTI"/>
    </mx:FormItem>
    <mx:FormItem required="true" label="Password">
      <mx:TextInput id="passwordTI" displayAsPassword="true"/>
    </mx:FormItem>
    <mx:FormItem required="true" label="Confirm Password">
      <mx:TextInput id="confirmPasswordTI" displayAsPassword="true"/>
    </mx:FormItem>
    <mx:FormItem>
      <mx:Button id="createAccountButton" label="Create Account" click="createAccount()"/>
    </mx:FormItem>
  </mx:Form>
</mx:VBox>

 

说明:

1、  <mx:Metadata>:声明一个事件(event),其name为accountCreate,其type为com.blogs.events.AccountCreateEvent,当然要创建AccountCreateEvent,它是一个ActionScript Class(as)文件,在Flex 工程左栏导航里选择src\com\blogs下的events右击弹出菜单后台选择“New—>ActionScript Class”,起名为AccountCreateEvent,接着编辑AccountCreateEvent.as文件,内容如下:

package com.blogs.events {
  import flash.events.Event;
  public class AccountCreateEvent extends Event {
    public static const ACCOUNT_CREATE:String = "accountCreate";
    public var user:XML;
    public function AccountCreateEvent(user:XML) {
      super(ACCOUNT_CREATE);
      this.user = user;
    }
  }
}

 

2、根据url="/users/create",contentType="application/xml"修改Rails app\Controllers\users_controller.rb的create action,改为如下内容:

 def create
    @user = User.new(params[:user])
    @user.save!
    self.current_user = @user
    render :xml => @user.to_xml
    rescue ActiveRecord::RecordInvalid
    render :text => "error"
  end

 

3、对于Flex界面样式采用<mx:Form>、<mx:VBox>

 

Ok、用户注册界面完毕,下一篇将接着介绍用户登录界面^_^

分享到:
评论

相关推荐

    Flexible Rails: Flex3 on Rails2

    ### Flexible Rails: Flex3 on Rails2 #### 关于Flexible Rails 本书《Flexible Rails: Flex 3 on Rails 2》由Peter Armstrong撰写,旨在探讨如何结合使用Flex 3和Rails 2来开发高效的富互联网应用程序(Rich ...

    Flex3与Rails结合

    在探索如何将Adobe Flex3与Ruby on Rails(简称Rails)结合,创建动态Web应用的过程中,一个常见的入门案例便是“HelloWorld”。此案例不仅展示了这两种技术如何协同工作,还揭示了它们在构建交互式用户界面方面的...

    flex on rails文档

    ### Flex on Rails 文档知识点详解 #### 一、关于 Flexible Rails **Flexible Rails** 是一个旨在结合 **Flex** 和 **Rails** 技术优势的框架。通过将这两者结合,可以构建出高度交互且功能丰富的 Web 应用程序。本...

    flex rails

    ### Flex与Ruby on Rails结合应用 #### 知识点一:Flex与Ruby on Rails的集成原理及优势 《FlexibleRails》这本书主要讲述了如何将Flex与Ruby on Rails进行整合,实现强大的Web应用程序。Flex是一种用于构建丰富的...

    flex 與 rails 開發的問題單管理sample

    Rails是Ruby on Rails的简称,是一个基于Ruby语言的开源Web开发框架,遵循MVC(Model-View-Controller)架构模式。Rails强调DRY(Don't Repeat Yourself)原则,提倡简洁、高效的代码,以及灵活的数据驱动开发。 在...

    Flexible Rails

    ### Flexible Rails:FLEX 3 on RAILS 2 #### 知识点一:Flexible Rails 概念 - **定义**:Flexible Rails 是一个结合了Ruby on Rails 和 Adobe Flex 技术的应用开发框架。 - **目标**:旨在利用Ruby on Rails 的...

    Hello! Flex 4

    Peter Armstrong is the co-founder and CEO of Ruboss Technology Corporation, a Vancouver, BC area company focusing on Adobe Flex and Ruby on Rails development and consulting. He is the co-creator of ...

    rails magazine issue 3

    ### Ruby on Rails Magazine Issue 3:深度探索与实践 #### 核心知识点解析: ##### 1. Ruby on Rails 概览 《Rails Magazine》聚焦于 Ruby on Rails 的深入研究与应用,每一期都包含了该领域内专家的见解、实用...

    Rails相关电子书汇总

    压缩包中的文件 "Flexible Rails FLEX 3 ON RAILS 2.pdf" 似乎是一本关于Rails 2.x版本和Adobe Flex 3结合使用的书籍。Flex是一个用于创建富互联网应用程序(RIA)的框架,允许开发者使用ActionScript或Flex SDK创建...

    ruby+flex实现天气预报

    总结,这个案例展示了Ruby on Rails和Flex如何协同工作,利用RSS获取并展示天气信息,同时体现了RIA开发在提升用户体验和应用功能方面的强大能力。通过深入理解和实践这些技术,开发者可以构建出更强大、更吸引人的...

    programming_flex.pdf

    - **Ajax on Rails**:介绍如何使用Ruby on Rails框架结合Ajax技术进行Web开发。 - **Learning JavaScript**:适合初学者学习JavaScript编程的基础教程。 - **Programming Atlas**:介绍多种编程语言和技术的使用...

    ActionScript 3.0 API文档及Flex开发详解电子书

    对C语言、Java语言/JavaEE系统、Ruby on Rails、Flex、Ajax等领域都有深入的研究:国内第一个Flex企业级上线项目核心开发者,属于国内最早一批应用Flex进行企业级开发的软件工程师;国内第一批Ruly on Rails架构的...

    rormatrixru.github.io:Ruby on Rails 开发人员能力矩阵

    通过设置 `display: flex` 属性,开发者可以轻松创建多列布局、对齐内容、自适应间隔等,这对于构建响应式 Rails 应用尤其重要。 提到“点击按钮而不是文本的计数器”,这可能是指在用户界面设计中的一种交互方式。...

    sharetribe:Sharetribe Go是可购得的市场软件,也可以作为托管的无代码SaaS产品获得。 有关无头,API优先的市场解决方案,请查看Sharetribe Flex

    Sharetribe Sharetribe为每个业务生命周期... Ruby on Rails 5.2.3 MySQL 5.7 React + jQuery Node.js 10.15(用于编译JavaScript资产) “所见即所得” 编辑 部署:自定义脚本(不使用Mina或Cap3) 服务器:H

    FusionCharts源代码极其中文使用帮助文档

    FusionCharts free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。你不需要知道任何关于flash编程的知识,你只需要知道你...

    JavaOne2009大会资料-Services SOA Platform and Middleware Services2

    "JRuby on Rails in Production: Lessons Learned from Operating a Live"聚焦于JRuby on Rails在生产环境中的实际应用。JRuby是Java平台上对Ruby语言的实现,它允许开发人员利用Ruby的简洁性和Rails框架的生产力,...

    各种编程语言的区别与联系.doc

    - Ruby是一种动态、面向对象的语言,Ruby on Rails是其流行的Web开发框架,以其简洁的语法和开发效率受到青睐。 8. **Flex** - Flex是用于构建富互联网应用程序(RIA)的工具,基于ActionScript和Flash Player,...

Global site tag (gtag.js) - Google Analytics