Ultradev-Beispiel-Tutorial: 4 Installation und Verwendung von Plug-Ins
Autor:Eve Cole
Aktualisierungszeit:2009-05-30 18:34:38
Kapitel 4: Installation und einfache Verwendung des Ultratrade-Plug-Ins
Die Verwendung von Plug-Ins kann uns dabei helfen, einige Funktionen schnell zu implementieren und uns viel Programmieraufwand zu ersparen. In der Vergangenheit mussten Dreamweaver- und Ultradev-Plug-Ins manuell in das entsprechende Verzeichnis kopiert werden, was für diejenigen, die mit diesem Aspekt nicht vertraut waren, ziemlich mühsam war. In Version 4.0 verwendete Marcomedia eine Software namens Extention Manager um Benutzern die Installation von Plug-Ins zu erleichtern, und das Plug-In-Format wurde ebenfalls in *.mxp geändert.
Der Extention Manager wird bei der Installation von Dreamweaver oder Ultradev installiert. Wir können ihn über Start->Programme->Macromedia Extention Manager öffnen.
Die Anzeigeoberfläche ist einfach und übersichtlich. Die beiden Schaltflächen auf der linken Seite der Symbolleiste sind „Installieren“ und „Deinstallieren“. Name, Version, Typ, Autor und andere Informationen der von Ihnen installierten Plug-Ins werden im Fenster unterhalb der Symbolleiste aufgelistet. Das folgende Fenster listet die Zweckbeschreibung des Plug-Ins und einige Vorsichtsmaßnahmen oder einfache Verwendungsmethoden auf. Wie im Bild oben gezeigt.
Wenn Sie ein neues Plug-In installieren möchten, können Sie direkt auf Ihre Plug-In-Datei doppelklicken. Das System ruft dann automatisch den Extention Manager auf, um es zu installieren. Sie können es auch installieren, indem Sie in der Extention Manager-Symbolleiste auf die Schaltfläche „Installieren“ klicken , und wählen Sie dann das Plug-in aus, das Sie installieren möchten:
Zu Beginn der Installation werden Sie gefragt, ob Sie der Aussage von Macromedia zustimmen, die generell besagt, dass dieses Plug-in nicht als kommerzielle Distribution usw. verwendet werden sollte. „Ablehnen“ beendet das Installationsprogramm, also wählen wir natürlich „Akzeptieren“ :)
Wo finden Sie Plug-Ins? Es wird empfohlen, die Homepage von Macromedia aufzusuchen, die ein Plug-In-Center bietet, in dem Ultradev-Benutzer aus der ganzen Welt Plug-Ins bereitstellen. Die Klassifizierung ist wissenschaftlich und es gibt auch eine Suche, die Ihnen hilft, schnell die gewünschten Plug-Ins zu finden.
Im Folgenden werde ich kurz die Verwendung eines Plug-Ins vorstellen.
Plug-in-Name: dHTML Outlines
Version: 1.7.7
Typ: Objekt
Dies ist ein Objekt-Plugin, das ein Dropdown-Menü im Explorer-Stil erstellt (Baum ausblenden). Dieses Plug-in erfordert IE4 oder höher oder Netscape 6, um es zu unterstützen (erwähnt in der Plug-in-Einführung im Bild).
Nach der Installation können Sie das Plug-in-Einstellungsfenster über das Objektfenster oder das Menü „Einfügen -> Umrisse“ öffnen.
Das Bedienfeld des Plug-Ins ist sehr einfach, wie in der Abbildung dargestellt:
Wählen Sie die Registerkarte „Details“ aus, und wir können sehen, dass es im Panel drei Stellen gibt, die wir festlegen können.
Basisname für Konturen: Sie können diesen nach Belieben ausfüllen, es muss jedoch ein gültiger Name sein. Er dient nur als Parameter im später generierten JavaScript-Code und wird nicht auf der Webseite angezeigt. Beachten Sie, dass keine Leerzeichen enthalten sein dürfen.
Überschrift hinzufügen: Dies ist der Stamm, den Sie auf der Webseite anzeigen möchten. Der Inhalt der Zweige kann erst später auf der Webseite geändert werden. Wie im Bild gezeigt:
Texteinzug untergeordneter Elemente: Die Einrückungsnummer des Zweiginhalts können Sie entsprechend Ihren Anforderungen auswählen. Das Bild oben zeigt den standardmäßigen Einrückungsanzeigeeffekt.
Fügen Sie lateinischen Fülltext hinzu: Verwenden Sie wahrscheinlich nur einen lateinischen Text, um ihn zu beschreiben. Sie können den Standardwert „false“ verwenden.
Nachdem Sie auf „Erstellen“ geklickt haben, generiert das Plug-in eine Seite wie diese:
Unsere nächste Aufgabe besteht darin, den Inhalt des schwarzen unteren Teils an das anzupassen, was Sie anzeigen möchten, wie im Bild oben gezeigt. Nach der Änderung Vorschau.
Wenn wir uns den Quellcode der Webseite ansehen, können wir Folgendes sehen:
< div id="helloParenthello3" onClick="javascript:hideshow('helloChildhello3')" class="exheading" >hello3< /div >
< div id="helloChildhello3" style="cursor:auto" class="exindent" >Hallo Welt!!< /div >
Wenn wir aus den Daten in der Datenbank dynamisch einen Faltbaum generieren möchten, müssen wir nur hello world!! durch das anzuzeigende Feld ersetzen, z. B. <%=rs("filename ")%>.