Blog Archives

Fusion: Eclipse + FDT + Flash Builder = <3

Nach diesem Blog Post => http://www.communitymx.com/content/article.cfm?cid=D830B <= Es ist auch ein sehr alter Blog Post!

Habe ich mir gedacht, ich teste mal meine Variante dich ich vor ein Jahr mal gemacht habe und es funktioniert!

Klar gehören da einige Konfigurationen dazu aber wenn man es 1 mal konfiguriert hat läuft es auch.

Read more »

Import Flex/Flash Builder Projects to FDT

Hey dudes this is a little tutorial how to import Flex/Flash Builder Projects in to FDT…

1. Import your Flex/Flash Builder Project

File -> Import

Read more »

Flash Buider Beta 2 + FDT Beta 3.5

flashBuilderMeetsFDT

Ohhh yeah i love the both tools FDT + Flash Buidler…

One tool is perfekt for design a GUI and the another one is perfekt for coding in AS 3…

My first step in FDT is with 2.0 Beta version… There is my love in FDT ;)

Than in found Flex Builder and think hey wow u have many components :) that’s what u want… But the coding was very ugly/dirty/fucking bullshit…

And NOOOWWWWW i can use the both best tool for As 3 FDT and Flash Builder in a one eclipse instance :) … Hey wow that is godlike :D

Unit Test with Flash Builder 4

Nice introduction for Unit Test in Flash Builder 4

Flas Builder 4 Unit Tests/

Flex mit Datenbank anbindung HowTo

Es gibt eine sehr schöne funktion beim Flex Builder und zwar eine anbindung zu einer Datenbank, Flex erstellt dann automatisch CRUD PHP Skripte…

Selbst für mich der keine Ahnung von PHP hat ist es verständlich was Flex da macht :D … Wenn mann mehrere Tabellen hat muß man nur diese Verbindung Programmieren oder den SQL Statement ändern ist wirklich sehr einfach… Desweiteren erstellt Flex schon eine Oberfläche womit man die dinge testen kann, ist schon sehr angenehm…

Vorher bitte (Windows):

  • xampp oder wamp installieren ( wenn noch nicht vorhanden )
  • Datenbank erstellen ( http://localhost/phpmyadmin )
  • Hier ein SQL Script für erstellen einer Tabelle
    CREATE TABLE IF NOT EXISTS `test` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `firstname` varchar(50) NOT NULL,
    `lastname` varchar(50) NOT NULL,
    `email` varchar(50) NOT NULL,
    `phoneNumber` varchar(50) NOT NULL,
    `cellphoneNumber` varchar(50) NOT NULL,
    `homepage` varchar(50) NOT NULL DEFAULT '',
    PRIMARY KEY (`id`)
    ) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;
  • Flex Builder Startbereit haben also geöffnet ;)

Step-2

Als erstes erstellen wir uns ein Projekt mit der Einstellung: Application server type: PHP

Nachdem das Projekt erstellt wurde bitte in den src Ordner einen php Ordner erstellen nur der Ordnung halber ;)

Step-1

Nachdem wir ein neues Projekt angelegt haben einfach auf Data -> Create Application from Database

Step-3

Nun müssen sie Ihren Web Root sowie die Root URL eingeben..

Web Root: ist der Pfad zu Ihrem htdocs/www ordner

Root URL: ist meistens http://localhost

Step-4

Jetzt kommt das entscheidende die Connection.  Rechts einfach auf Add klicken.

Step-5

Diesen PopUp könnt ihr eurene Connection einen Namen geben, total süß :) , sowie eine beschreibung… Beides ist nicht so wichtig hauptsache ihr findet diese Connection wieder :)

Step-6

So jetzt wird es interessant denn jetzt wird eine Verbindug zur Datenbank hergestellt…

Host URL: die URL zur Datenbank meistens localhost

Database Name: Name der Datenbank die sie bei phpmyadmin angelegt habe oder via mysql

Username: Username zu der Datenbank

Password: Passwort zu der Datenbank

Wenn Ihr eure Daten eingegeben habt einfach auf Finish klicken dann kommt Ihr wieder auf die Haupframe zurück…

Step-7

Nun seht ihr eure Datenbank und die Tabelle mit dem dazugrhörigen PRIMARY KEY…

Einmal bitte Next klicken…

Step-8

PHP Source Folder: via Browse auf den PHP Ordner im src Ordner auswählen

PHP File Name: hier einmal einen Namen für die PHP Datei schreiben, ist egal ich nenn es meistens CRUDScript oder so…

Einmal bitte Next klicken…

Step-9

So nun seht Ihr die Tabelle die Ihr erstellt habt wenn ihr meinen SQL Script benutzt habt dann seht ihr das gleiche was auf dem Bild zu sehen ist :) , wenn nicht dann habt ihr was falsch gemacht ;)

Das Feld Enable filtering on column: dient in der Benutzeroberfläche was erstellt wird als Suchmaske… Das heißt hier könnt Ihr nach verschiedenen Spalten suche lassen natürlich kann man nach allen suchen

lassen aber das müsst Ihr dann schon selber schreiben ;)

Einmal bitte Finish klicken…

Step-10

Juhuuuu jetzt habt Ihr es geschafft wie Ihr seht habt ihr einen Datagrid was eure Tabelle wieder spiegeln soll… Wie ihr in euren Projekt Ordner seht wurden mehrer AS Scripte abgelegt sowie PHP Scripte… Aber jetzt könnt Ihr alles selber bearbeiten…

In der Test.php sind die wichtigsten PHP Funktionen…

Wenn ihr in PHP weiter kommen wollt dann fragt Google :D … Bei Flex bzw. AS 3 könnt Ihr mich fragen ;)

Flex vs. FDT

Hi @all,

da ich FDT schon seit der 2.0 Version kenne bin ich natürlich total begeistert :) … Gegennüber zu Flex Builder hat es erheblich große Vorteile in Programmierern… Doch braucht man den GUI Editor so wie ich weil ich zu faul bin die ganzen Sachen einzutippen dann hat der Flex Builder natürlich seine Vorteile…

Ich habe auch schon ein Workarround wie man trotzdem beide vorteile nutzen kann :) Check this out

Pro FDT:

  • Coding Templates
  • SWC Browsing
  • besseres Design bei Package Strukturierung
  • Anbindung zu Flash IDE
  • besseres Codehighlighting sowie einstellung von Codehighlighting
  • besseres Refactoring

Pro Flex:

  • GUI Editor
  • Anbindung zur Datenbank mit automatischen erstellung von CRUD Skripten (tutorial kommt)
  • billiger als FDT

Fazit:
Nach meiner Persöhnlichen Meinung würde ich FDT aufjedenfall beverozugen als den Flex Builder die GUI kann man im Notfall auch noch eintippen soviel ist das nun auch wieder nicht ;) da man sowieso die GUI dynamisch zusammensetzt… Das was FDT bietet wie Codehighlighting und Code Templates erleichtert uns Programmierern erheblich das leben, schon alleine die getter und setter methoden nicht immer selber schreiben zu müssen war schon ausschlagebend für mich :D … Und wollen wir mal nicht über meinen bunten Codehighlighting reden, sehr bunt aber wesentlich schöner als das triste von Flex Builder ;)

ABER es kommt bald der Flash Builder und das was ich gesehen habe muß ganz ehrlich gestehen ist der Flash Builder wesentlich angenehmer und besser als FDT … Der Flash Builder kann jetzt beides und hat sogar einen direkte zugang zum Flash IDE dadurch das es eine Komponente gibt für den Flash Builder ich habe jetzt die Beta mehrere Monate mal ausprobiert und muß gestehen es ist sehr gelungen… Der Flash Builder beinhaltet die besten teile von FDT und Flex Builder ich warte mal ab wenn es offiziell raus kommt… Mehr dazu später wenn ich mein Flash Builder wieder neu installiert habe aufm VM dann gibt es auch nette Screens ;)

fxfdt_logo_2

Flex Builder Projekt meets FDT Projekt

Ihr habt euch schon mal gefragt wie kann man Flex und FDT kombinieren…

Flex hat einen praktischen GUI Editor was FDT leider nicht hat aber dazu einen sehr guten code Editor, heißt ja nicht umsonst “Pure Coding Comfort”.

Da ich schon mehr 2 Jahre mit FDT arbeite und durch AS 3.0 jetzt auch Flex nutze habe ich mir gedacht man kann beides nutzen nach mehreren Stunden rum probiere, habe ich es endlich
hinbekommen beide Projekte Ressources zusammen zu bekommen…

Ihr benötigt:

  • Flex Builder 3.0
  • FDT 3.2 Beta, frühere Versionen unterstützen kein MXML

Workarround:

  • FDT sowie Flex müssen den selben Workspace haben
  • FDT Projekt erstellen
  • Flex Projekt mit dem selben Projekt namen erstellen
  • MXML kann nun von FDT und Flex erstellt werden und alle Dependency’s zu den Klassen besteht
  • mann kann nur mit Flex oder FDT die Klassen Programmieren

Hier ein Link zum Probe Projekt…
Download

fdt_logo_2

fx