| ... |
... |
@@ -13,6
+13,11 @@ |
| 13 |
13 |
|
| 14 |
14 |
{{lightbox image="data_source_new_de.png" title="Datenquellen können aus Dateien importiert oder neu angelegt werden"/}} |
| 15 |
15 |
|
|
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 |
+ |
| 16 |
16 |
=== Importieren von Datenquellen aus Dateien === |
| 17 |
17 |
|
| 18 |
18 |
Folgende Dateitypen können verwendet werden, um Datenquellen zu importieren: |
| ... |
... |
@@ -21,6
+21,7 @@ |
| 21 |
21 |
* **CSV**: //.csv//, //.xls//, //.xlsx// (Excel) |
| 22 |
22 |
* **JSON**: //.json// |
| 23 |
23 |
|
|
29 |
+{{id name="data_source_import_csv"/}} |
| 24 |
24 |
__CSV-Datenquellen__ |
| 25 |
25 |
|
| 26 |
26 |
CSV-Datenquellen können aus unterschiedlichen Dateitypen importiert werden: |
| ... |
... |
@@ -46,16
+46,26 @@ |
| 46 |
46 |
|
| 47 |
47 |
== CSV == |
| 48 |
48 |
|
| 49 |
|
-Hier können Sie Datensätze im CSV-Format eingeben. |
|
55 |
+{{figure image="data_source_csv_servlet_json_comparison.png"}} |
|
56 |
+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. |
|
57 |
+{{/figure}} |
| 50 |
50 |
|
| 51 |
|
-* Wählen Sie unter //Typ// die Option //CSV//. |
| 52 |
|
-* Vergeben Sie einen eindeutigen Namen. |
| 53 |
|
-* Im Feld //Wert// geben Sie die Daten separiert mit einem Komma ein. |
|
59 |
+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. |
| 54 |
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. |
| 57 |
|
-{{/figure}} |
|
61 |
+//Quellcode-Ansicht einer CSV-Datenquelle//: |
|
62 |
+{{lightbox image="data_source_csv_source.png" title="Quellcode-Ansicht einer CSV-Datenquelle"/}} |
|
63 |
+//Tabellenansicht einer CSV-Datenquelle//: |
|
64 |
+{{lightbox image="data_source_csv_table.png" title="Tabellenansicht einer CSV-Datenquelle"/}} |
| 58 |
58 |
|
|
66 |
+Zum Bearbeitung einer CSV-Tabelle befinden sich unterhalb des Editierbereichs eine Reihe von Schaltflächen: |
|
67 |
+ |
|
68 |
+* {{ficon name="plus-circle"/}} **Einfügen**: Fügt neue Zeilen oder Spalten relativ zur derzeit selektierten Zelle ein. |
|
69 |
+* {{ficon name="trash-alt2"/}} **Entfernen**: Entfernt die selektierte Zeile oder Spalte oder leert die selektierte Zelle. |
|
70 |
+* {{icon name="upload"/}} **Importieren**: Öffnet den [[Dialog zum Importieren von CSV-Datenquellen>>||anchor="data_source_import_csv"]]. |
|
71 |
+* {{icon name="code"/}} **Quellcode-Ansicht**: Wechselt in die Quellcode-Ansicht. |
|
72 |
+ |
|
73 |
+**Erste Zeile ist Header** |
|
74 |
+ |
| 59 |
59 |
=== Beispiel für eine CSV-Datenquelle === |
| 60 |
60 |
|
| 61 |
61 |
{{info}} |
| ... |
... |
@@ -63,7
+63,10 @@ |
| 63 |
63 |
{{/info}} |
| 64 |
64 |
|
| 65 |
65 |
{{code}} |
| 66 |
|
-Wert 1.1, Wert 1.2, Wert 1.3, Wert 1.4, ... |
|
82 |
+anrede,vorname,nachname,plz,ort |
|
83 |
+Herr,Max,Mustermann,1000,Musterhausen |
|
84 |
+Frau,Monika,Mustermann,2000,Musterdorf |
|
85 |
+Frau, Luise,Musterfrau,3000,Musterstadt |
| 67 |
67 |
{{/code}} |
| 68 |
68 |
|
| 69 |
69 |
Das Auslesen der Werte im {{designer case="dat"/}} erfolgt über das //Servlet// mit Namen //datenquellecsv//. |