Manchmal müssen wir Kundeninformationen und andere Informationen zur Kontaktaufnahme online veröffentlichen. Haben Sie jedoch das Gefühl, dass Ihre Online-Updates immer unzureichender werden? Was zu tun? Zusätzlich zur Verwendung von Back-End-Sprachen wie ASP und PHP zur Erzielung schneller Aktualisierungen bietet Dreamweaver selbst Methoden zum Importieren und Sortieren von Daten, was für Freunde, die das Back-End nicht verstehen, definitiv ein großer Segen ist. dw hat diese Funktion auch von Version 3 bis zum neuesten MX beibehalten, was seine Praktikabilität zeigt. Schauen wir uns unten die Wirksamkeit an.
Hinweis: In diesem Artikel wird Dreameaver MX als Beispiel verwendet
. Beispielsweise haben wir jetzt eine kehu.txt-Datei, die das Kundenkontaktformular der Firma ** enthält. Die detaillierten Informationen lauten wie folgt:
Name, Geschlecht, Position , Telefonnummer
Li Ming, männlich, Technischer Mitarbeiter von Unternehmen A, 87185900
Li Yan, männlich, Manager von Unternehmen B, 80226888
Wang Qiang, männlich, Chefingenieur von Unternehmen C, 83546790
Su Lin, weiblich, Marketingmitarbeiter von Unternehmen D, 87556341
Chen Dongdong, männlich, Projektleiter von Unternehmen E, 87436588
Sie können sehen, dass die einzelnen Elemente durch Kommas getrennt sind.
2. (1) Öffnen Sie DW MX, erstellen Sie eine neue HTML-Seite und wählen Sie in der Menüleiste Einfügen/Tabellenobjekte/Tabellendaten importieren.
Abbildung 1
(2) Das Fenster zum Importieren tabellarischer Daten wird angezeigt. Klicken Sie auf die Schaltfläche „Durchsuchen ...“ und wählen Sie die Textdatei zum Speichern der Daten aus. Das Trennzeichenelement muss dem Trennzeichen in der Textdatei entsprechen, da es in der Datei kehu.txt verwendet wird Kommas, also habe ich Komma gewählt, und andere Elemente können entsprechend Ihren Anforderungen ausgewählt und geändert werden.
Abbildung 2
(3) Klicken Sie abschließend auf „OK“, und eine Tabelle mit Textdateidaten wird vor Ihnen angezeigt.
Abbildung 3
3. (1) Obwohl die Tabelle erstellt wurde, müssen wir manchmal die Daten in der Tabelle sortieren. Natürlich hat DW auch daran gedacht. Wählen Sie zuerst die Tabelle und dann den Befehls-/Sortierungspunkt in der Menüleiste aus .
Abbildung 4
(2) Das Sortiertabellenfenster wird angezeigt, um die Sortierung nach Artikel in aufsteigender Reihenfolge vorzunehmen. Für andere Artikel können Sie bei Bedarf auf Abbildung 5 zurückgreifen.
Abbildung 5
(3) Klicken Sie auf „OK“, um die Sortierung von Spalte 1 in der Tabelle abzuschließen. Die Namen in Spalte 1 werden in aufsteigender Reihenfolge nach Pinyin-Buchstabengröße sortiert.
Abbildung 6
4. (1) Nachdem wir nun die Effekte und die Sortierung erledigt haben, müssen wir als letztes den Tisch verschönern. Jeder liebt Schönheit, und Tische sind da keine Ausnahme. Zusätzlich zur manuellen Verschönerung bietet DW auch siebzehn Stile an zur Auswahl. Wählen Sie ähnlich wie beim Sortieren der Tabelle zuerst die Tabelle und dann das Element Befehle/Tabelle formatieren aus.
Abbildung 7
(2) Das Formattabellenfenster wird in der oberen linken Ecke angezeigt. Da es sich bei den übrigen Elementen um narrenartige Vorgänge handelt, werde ich sie hier nicht einzeln vorstellen Betonen Sie einfach das letzte Element. In diesem Element werden Sie gefragt, ob Sie jeden Stilcode standardmäßig zum TD-Tag hinzufügen möchten, anstatt ihn dem TR-Tag hinzuzufügen. Der Autor empfiehlt hier, dass Sie ihn nicht aktivieren, da sonst viel mehr Code generiert wird die Standardeinstellung.
Abbildung 8
(3) Klicken Sie auf „OK“ und Sie sind fertig. Das endgültige Rendering sieht wie folgt aus. Dies ist in wenigen einfachen Schritten möglich. Funktionen, die ursprünglich eine Hintergrundprogrammierung erforderten, können mit DW problemlos ausgeführt werden.