|
? FLEX，是Rich Internet Applications時代的牛×產物，
Rich Internet Applications，翻譯成中文為富因特網應用程序（Macromedia中文網站翻譯為Rich Internet應用程序）。傳統網絡程序的開發是基于頁面的、服務器端數據傳遞的模式，把網絡程序的表示層建立于HTML頁面之上，而HTML是適合于文本的，傳統的基于頁面的系統已經漸漸不能滿足網絡瀏覽者的更高的、全方位的體驗要求了，這就是被Macromedia公司稱之為的“體驗問題”（"Experience Matters"），而富因特網應用程序（Rich Internet Applications，縮寫為RIA）的出現也就是為了解決這個問題。
富因特網應用程序是下一代的將桌面應用程序的交互的用戶體驗與傳統的Web應用的部署靈活性和成本分析結合起來的網絡應用程序。富因特網應用程序中的富客戶技術通過提供可承載已編譯客戶端應用程序（以文件形式，用HTTP傳遞）的運行環境，客戶端應用程序使用異步客戶/服務器架構連接現有的后端應用服務器，這是一種安全、可升級、具有良好適應性的新的面向服務模型，這種模型由采用的Web服務所驅動。結合了聲音、視頻和實時對話的綜合通信技術使富因特網應用程序（RIA）具有前所未有的網上用戶體驗。
基于主機的應用程序 – 由基于主機（可以是大型計算機或小型計算機）的計算發展而來的交互式應用程序。推動此階段計算的商業需求來自于企業組織內部業務自動化，如工資表。應用程序在內部的專用網絡間進行本地發布，用戶界面的豐富性僅限制在文本范圍內。
客戶/服務器應用程序 – 客戶/服務器應用程序發展很快，這是因為我們需要對企業組織內部的信息及應用程序進行部門級別的訪問。仍然可以在企業組織內部本地訪問應用程序，但隨著圖形用戶界面的出現及客戶端處理的應用，應用程序的豐富性大大提高了。??
Web 應用 – Web 應用程序的全局性應用，以及基于主機集中管理應用程序的模型，解決了客戶/服務器模型的主要限制－ 但對用戶來說，這需要巨大的投入。從處理的角度來看，Web 應用程序模型將客戶端轉變為虛擬終端。用于提供最佳用戶體驗的主要交互問題消失了。這些主要問題包括直接控制、客戶端處理及局部存貯等。隨著各企業組織認識到 Rich Internet Application 模型可產生顯著的商業利潤、提高生產率及降低成本的優勢后，這種模型的發展勢頭越來越猛烈。這些應用程序結合了桌面應用程序的反應快、交互性強的優點與 Web 應用程序的傳播范圍廣及容易傳播的特性。系統架構發展的下一步是 Rich Internet Application，它最大程度地提高了廣泛性和豐富性。
Macromedia Flex 是為滿足希望開發 Rich Internet 應用程序的企業級程序員的需求而推出的表示服務器和應用程序框架。RIA 將桌面軟件的響應速度和豐富功能與 Web 應用程序的廣度結合在一起，以提供效果更好的最終用戶體驗。Flex 表示服務器提供基于標準的、聲明性的編程方法和流程，并提供運行時服務，用于開發和部署豐富客戶端應用程序的表示層。Flex 開發者使用直觀的基于 XML 的語言來定義豐富的用戶界面；該語言由 Flex 服務器翻譯成智能的客戶端應用程序，在普遍存在的 Flash 運行時環境中運行。
Flex 應用程序與傳統的 HTML 應用程序的主要區別在于 Flex 應用程序處理最適合在客戶端運行，如字段校驗、數據格式、分類、過濾、工具提示、合成視頻、行為及效果等。? Flex 可使開發人員更好地交付應用程序，這種應用程序使用戶可以迅速反應、在不同狀態與顯示間流暢過渡，并提供毫無中斷的連續的工作流。
Flex 開發模型與JSP、ASP/ASP.NET 或其他類似的腳本語言的基本的模型是一樣的：建立一個包含應用程序源代碼的文本文件，然后將此文件部署到服務器上；服務器在收到第一個請求時，將此源碼編譯成為應用程序，后續的請求將通過緩存處理。與發送一系列的包含數據與 UI 的 HTML 頁面不同，Flex presentation server 發送包含可在普遍的 Flash Player 虛擬機上運行的豐富客戶端用戶界面。需要時，Flex 應用程序將與服務器交換，數據以響應客戶端上終端用戶的操作。
除了在現有的表示層上進行添加外，Flex 并不需要對當前的業務層與整合層進行任何改變。Flex presentation server 在應用服務器內運行，并為 Flex 應用程序提供整合與管理能力。Flex 整合的能力可以輕松地通過 Web 服務、Java 對象訪問或 XML 使用現有的代碼及信息。Flex 還可以與一些現有的表示技術與框架結構如 JSP 及 Struts 等進行集成。
Flex 應用程序框架由 MXML、ActionScript 2.0 及 Flex 類庫構成。開發人員利用 MXML 及 ActionScript 2.0 編寫 Flex 應用程序。利用 MXML 定義應用程序用戶界面元素，利用 ActionScript 2.0 定義客戶邏輯與程序控制。Flex 類庫中包括 Flex 組件、管理器及行為等。利用基于 Flex 組件的開發模型，開發人員可在程序中加入預建的組件、創建新組件或是將預建的組件加入復合組件中。
隨著無數種類的應用程序可以通過 Flex 創建的 Rich Internet Application 前端加以增強，產品的設計也開始以改善具有特定功能的應用程序為目標了。Flex 最適用的應用程序包括解決多步處理的應用程序或需要客戶端驗證、直接控制或是可視數據的應用程序。
MXML：Flex 標記語言
MXML 和 HTML 一樣是標記語言，它描述了反映內容與功能的用戶界面。與 HTML 不同的是，MXML 可對表示層邏輯與用戶界面和服務器端數據綁定提供聲明抽象。MXML 可將表示與業務邏輯的問題徹底分開，以實現最大程度地提高開發人員的生產率及應用程序的重復使用率。? MXML 的開發基礎是在迭代過程上，這與其他類型的 Web 應用程序文件如 HTML、JSP、ASP 及 ColdFusion 標記語言 (CFML) 是相同的。開發 MXML 應用程序就象打開一個文件編輯器一樣簡單，只要輸入一些標簽、保存文件，然后在 Web 瀏覽器上打開文件 URL 即可。
MXML 文件同時也是普通的 XML 文件，所以可以選擇多種開發環境。可以在簡單文件編輯器、專用 XML 編輯器或是支持文件編輯的集成開發環境 (IDE) 中進行開發。由于 MXML 符合 W3C XML 方案的定義，您也可以使用結構化編輯，如代碼著色和代碼提示（取決于編輯器的功能）。
MXML和HTML間最大區別：前者定義的應用是編譯的SWF文件，執行于FlashPlayer客戶端中。后者是基于頁面技術的應用。因此前者能提供更豐富的、動態的UI。MXML不支持Flash的某些特性，例如：時間軸。但是可以利用Flash設計組件并應用在Flex中。MXML應用可以是一個MXML文件，也可以是多個MXML組成，MXML支持MXML文件形式的自定義組件、ActionScript文件形式的自定義組件以及在Flash中建立的自定義組件。
Flex Builder 是 Macromedia 的適用于 Flex 應用程序開發的 IDE（集成開發環境）。Flex Builder 通過為 Flex 用戶提供一種與 Flex 服務器、應用程序模型和編程語言緊密集成的 IDE，超越了一般代碼編輯器。通過這種集成，Flex Builder 為 Flex 組的所有成員提供一種卓有成效的工作環境。Flex Builder 與 Flex 綁定，作為總體解決方案的一部分。
Flex Builder 為 Flex 開發者帶來三個根本好處：
快速學習 Flex
在設計視圖中部署 Flex 界面后，將生成界面的 MXML。MXML 變動后，設計
新。讓 Flex Builder 向您顯示如何為應用程序編寫 MXML。?
使用設計視圖，您可以拖拉組件建立用戶界面，并在 Flex Builder 為您編
MXML 代碼時進行查看。 查看每個 MXML 標記的所有選項可以更好地了解 MXML。?
? 使用與 MXML 和 ActionScript 集成的編輯器，可以獲得最佳的代碼提示
完成。
更快速地開發
使用 Flex Builder 可以提高效率。與 Flex 服務器和框架的完全集成，可以確
的生產環境。?
? 使用一個工具，可以提供以下所有功能：對應用程序進行布局、編碼、調試
? 使用拖拉設計視圖對應用程序進行快速布局和定型。
?使用與 MXML 和 ActionScript 緊密集成的代碼編輯器更快速地進行編碼
使用集成的調試器調試應用程序邏輯和服務器通信。
讓每個人溶入開發團隊
讓每個人溶入開發團隊，從而建立最高效的 Flex 應用程序。當設計者全力部署
時，您可以產生更有效的應用程序。
? 不習慣使用大量代碼的設計者也可以參與工作。使用可視設計視圖，設計者
效地布局應用程序界面。?
? 與更改代碼的程序員和更改設計視圖的設計人員合作，開發您的應用程序。
Flex安裝配置完全教程
1、安裝JDK1.5.0
1) 下載后雙擊安裝即可，我這里裝到D:\jdk1.5.0_01，安裝時會自動安裝JRE5.0，可以安裝到其它的路徑，我這里裝到D:\jre1.5.0_010.
>高級>環境變量>系統變量>新建(輸入如下內容)
變量名：J***A_HOME
變量值：D:\jdk1.5.0_01
2、安裝Tomcat5.5.6
1) 下載后雙擊安裝，在安裝的過程中記住選中"service"選項，這樣Tomcat就可以以windows服務的形式啟動。我這里把Tomcat安裝在D:\Flex\Tomcat 5.5\目錄。
2) 接著會配置http端口號和管理密碼，按需要輸入即可，這里可以為空，端口默認為8080。
3) 安裝過程中會要求指定JRE的目錄，它會自動檢測，按默認即可。如果沒有檢測到，手動動輸入JRE安裝目錄就行。
4) Tomcat安裝完成后會在狀態欄生成一個小圖標，如果是綠色的小三角表示Tomcat服務器已經啟動成功，雙擊這個圖標進入Tomcat服務控制臺，用Start和Stop開始和停止服務。
5) 在瀏覽器中輸入“http://localhost:8080”，如果出現一個Apache Tomcat/5.5.6的頁面，證明Tomcat安裝成功。
3、安裝Flex 1.5
1) 第一步是解壓縮，雙擊下載下來的flex-15-win.exe，并選擇一個解壓縮到的目錄，比如“桌面”。
2) 打開桌面上解壓縮后的文件夾，名如"I1103705281"，進入里面的windows目錄，雙擊Flex.exe進行安裝。
3) 安裝界面如下圖，點擊Next就行了。過程中要求輸入序列號，如果留空則為60天的試用版（序列號網上好多，實在找不到的留言給我吧~呵呵）。我這里把Flex安裝在D:\Flex。
4) 下面開始進行最重要的一步，將Flex安裝到Tomcat中去。進入Tomcat下的webapps目錄（我這里是D:\Flex\Tomcat 5.5\webapps），新建兩個目錄，一個是flex，一個是samples（注意，Tomcat服務器是區分大小寫的！）。
5) 用winzip將Flex程序目錄（我這里就是D:\Flex）下的flex.war解壓縮到上一步建立的flex目錄。同樣，將samples.war解壓縮到上一步建立的samples目錄。至此，Flex1.5安裝完畢。
6) 在瀏覽器中打開“http://localhost:8080/samples/”，點擊左邊導航欄的“Flex Explorer”，如果你看到一個效果圖，證明Flex服務器已經安裝成功！
4、安裝Flex Builder 1.5
1) 下載來的Flex Builder 1.5，文件名為FlexBuilder1.5Installer.exe，安裝好后，如果沒有序列號，可以選擇60天的試用版（找序列號吧。。。）。
2) 啟動后可以看到，界面和Dreamweaver非常相似。第一步和DW一樣，也是定義一個Flex站點。選擇“Creat New”中的“Flex Site...”，在彈出的站點設置對話框中填入相應信息
3) 然后就可以用Flex Builder做你的Flex站點了，呵呵。
|