Parfois, nous devons souvent publier des informations sur les clients et d'autres informations en ligne pour les contacter. Cependant, à mesure que de plus en plus d'informations sur les clients deviennent disponibles, les mises à jour en ligne deviennent de plus en plus difficiles. En fait, en plus d'utiliser des langages back-end tels que asp et php pour réaliser des mises à jour rapides, Dreamweaver lui-même fournit des méthodes d'importation et de tri des données. C'est certainement une grande aubaine pour les amis qui ne comprennent pas le back-end. fin, Dreamweaver est passé de la version 3 au dernier MX qui a toujours conservé cette fonction, ce qui montre sa praticité. Jetons un coup d’œil à son efficacité ci-dessous.
Remarque : Cet article utilise Dreamweaver MX comme exemple
. 1. Par exemple, nous disposons désormais d'un fichier kehu.txt, qui contient le formulaire de contact client de ** la société. Les informations détaillées sont les suivantes :
nom, sexe, poste. , numéro de téléphone
Li Ming, homme, personnel technique de la société A, 87185900
Li Yan, homme, directeur de la société B, 80226888
Wang Qiang, homme, ingénieur en chef de la société C, 83546790
Su Lin, femme, équipe marketing de la société D, 87556341
Chen Dongdong, homme, directeur de projet de la société E, 87436588.
Comme vous pouvez le voir, chaque élément ici est séparé par des virgules.
2. (1) Ouvrez DW MX, créez une nouvelle page HTML et sélectionnez insérer/objets de table/importer des données tabulaires dans la barre de menu.
Figure 1
(2) La fenêtre d'importation de données tabulaires apparaît, cliquez sur le bouton "Parcourir..." et sélectionnez le fichier texte pour stocker les données. L'élément Délimiteur doit correspondre au délimiteur dans le fichier texte, car le kehu.txt. Le fichier utilise C'est une virgule, donc Comm ma est sélectionné. D'autres éléments peuvent être sélectionnés et modifiés en fonction de vos besoins.
Figure 2
(3) Cliquez enfin sur "OK", et un tableau contenant les données du fichier texte sera présenté devant vous.
Figure 3
3. (1) Bien que le tableau ait été créé, nous devons parfois trier les données dans le tableau. Bien sûr, DW y a pensé, sélectionnez d'abord le tableau, puis sélectionnez les commandes/trier le tableau dans la barre de menu.
Figure 4
(2) La fenêtre du tableau de tri apparaît. Pour le tri par élément, sélectionnez la colonne 1. Pour l'élément de commande, sélectionnez Par ordre alphabétique et croissant. Pour les autres éléments, vous pouvez vous référer à la figure 5 pour effectuer les sélections nécessaires.
Figure 5
(3) Cliquez sur « OK » pour terminer le tri de la colonne 1 du tableau. Les noms de la colonne 1 sont classés par ordre croissant par taille de lettre pinyin.
Figure 6
4. (1) Maintenant que nos effets et notre tri sont terminés, la dernière chose à faire est d'embellir la table. Tout le monde aime la beauté, et la table ne fait pas exception. En plus de l'embellissement manuel, DW dix-sept styles sont également spécialement proposés. à votre disposition. Semblable au tri du tableau, sélectionnez d’abord le tableau, puis sélectionnez l’élément de tableau commandes/format.
Figure 7
(2) La fenêtre du tableau de format apparaît. Il existe différents styles dans le coin supérieur gauche. Vous pouvez choisir en fonction de vos préférences. Étant donné que les autres éléments sont des opérations idiotes, je ne les présenterai pas un par un ici. . J'insiste juste sur le dernier élément. Tout d'abord, cet élément vous demande s'il faut ajouter chaque code de style à la balise TD au lieu de l'ajouter par défaut à la balise TR. Ici, je vous recommande de ne pas le vérifier, sinon il sera généré. beaucoup plus de code que le paramètre par défaut.
Figure 8
(3) Cliquez sur "OK" et vous avez terminé. Le rendu final est le suivant. Cela peut être réalisé en quelques étapes simples. Les fonctions qui nécessitaient initialement une programmation en arrière-plan peuvent être facilement réalisées avec DW. C'est là que réside sa puissance.