Exemple de tutoriel Ultradev : 4 Installation et utilisation des plug-ins
Auteur：Eve Cole
Date de mise à jour：2009-05-30 18:34:38
Chapitre 4 : Installation et utilisation simple du plug-in ultratrade
L'utilisation de plug-ins peut nous aider à implémenter rapidement certaines fonctions et à éviter bien des problèmes de programmation. Dans le passé, les plug-ins Dreamweaver et Ultradev nécessitaient de copier manuellement les fichiers dans le répertoire correspondant avant de pouvoir fonctionner, ce qui était assez gênant pour ceux qui ne connaissaient pas cet aspect. Dans la version 4.0, Marcomedia utilisait un logiciel appelé Extention Manager Tools. pour aider les utilisateurs à installer les plug-ins, et le format du plug-in a également été modifié en *.mxp.
Extention Manager est installé lorsque Dreamweaver ou Ultradev est installé. Nous pouvons l'ouvrir via Démarrer->Programmes->Macromedia Extention Manager. L'interface affichée est la suivante :
L'interface d'affichage est simple et claire. Les deux boutons sur le côté gauche de la barre d'outils sont l'installation et la désinstallation. Le nom, la version, le type, l'auteur et d'autres informations des plug-ins que vous avez installés seront répertoriés dans la fenêtre située sous la barre d'outils. La fenêtre ci-dessous répertorie la description du but du plug-in et quelques précautions ou méthodes d'utilisation simples. Comme le montre l'image ci-dessus.
Si vous souhaitez installer un nouveau plug-in, vous pouvez directement double-cliquer sur le fichier de votre plug-in et le système appellera automatiquement Extention Manager pour l'installer. Vous pouvez également l'installer en cliquant sur le bouton Installer de la barre d'outils Extention Manager. , puis vous sélectionnez le plug-in que vous souhaitez installer :
Au début de l'installation, il vous sera demandé si vous êtes d'accord avec la déclaration de Macromedia, qui stipule généralement que ce plug-in ne doit pas être utilisé à des fins de distribution commerciale, etc. Refuser quittera le programme d'installation, donc bien sûr nous choisissons Accepter :)
Où trouver des plug-ins ? Il est recommandé de se rendre au domicile de Macromedia, qui propose un centre de plug-ins où les utilisateurs d'Ultradev du monde entier fournissent des plug-ins. La classification est scientifique, et il existe également une recherche pour vous aider à trouver rapidement les plug-ins souhaités.
Ci-dessous, je présenterai brièvement comment utiliser un plug-in.
Nom du plug-in : dHTML Outlines
Version : 1.7.7
Type : Objet
Il s'agit d'un plugin d'objet qui crée un menu déroulant de style explorateur (arbre réduit). Ce plug-in nécessite IE4 ou supérieur ou Netscape 6 pour le prendre en charge (mentionné dans l'introduction du plug-in dans l'image).
Après l'installation, vous pouvez ouvrir le panneau des paramètres du plug-in à partir du panneau d'objets ou du menu Insertion -> Contours.
Le panneau de contrôle du plug-in est très simple, comme le montre la figure :
Sélectionnez l'onglet Détails et nous pouvons voir qu'il y a trois endroits sur le panneau que nous pouvons définir.
Nom de base pour les contours : vous pouvez le remplir comme vous le souhaitez, mais il doit s'agir d'un nom valide. Il agira uniquement comme un paramètre dans le code JavaScript qui sera généré ultérieurement et ne sera pas affiché sur la page Web. Notez que les espaces ne peuvent pas être inclus.
Ajouter un en-tête : Il s'agit du tronc que vous souhaitez afficher sur la page web. Le contenu des branches ne pourra être modifié que ultérieurement sur la page web. Comme le montre l'image :
Retrait du texte des éléments enfants : le numéro d'indentation du contenu de la branche, vous pouvez choisir en fonction de vos besoins. L'image ci-dessus montre l'effet d'affichage de l'indentation par défaut.
Inclure le texte de remplissage latin : utilisez probablement simplement un morceau de texte latin pour le décrire. Cela n'a pas d'importance. Vous pouvez utiliser la valeur par défaut, false.
Après avoir cliqué sur créer, le plug-in génère une page comme celle-ci :
Notre prochain travail consiste à modifier le contenu de la partie inférieure noire en fonction de ce que vous souhaitez afficher, comme le montre l'image ci-dessus. Après modification, aperçu.
En regardant le code source de la page Web, nous pouvons voir :
< div id="helloParenthello3" onClick="javascript:hideshow('helloChildhello3')" class="exheading" >hello3< /div >
< div id="helloChildhello3" style="cursor:auto" class="exindent" >Bonjour tout le monde !!< /div >
De cette façon, si nous voulons générer dynamiquement un arbre repliable à partir des données de la base de données, ce sera simple. Il suffit de remplacer hello world !! par le champ à afficher, tel que <%=rs("filename!! ")%>.
