Von Version < 19.1 >
bearbeitet von nlo
am 09.05.2019, 17:25
Auf Version < 58.1 >
bearbeitet von nlo
am 10.05.2019, 12:21
< >
Änderungskommentar: Neues Bild data_source_csv_designer_script_en.png hochladen

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -7,6 +7,11 @@
7 7  
8 8  Um auch im Skriptbereich per Javaskript auf die Datenquellen Zugriff zu haben, werden alle Datenquellen in eine JSON-Struktur umgewandelt und im Objekt {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugänglich gemacht. Die Struktur dieser JSON-Struktur für die verschiedenen Datenquellen ist im jeweiligen Abschnitt erläutert.
9 9  
10 +{{info}}
11 +**Servlet-URL**
12 +Die Servlet-URL einer Datenquelle wird nach dem Anlegen in der Konfigurationsoberfläche dargestellt (siehe Punkt 4 in der [[Abbildung>>||anchor="fig_data_source"]]) und ist im JS-Objekt {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} verfügbar.
13 +{{/info}}
14 +
10 10  == Anlegen einer Datenquelle ==
11 11  
12 12  Öffnen Sie das Modul "Daten > Quellen" und klicken Sie auf die Schaltfläche "Neu" {{ficon name="plus-circle-outline"/}} in der Kopfzeile der Liste (siehe Punkt 1 in der [[Abbildung>>||anchor="fig_data_source"]]). Daraufhin werden Sie aufgefordert eine leere Datenquelle anzulegen oder diese aus einer Datei zu importieren. Es können drei Typen von Datenquellen angelegt werden: //XML//, //CSV// und //JSON//.
... ... @@ -13,16 +13,39 @@
13 13  
14 14  {{lightbox image="data_source_new_de.png" title="Datenquellen können aus Dateien importiert oder neu angelegt werden"/}}
15 15  
21 +Jede Datenquelle benötigt:
22 +
23 +* einen eindeutigen Namen (im Einstellungspanel: siehe Punkt 3 in der [[Abbildung>>||anchor="fig_data_source"]])
24 +* die eigentlichen Daten im Editierbereich (siehe Punkt 2 in der [[Abbildung>>||anchor="fig_data_source"]])
25 +
16 16  === Importieren von Datenquellen aus Dateien ===
17 17  
18 18  Folgende Dateitypen können verwendet werden, um Datenquellen zu importieren:
19 19  
20 20  * **XML**: //.xml//
21 -* **CSV**: //.csv//, //.xls//, //.xlsx//
31 +* **CSV**: //.csv//, //.xls//, //.xlsx// (Excel)
22 22  * **JSON**: //.json//
23 23  
34 +{{id name="data_source_import_csv"/}}
24 24  __CSV-Datenquellen__
25 25  
37 +CSV-Datenquellen können aus unterschiedlichen Dateitypen importiert werden:
38 +
39 +* //.csv//
40 +Es öffnet sich ein Dialog zur Konfiguration des Imports:
41 +** **Trennzeichen**: Gibt an welches Trennzeichen in der Datei verwendet wird, um Datenfelder/Spalten voneinander zu trennen (typischerweise: Komma).
42 +** **Textqualifizierer**: Gibt an welches Feldbegrenzerzeichen in der Datei verwendet wird. Dieses Zeichen wird verwendet, um Sonderzeichen innerhalb der Datenfelder nutzen zu können (z. B. Komma in Dezimalzahlwerten).
43 +** **Beginnen ab Zeile**: Gibt an, ab welcher Zeile die CSV-Datei importiert werden soll.
44 +** **Leere Zeilen ignorieren**: Wenn aktiviert werden leere Zeilen beim Import ignoriert.
45 +
46 +{{lightbox image="data_source_import_csv_de.png" title="Importdialog für CSV-Dateien"/}}
47 +
48 +* //.xls//, //.xlsx//
49 +Es öffnet sich ein Dialog zur Konfiguration des Imports:
50 +** **Zu importierende Tabellen**: Gibt an welche Arbeitsblätter/Tabellen aus der Datei importiert werden sollen.
51 +
52 +{{lightbox image="data_source_import_excel_de.png" title="Importdialog für Excel-Dateien"/}}
53 +
26 26  __Drag&Drop__
27 27  
28 28  Datenquellen können auch per Drag&Drop importiert werden. Wird eine Datei über die Liste (grüner Bereich gezogen), so wird eine neue Datenquelle vom entsprechenden Typ angelegt (bei Excel-Dateien wird eine Datenquelle pro Arbeitsblatt angelegt). Wird die Datenquelle allerdings über den Editierbereich einer bereits existierenden Datenquelle gezogen, so wird diese aktualisiert. Die Änderungen werden allerdings erst mit einem Klick auf "Speichern" {{icon name="save"/}} übernommen.
... ... @@ -29,28 +29,39 @@
29 29  
30 30  == CSV ==
31 31  
32 -Hier können Sie Datensätze im CSV-Format eingeben.
60 +{{figure image="data_source_csv_servlet_json_comparison.png"}}
61 +Die JSON-Struktur einer CSV-Datenquelle. Auf diese JSON-Struktur kann per Javaskcipt über {{code}}XFC_METADATA.urls.datasource_csv{{/code}} zugegriffen werden. (1) Links ist die JSON-Struktur der Datenquelle dargestellt, bei welcher die erste Zeile nicht als Header verwendet wird. Stattdessen werden Header in Form von {{code}}colX{{/code}} verwendet. (2) Rechts ist die Datenquelle zu sehen, wenn die erste Zeile als Header verwendet wird.
62 +{{/figure}}
33 33  
34 -* Wählen Sie unter //Typ// die Option //CSV//.
35 -* Vergeben Sie einen eindeutigen Namen.
36 -* Im Feld //Wert// geben Sie die Daten separiert mit einem Komma ein.
64 +CSV-Datenquellen können in einer Quellcode-Ansicht oder in einer Tabellenansicht dargestellt werden. Die Ansicht kann mit einem Klick auf die entsprechende Schaltfläche {{ficon name="table-large"/}}/{{icon name="code"/}} in der Fußzeile unterhalb des Editierbereichs geändert werden.
37 37  
38 -{{figure image="datenquelle_csv_8.png"}}
39 -Die JSON-Struktur der CSV-Datenquelle. Auf diese JSON-Struktur kann dann per Javaskript über {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugegriffen werden.
40 -{{/figure}}
66 +//Quellcode-Ansicht einer CSV-Datenquelle//:
67 +{{lightbox image="data_source_csv_source.png" title="Quellcode-Ansicht einer CSV-Datenquelle"/}}
68 +//Tabellenansicht einer CSV-Datenquelle//:
69 +{{lightbox image="data_source_csv_table.png" title="Tabellenansicht einer CSV-Datenquelle"/}}
41 41  
42 -=== Beispiel für eine CSV-Datenquelle ===
71 +=== Bearbeitung von CSV-Tabellen ===
43 43  
44 -{{info}}
45 -Die CSV-Daten werden intern in ein JSON-Objekt umgewandelt, sodass die erste Zeile der //CSV-Datei// immer die Objektnamen für den späteren Zugriff definiert.
46 -{{/info}}
73 +Zum Bearbeitung einer CSV-Tabelle befinden sich unterhalb des Editierbereichs eine Reihe von Schaltflächen:
47 47  
48 -{{code}}
49 -Wert 1.1, Wert 1.2, Wert 1.3, Wert 1.4, ...
50 -{{/code}}
75 +* {{ficon name="plus-circle"/}} **Einfügen**: Fügt neue Zeilen oder Spalten relativ zur derzeit selektierten Zelle ein.
76 +* {{ficon name="trash-alt2"/}} **Entfernen**: Entfernt die selektierte Zeile oder Spalte oder leert die selektierte Zelle.
77 +* {{icon name="upload"/}} **Importieren**: Öffnet den [[Dialog zum Importieren von CSV-Datenquellen>>||anchor="data_source_import_csv"]].
78 +* {{icon name="code"/}} **Quellcode-Ansicht**: Wechselt in die Quellcode-Ansicht.
51 51  
52 -Das Auslesen der Werte im {{designer case="dat"/}} erfolgt über das //Servlet// mit Namen //datenquellecsv//.
80 +=== Header von CSV-Datenquellen ===
53 53  
82 +Für CSV-Datenquellen gibt es eine zusätzliche Option in den Datenquelleinstellungen. Die Option **Erste Zeile ist Header** regelt den Zugriff auf die Werte der Datenquelle über das entsprechende Servlet ({{code}}XFC_METADATA.urls.datasource_csv{{/code}}):
83 +
84 +* **Aktiviert**:
85 +Die Zellen der erste Zeile werden als Schlüssel bzw. {{code}}keys{{/code}} für den Zugriff auf die Werte der jeweiligen Spalte verwendet (siehe [[Anwendungsbeispiel>>||anchor="data_source_csv_example"]]).
86 +* **Deaktiviert**:
87 +Die Schlüssel bzw. {{code}}keys{{/code}} für den Zugriff auf die Werte der einzelnen Datensätze/Zeilen sind durchnummeriert, beginnend mit {{code}}0{{/code}}. Diese Schlüssel haben folgende Form: {{code}}colX{{/code}}, wobei {{code}}X{{/code}} für den Index der Spalte steht.
88 +
89 +{{lightbox image="data_source_csv_settings_de.png" title="Die Option **Erste Zeile ist Header** regelt den Zugriff auf die Werte der Datenquelle über das entsprechende Servlet"/}}
90 +
91 +CSV-Datenquellen können im {{designer case="dat"/}} über das //Servlet// mit Namen {{code}}XFC_METADATA.urls.datasource_csv{{/code}} ausgelsen werden.
92 +
54 54  === Servlet-Parameter ===
55 55  
56 56  {{info}}
... ... @@ -71,6 +71,8 @@
71 71  |csvTrennzeichen|Gibt das Trennzeichen zwischen den einzelnen Datenzellen an. Wird dieses nicht gesetzt, wird hier standardmäßig ein Komma {{code}},{{/code}} benutzt.|Nein
72 72  |csvQuote|Das Trennzeichen, mit dem die Werte der Zeilen getrennt sind. Wird dieses nicht gesetzt, wird hier standardmäßig ein Anführungszeichen verwendet {{code}}"{{/code}}.| Nein
73 73  
113 +{{id name="data_source_csv_example"/}}
114 +
74 74  === Anwendungsbeispiel ===
75 75  
76 76  {{figure image="datenquelle_csv_7.png" width="300"}}
... ... @@ -92,17 +92,17 @@
92 92  
93 93  {{code language="javascript"}}
94 94  $.getJSON( XFC_METADATA.urls.datasource_csv + "?name=Demo&mandantName=xima.de", function(json) {
95 - var obj = json.returnValue[0]
136 + var obj = json.returnValue[0];
96 96  
97 - $('[name=tfAnrede]').val(obj.anrede)
98 - $('[name=tfVorname]').val(obj.vorname)
99 - $('[name=tfName]').val(obj.nachname)
100 - $('[name=tfPLZ]').val(obj.plz)
101 - $('[name=tfOrt]').val(obj.ort)
102 - })
138 + $('[name=tfAnrede]').val(obj.anrede);
139 + $('[name=tfVorname]').val(obj.vorname);
140 + $('[name=tfName]').val(obj.nachname);
141 + $('[name=tfPLZ]').val(obj.plz);
142 + $('[name=tfOrt]').val(obj.ort);
143 + });
103 103  {{/code}}
104 104  
105 -{{lightbox image="datenquelle_csv_4.png" width="300"/}}
146 +{{lightbox image="data_source_csv_designer_script_de.png" width="300"/}}
106 106  
107 107  Dieses Beispiel als Datenquelle für den {{designer case="acc"/}} [[zum Herunterladen>>attach:beispiel_datenquelle_csv.json||rel="__blank"]].
108 108  
data_source_csv_designer_script_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +26.0 KB
Inhalt
data_source_csv_designer_script_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +26.8 KB
Inhalt
data_source_csv_servlet_json_comparison.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +23.8 KB
Inhalt
data_source_csv_settings_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +5.2 KB
Inhalt
data_source_csv_settings_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +4.9 KB
Inhalt
data_source_csv_source.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +4.0 KB
Inhalt
data_source_csv_table.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +13.8 KB
Inhalt
data_source_csv_table_w_header.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +14.1 KB
Inhalt
data_source_import_csv_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +19.1 KB
Inhalt
data_source_import_csv_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +15.6 KB
Inhalt
data_source_import_excel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +10.4 KB
Inhalt
data_source_import_excel_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +9.2 KB
Inhalt
Copyright 2000-2024