第四篇 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 本书《Flexible Rails: Flex 3 on Rails 2》由Peter Armstrong撰写,旨在探讨如何结合使用Flex 3和Rails 2来开发高效的富互联网应用程序(Rich ...
在探索如何将Adobe Flex3与Ruby on Rails(简称Rails)结合,创建动态Web应用的过程中,一个常见的入门案例便是“HelloWorld”。此案例不仅展示了这两种技术如何协同工作,还揭示了它们在构建交互式用户界面方面的...
### Flex on Rails 文档知识点详解 #### 一、关于 Flexible Rails **Flexible Rails** 是一个旨在结合 **Flex** 和 **Rails** 技术优势的框架。通过将这两者结合,可以构建出高度交互且功能丰富的 Web 应用程序。本...
### Flex与Ruby on Rails结合应用 #### 知识点一:Flex与Ruby on Rails的集成原理及优势 《FlexibleRails》这本书主要讲述了如何将Flex与Ruby on Rails进行整合,实现强大的Web应用程序。Flex是一种用于构建丰富的...
Rails是Ruby on Rails的简称,是一个基于Ruby语言的开源Web开发框架,遵循MVC(Model-View-Controller)架构模式。Rails强调DRY(Don't Repeat Yourself)原则,提倡简洁、高效的代码,以及灵活的数据驱动开发。 在...
### Flexible Rails:FLEX 3 on RAILS 2 #### 知识点一:Flexible Rails 概念 - **定义**:Flexible Rails 是一个结合了Ruby on Rails 和 Adobe Flex 技术的应用开发框架。 - **目标**:旨在利用Ruby on Rails 的...
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 ...
### Ruby on Rails Magazine Issue 3:深度探索与实践 #### 核心知识点解析: ##### 1. Ruby on Rails 概览 《Rails Magazine》聚焦于 Ruby on Rails 的深入研究与应用,每一期都包含了该领域内专家的见解、实用...
压缩包中的文件 "Flexible Rails FLEX 3 ON RAILS 2.pdf" 似乎是一本关于Rails 2.x版本和Adobe Flex 3结合使用的书籍。Flex是一个用于创建富互联网应用程序(RIA)的框架,允许开发者使用ActionScript或Flex SDK创建...
总结,这个案例展示了Ruby on Rails和Flex如何协同工作,利用RSS获取并展示天气信息,同时体现了RIA开发在提升用户体验和应用功能方面的强大能力。通过深入理解和实践这些技术,开发者可以构建出更强大、更吸引人的...
- **Ajax on Rails**:介绍如何使用Ruby on Rails框架结合Ajax技术进行Web开发。 - **Learning JavaScript**:适合初学者学习JavaScript编程的基础教程。 - **Programming Atlas**:介绍多种编程语言和技术的使用...
对C语言、Java语言/JavaEE系统、Ruby on Rails、Flex、Ajax等领域都有深入的研究:国内第一个Flex企业级上线项目核心开发者,属于国内最早一批应用Flex进行企业级开发的软件工程师;国内第一批Ruly on Rails架构的...
通过设置 `display: flex` 属性,开发者可以轻松创建多列布局、对齐内容、自适应间隔等,这对于构建响应式 Rails 应用尤其重要。 提到“点击按钮而不是文本的计数器”,这可能是指在用户界面设计中的一种交互方式。...
Sharetribe Sharetribe为每个业务生命周期... Ruby on Rails 5.2.3 MySQL 5.7 React + jQuery Node.js 10.15(用于编译JavaScript资产) “所见即所得” 编辑 部署:自定义脚本(不使用Mina或Cap3) 服务器:H
FusionCharts free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。你不需要知道任何关于flash编程的知识,你只需要知道你...
"JRuby on Rails in Production: Lessons Learned from Operating a Live"聚焦于JRuby on Rails在生产环境中的实际应用。JRuby是Java平台上对Ruby语言的实现,它允许开发人员利用Ruby的简洁性和Rails框架的生产力,...
- Ruby是一种动态、面向对象的语言,Ruby on Rails是其流行的Web开发框架,以其简洁的语法和开发效率受到青睐。 8. **Flex** - Flex是用于构建富互联网应用程序(RIA)的工具,基于ActionScript和Flash Player,...