Parfois, nous devons souvent publier des informations sur les clients et d'autres informations en ligne pour les contacter. Cependant, avec de plus en plus d'informations sur les clients, pensez-vous que vos mises à jour en ligne deviennent de plus en plus inadéquates ? Ce qu'il faut faire? 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, ce qui est certainement une grande aubaine pour les amis qui ne comprennent pas le back-end. dw a également conservé cette fonction de la version 3 jusqu'au dernier mx, ce qui montre sa praticité. Jetons un coup d’œil à son efficacité ci-dessous.
Remarque : cet article utilise dreameaver MX comme exemple
. 1. Par exemple, nous avons maintenant un fichier kehu.txt, qui contient le formulaire de contact client de ** société. Les informations détaillées sont les suivantes :
nom, sexe, poste. , numéro de téléphone
Li Ming, homme, société A Personnel technique, 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, personnel marketing de la société D, 87556341
Chen Dongdong, homme, directeur de projet de la société E, 87436588
Vous pouvez voir que ceci Chaque élément 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 fichier kehu.txt l'utilise. virgules, j'ai donc choisi Virgule, et 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 également pensé. Sélectionnez d'abord le tableau, puis sélectionnez l'élément commandes/trier le tableau dans la barre de menu. .
Figure 4
(2) La fenêtre du tableau de tri apparaît. Sélectionnez la colonne 1 pour le tri par article par ordre alphabétique et croissant. Pour les autres articles, 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 nous avons les effets et le tri, la dernière chose à faire est d'embellir la table. Tout le monde aime la beauté, et les tables ne font pas exception. En plus de l'embellissement manuel, DW propose également dix-sept styles pour vous. à choisir. 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. Parce que les autres éléments sont des opérations idiotes, je ne les présenterai pas un par un ici. soulignez simplement le dernier élément. Cet élément vous demande si vous devez ajouter chaque code de style à la balise TD au lieu de l'ajouter par défaut à la balise TR. L'auteur vous recommande ici de ne pas le vérifier, sinon cela générera 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.