| ... |
... |
@@ -1,21
+1,64 @@ |
| 1 |
1 |
{{content/}} |
| 2 |
2 |
|
|
3 |
+{{id name="fig_data_source"/}} |
|
4 |
+{{figure image="data_source_de.png"}}Konfigurationsoberfläche zum Anlegen von Datenquellen: (1) Liste existierender Datenquellen, (2) Bereich zum Editieren der selektierten Datenquelle, (3) Einstellungspanel der Datenquelle, (4) Servlet-URL der Datenquelle, um auf diese zugreifen zu können.{{/figure}} |
|
5 |
+ |
| 3 |
3 |
Die Quellen bzw. Datenquellen werden als Text im Format CSV, JSON oder XML hinterlegt und können über den {{designer case="acc"/}} bzw. das Formular verarbeitet werden. |
| 4 |
4 |
|
| 5 |
5 |
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. |
| 6 |
6 |
|
| 7 |
|
-== CSV == |
|
10 |
+== Anlegen einer Datenquelle == |
| 8 |
8 |
|
| 9 |
|
-Hier können Sie Datensätze im CSV-Format eingeben. |
|
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//. |
| 10 |
10 |
|
| 11 |
|
-* Wählen Sie unter //Typ// die Option //CSV//. |
| 12 |
|
-* Vergeben Sie einen eindeutigen Namen. |
| 13 |
|
-* Im Feld //Wert// geben Sie die Daten separiert mit einem Komma ein. |
|
14 |
+{{lightbox image="data_source_new_de.png" title="Datenquellen können aus Dateien importiert oder neu angelegt werden"/}} |
| 14 |
14 |
|
| 15 |
|
-{{figure image="datenquelle_csv_8.png" width="300"}} |
|
16 |
+Jede Datenquelle benötigt: |
|
17 |
+ |
|
18 |
+* einen eindeutigen Namen (im Einstellungspanel: siehe Punkt 3 in der [[Abbildung>>||anchor="fig_data_source"]]) |
|
19 |
+* die eigentlichen Daten im Editierbereich (siehe Punkt 2 in der [[Abbildung>>||anchor="fig_data_source"]]) |
|
20 |
+ |
|
21 |
+=== Importieren von Datenquellen aus Dateien === |
|
22 |
+ |
|
23 |
+Folgende Dateitypen können verwendet werden, um Datenquellen zu importieren: |
|
24 |
+ |
|
25 |
+* **XML**: //.xml// |
|
26 |
+* **CSV**: //.csv//, //.xls//, //.xlsx// (Excel) |
|
27 |
+* **JSON**: //.json// |
|
28 |
+ |
|
29 |
+__CSV-Datenquellen__ |
|
30 |
+ |
|
31 |
+CSV-Datenquellen können aus unterschiedlichen Dateitypen importiert werden: |
|
32 |
+ |
|
33 |
+* //.csv// |
|
34 |
+Es öffnet sich ein Dialog zur Konfiguration des Imports: |
|
35 |
+** **Trennzeichen**: Gibt an welches Trennzeichen in der Datei verwendet wird, um Datenfelder/Spalten voneinander zu trennen (typischerweise: Komma). |
|
36 |
+** **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). |
|
37 |
+** **Beginnen ab Zeile**: Gibt an, ab welcher Zeile die CSV-Datei importiert werden soll. |
|
38 |
+** **Leere Zeilen ignorieren**: Wenn aktiviert werden leere Zeilen beim Import ignoriert. |
|
39 |
+ |
|
40 |
+{{lightbox image="data_source_import_csv_de.png" title="Importdialog für CSV-Dateien"/}} |
|
41 |
+ |
|
42 |
+* //.xls//, //.xlsx// |
|
43 |
+Es öffnet sich ein Dialog zur Konfiguration des Imports: |
|
44 |
+** **Zu importierende Tabellen**: Gibt an welche Arbeitsblätter/Tabellen aus der Datei importiert werden sollen. |
|
45 |
+ |
|
46 |
+{{lightbox image="data_source_import_excel_de.png" title="Importdialog für Excel-Dateien"/}} |
|
47 |
+ |
|
48 |
+__Drag&Drop__ |
|
49 |
+ |
|
50 |
+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. |
|
51 |
+ |
|
52 |
+== CSV == |
|
53 |
+ |
|
54 |
+{{figure image="data_source_csv_servlet_json.png"}} |
| 16 |
16 |
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. |
| 17 |
17 |
{{/figure}} |
| 18 |
18 |
|
|
58 |
+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 in der Fußzeile unterhalb des Editierbereichs geändert werden. |
|
59 |
+ |
|
60 |
+**Erste Zeile ist Header** |
|
61 |
+ |
| 19 |
19 |
=== Beispiel für eine CSV-Datenquelle === |
| 20 |
20 |
|
| 21 |
21 |
{{info}} |
| ... |
... |
@@ -23,7
+23,10 @@ |
| 23 |
23 |
{{/info}} |
| 24 |
24 |
|
| 25 |
25 |
{{code}} |
| 26 |
|
-Wert 1.1, Wert 1.2, Wert 1.3, Wert 1.4, ... |
|
69 |
+anrede,vorname,nachname,plz,ort |
|
70 |
+Herr,Max,Mustermann,1000,Musterhausen |
|
71 |
+Frau,Monika,Mustermann,2000,Musterdorf |
|
72 |
+Frau, Luise,Musterfrau,3000,Musterstadt |
| 27 |
27 |
{{/code}} |
| 28 |
28 |
|
| 29 |
29 |
Das Auslesen der Werte im {{designer case="dat"/}} erfolgt über das //Servlet// mit Namen //datenquellecsv//. |
| ... |
... |
@@ -85,7
+85,7 @@ |
| 85 |
85 |
|
| 86 |
86 |
=== Sonderfall Auswahlelement === |
| 87 |
87 |
|
| 88 |
|
-{{figure image="datenquelle_csv_2.png" width="300"}} |
|
134 |
+{{figure image="data_source_csv_designer_de.png"}} |
| 89 |
89 |
Die Anbindung einer Datenquelle an eine Auswahlelement erfolgt direkt im {{designer case="dat"/}} |
| 90 |
90 |
{{/figure}} |
| 91 |
91 |
|