)flex入門

來源:互聯網
上載者:User
原文地址: http://weijie.blog.51cto.com/340746/76060
作者:魏傑      Flex是什嗎?我們可以簡單的理解為是許多技術和服務供應項目的總稱。也可以看成是Adobe公司為我們J2ee應用程式提供的一個展現伺服器。主要用來和我們j2ee環境下進行整合的一個開發包(war)。也可以理解為主要有actionscript和mxml兩種語言群組成的一個應用。從架構上考慮,flex就是一個開源的架構。就像Spring,Hibernate一樣。     一句話總結:Flex是用來開發新一代的“複雜Internet應用”(RIAs - Rich Internet Applications)。結合案頭應用的可用性和web應用的易於管理的優點來開發一種複雜Internet應用。既繼承了傳統案頭應用的及時性,又發揮了流行的web應用的易於部署和管理的優點。      Flex是一個在J2EE應用伺服器或servlet容器安裝的展現伺服器。它擁有豐富的使用者介面組件、用於排布這些組件的基於XML的標記語言,以及可以處理使用者互動的物件導向程式設計語言。這些技術的給我們帶來的是:使用Flash播放器渲染複雜Internet應用,使用工業標準和開發人員熟悉的方式進行開發。 簡單的理解Flex的組成      Flex主要包含兩種檔案,一種是mxml檔案和actionscript檔案。其中mxml檔案是基於xml的,這就表明了它是可擴充的,可定製的標籤。在mxml中引入了大量的豐富的標籤集 。加快了開發速度,它主要用來展現展示層的頁面。其中一個as檔案主要用來控制一些簡單的編程邏輯和使用者互動的需求 ,as是一種大家熟悉的物件導向的語言,支援物件導向的三大特性,對我們背景程式員來說,更簡單了,它的文法與java,c#,js很相似,其實所有的物件導向的語言的文法都是大同小異的。 簡單的理解Flex的工作原理       我通過簡單的對比,讓大家很快的瞭解它的工作原理。先回想一下jsp的工作原理,它首先被先行編譯成 servlet,也就是我們熟悉的java類,然後再編譯成jvm所能執行的class位元組碼。而mxml檔案的這個工作原理與jsp很相似的,mxml首先也被先行編譯成as中間檔案,在編譯成Adobe Flash Player 能執行的swf位元組碼。Adobe Flash Player 就像java虛擬機器一樣。但它們有一點不同的是,jsp的位元組碼執行是在伺服器端執行的,而Flex的swf位元組碼是有伺服器發送到用戶端(瀏覽器)的Adobe Flash  Player 上執行的。這一點的差別,大家可能就可以看出flex的優點了,起碼可以減輕伺服器的壓力了。       更形象的我們可以把mxml比作jsp,而as看成servlet(java)來理解可能更簡單了。上面是從工作原理上比喻是非常接近的。如果我們但從表現的比喻的話,可以把mxml看成是html,而把as看成javascript。這樣大家可能會更好的理解,mxml(html)主要用來顯示的,而as(javascript)主要用來控制一些編程邏輯和使用者互動的需求。我們通過這兩個形象的比喻,你應該理解Flex了吧。 

簡單的實現HelloWorld         我將會通過一個簡單的HelloWorld的例子,讓你徹底的瞭解Flex的工作原理。先寫一個mxml檔案,也可以寫成as檔案。開啟記事本寫入下面對代碼。<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 <mx:Label text="Hello World" />
</mx:Application>然後儲存為HelloWord.mxml。我儲存在D:\flex\HelloWord.mxml.      HelloWorld寫好了,我們現在怎樣通過命令列運行呢?首先保證你的電腦上已經按裝了SDK,就像運行java必須安裝JDK一樣。一般我們在配置環境變數path,就是可以在命令列下不用切換到SDK的bin目錄下就可以直接使用的命令,這個大家應該都很熟悉吧。自己根據安裝的SDK配置吧。      開啟一個命令視窗:      切換到你的檔案所在的檔案夾下。如:      當你看到在和HelloWorld.mxml同一目錄下會產生一個HelloWorld.swf檔案,這就是我們說的swf檔案。它可以在Adobe Flash Player中運行。雙擊這個檔案就可以看到一個如的效果。       也可以在命令視窗直接用命令:D:\flex\HelloWorld.swf.也會啟動並執行。同時注意要保證你的電腦上已經安裝了Adobe Flash Player播放器。         上面我說過,mxml會產生一個中間檔案as,我們怎麼沒看到呢?我們知道我們寫的jsp的頁面,而我們用到是class檔案,把中間那一步的檔案並沒有放到我們的工程中,這個其實也一樣,它只產生了swf檔案,而沒有看見as檔案,如果我們想看到怎麼辦呢?         這時我們就得用這個命令執行:mxmlc -keep-generated-actionscript HelloWorld.mxml
會在Hello.mxml檔案的同目錄下產生一個generated的檔案夾,裡面就是mxml檔案編譯時間產生的中間檔案as.     generated檔案下就是as中間碼: 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.