... |
... |
@@ -7,10
+7,6 @@ |
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 |
|
-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. |
12 |
|
-{{/info}} |
13 |
|
- |
14 |
14 |
== Anlegen einer Datenquelle == |
15 |
15 |
|
16 |
16 |
Ö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//. |
... |
... |
@@ -18,7
+18,6 @@ |
18 |
18 |
{{lightbox image="data_source_new_de.png" title="Datenquellen können aus Dateien importiert oder neu angelegt werden"/}} |
19 |
19 |
|
20 |
20 |
Jede Datenquelle benötigt: |
21 |
|
- |
22 |
22 |
* einen eindeutigen Namen (im Einstellungspanel: siehe Punkt 3 in der [[Abbildung>>||anchor="fig_data_source"]]) |
23 |
23 |
* die eigentlichen Daten im Editierbereich (siehe Punkt 2 in der [[Abbildung>>||anchor="fig_data_source"]]) |
24 |
24 |
|
... |
... |
@@ -30,7
+30,6 @@ |
30 |
30 |
* **CSV**: //.csv//, //.xls//, //.xlsx// (Excel) |
31 |
31 |
* **JSON**: //.json// |
32 |
32 |
|
33 |
|
-{{id name="data_source_import_csv"/}} |
34 |
34 |
__CSV-Datenquellen__ |
35 |
35 |
|
36 |
36 |
CSV-Datenquellen können aus unterschiedlichen Dateitypen importiert werden: |
... |
... |
@@ -56,39
+56,24 @@ |
56 |
56 |
|
57 |
57 |
== CSV == |
58 |
58 |
|
59 |
|
-{{figure image="data_source_csv_servlet_json_comparison.png"}} |
60 |
|
-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. |
|
53 |
+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. |
|
54 |
+ |
|
55 |
+{{figure image="datenquelle_csv_8.png"}} |
|
56 |
+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. |
61 |
61 |
{{/figure}} |
62 |
62 |
|
63 |
|
-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. |
|
59 |
+=== Beispiel für eine CSV-Datenquelle === |
64 |
64 |
|
65 |
|
-//Quellcode-Ansicht einer CSV-Datenquelle//: |
66 |
|
-{{lightbox image="data_source_csv_source.png" title="Quellcode-Ansicht einer CSV-Datenquelle"/}} |
67 |
|
-//Tabellenansicht einer CSV-Datenquelle//: |
68 |
|
-{{lightbox image="data_source_csv_table.png" title="Tabellenansicht einer CSV-Datenquelle"/}} |
|
61 |
+{{info}} |
|
62 |
+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. |
|
63 |
+{{/info}} |
69 |
69 |
|
70 |
|
-=== Bearbeitung von CSV-Tabellen === |
|
65 |
+{{code}} |
|
66 |
+Wert 1.1, Wert 1.2, Wert 1.3, Wert 1.4, ... |
|
67 |
+{{/code}} |
71 |
71 |
|
72 |
|
-Zum Bearbeitung einer CSV-Tabelle befinden sich unterhalb des Editierbereichs eine Reihe von Schaltflächen: |
|
69 |
+Das Auslesen der Werte im {{designer case="dat"/}} erfolgt über das //Servlet// mit Namen //datenquellecsv//. |
73 |
73 |
|
74 |
|
-* {{ficon name="plus-circle"/}} **Einfügen**: Fügt neue Zeilen oder Spalten relativ zur derzeit selektierten Zelle ein. |
75 |
|
-* {{ficon name="trash-alt2"/}} **Entfernen**: Entfernt die selektierte Zeile oder Spalte oder leert die selektierte Zelle. |
76 |
|
-* {{icon name="upload"/}} **Importieren**: Öffnet den [[Dialog zum Importieren von CSV-Datenquellen>>||anchor="data_source_import_csv"]]. |
77 |
|
-* {{icon name="code"/}} **Quellcode-Ansicht**: Wechselt in die Quellcode-Ansicht. |
78 |
|
- |
79 |
|
-=== Header von CSV-Datenquellen === |
80 |
|
- |
81 |
|
-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}}): |
82 |
|
- |
83 |
|
-* **Aktiviert**: |
84 |
|
-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"]]). |
85 |
|
-* **Deaktiviert**: |
86 |
|
-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. |
87 |
|
- |
88 |
|
-{{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"/}} |
89 |
|
- |
90 |
|
-CSV-Datenquellen können im {{designer case="dat"/}} über das //Servlet// mit Namen {{code}}XFC_METADATA.urls.datasource_csv{{/code}} ausgelsen werden. |
91 |
|
- |
92 |
92 |
=== Servlet-Parameter === |
93 |
93 |
|
94 |
94 |
{{info}} |
... |
... |
@@ -109,8
+109,6 @@ |
109 |
109 |
|csvTrennzeichen|Gibt das Trennzeichen zwischen den einzelnen Datenzellen an. Wird dieses nicht gesetzt, wird hier standardmäßig ein Komma {{code}},{{/code}} benutzt.|Nein |
110 |
110 |
|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 |
111 |
111 |
|
112 |
|
-{{id name="data_source_csv_example"/}} |
113 |
|
- |
114 |
114 |
=== Anwendungsbeispiel === |
115 |
115 |
|
116 |
116 |
{{figure image="datenquelle_csv_7.png" width="300"}} |