Wie soll ich meine Flex-Anwendung organisieren?

Question

Ich bin derzeit ein .NET-Entwickler, aber ich fange an, mit Flex ein wenig zu arbeiten, und ich habe die Gemeinschaft groß gefunden. Es gibt viele großartige Ressourcen da draußen, aber eines der Probleme, mit denen ich konzeptionell konfrontiert werde, ist die Organisation eines Flex-Projekts. Vom Standpunkt einer "traditionellen" ASP.NET-Webanwendung ausgehend würde ich Ordner mit verwandten Seiten, Steuerelementen, CSS, JavaScript usw. erstellen.

Was ist das beste Muster für die Organisation einer Flex-Anwendung? Ich benutze gerne den Code hinter dem Muster mit meinen MXML-Dateien, aber das sind nicht wirklich "Seiten" an sich, also wie gehst du davon ab, einfach alles in den Stamm deines src-Ordners zu pumpen?

Answer 1

Dies ist eine grobe Skizze, aber wenn ich eine Flex-Anwendung zu tun sucht die Struktur immer so etwas wie:

 
    src 
    | - components 
    |  | - containers 
    |  |  | - actionscript 
    |  |  | - mxml 
    |  | - visual 
    |    | - actionscript 
    |    | - mxml 
    | 
    | - pages 
    | | - actionscript 
    | | - mxml 
    | 
    | - includes 
    |  | - images 
    |  | - xml 
    |  | - swfs 
    |  | - css 
    | 
    | - www 
    | | - includes 
    | |  | - images 
    | |  | - swfs 
    | |  | - css 
    | |  | - javascript 
    | | 
    | | - index.html 
    | 
    | - util 
    |  | - actionscript 
    | 
    | - Main.mxml 

Alle Komponenten gehen in die Behälter oder visuelles Verzeichnis des Komponenten-Verzeichnisses.

Die Hauptteile der Anwendung gehen in das Seitenverzeichnis.

Das Includes-Verzeichnis wird für alle Assets verwendet.

Das www-Verzeichnis enthält alles, was benötigt wird, um die Anwendung ins Internet zu stellen.

Das Verzeichnis util enthält alle ActionScript-Geschäftslogik für die Anwendung.

Answer 2

Es ist üblich, eine MVC-Architektur wie Cairngorm und eine umgekehrte Domain-Naming-Struktur zu verwenden. So wird die das Projekt aufgeteilt in Model, View, Controller, ..... Ein Cairngorm Beispiel wird hier gezeigt:

ProjectName 
-assets 
--images 
-lib 
-locale 
-src 
--com 
---company 
----project 
-----model 
-----events 
-----view 
-----controller 
-----business 
-----delegates 
-----views 
------components 
-----util 
-----vo 
-Main.mxml 
-Style.css 

Dann, wenn Sie thrid Partei Quelle fügen sie sich:

com/thirdparty/component 

Der Beitrag here gibt weitere Erläuterungen zu jedem Ordner.

Dies ist die Client-Seite der Anwendung und ich habe in der Regel die Server-Seite der Anwendung in eine eigene Ordnerstruktur aufgeteilt gesehen.