Änderungen von Dokument Quellen
Änderungskommentar:
Imported from XAR
Zusammenfassung
-
Seiteneigenschaften (4 geändert, 0 hinzugefügt, 0 gelöscht)
-
Anhänge (0 geändert, 0 hinzugefügt, 14 gelöscht)
- data_source_csv_designer_de.png
- data_source_csv_designer_en.png
- data_source_csv_servlet_json_comparison.png
- data_source_csv_source.png
- data_source_csv_table.png
- data_source_csv_table_w_header.png
- data_source_de.png
- data_source_en.png
- data_source_import_csv_de.png
- data_source_import_csv_en.png
- data_source_import_excel_de.png
- data_source_import_excel_en.png
- data_source_new_de.png
- data_source_new_en.png
Details
- Seiteneigenschaften
-
- Titel
-
... ... @@ -1,1 +1,1 @@ 1 -Quellen 1 +$services.localization.render("PT.Main.Quellen") - Übergeordnete Seite
-
... ... @@ -1,1 +1,1 @@ 1 - WebHome1 +Main.Daten - Dokument-Autor
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. nlo1 +XWiki.gru - Inhalt
-
... ... @@ -1,77 +1,21 @@ 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 - 6 6 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. 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 -== Anlegeneiner Datenquelle==7 +== CSV == 11 11 12 - Öffnen Siedas Modul "Daten> Quellen" und klicken Sie auf die Schaltfläche"Neu" {{ficonname="plus-circle-outline"/}} in der Kopfzeileder Liste(siehe Punkt 1 in der [[Abbildung>>||anchor="fig_data_source"]]). Daraufhin werdenSie aufgefordert eine leere Datenquelleanzulegen oder diese aus einer Datei zu importieren. Es können drei Typen von Datenquellen angelegt werden: //XML//, //CSV// und //JSON//.9 +Hier können Sie Datensätze im CSV-Format eingeben. 13 13 14 -{{lightbox image="data_source_new_de.png" title="Datenquellen können aus Dateien importiert oder neu angelegt werden"/}} 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. 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 - 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 -{{id name="data_source_import_csv"/}} 30 -__CSV-Datenquellen__ 31 - 32 -CSV-Datenquellen können aus unterschiedlichen Dateitypen importiert werden: 33 - 34 -* //.csv// 35 -Es öffnet sich ein Dialog zur Konfiguration des Imports: 36 -** **Trennzeichen**: Gibt an welches Trennzeichen in der Datei verwendet wird, um Datenfelder/Spalten voneinander zu trennen (typischerweise: Komma). 37 -** **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). 38 -** **Beginnen ab Zeile**: Gibt an, ab welcher Zeile die CSV-Datei importiert werden soll. 39 -** **Leere Zeilen ignorieren**: Wenn aktiviert werden leere Zeilen beim Import ignoriert. 40 - 41 -{{lightbox image="data_source_import_csv_de.png" title="Importdialog für CSV-Dateien"/}} 42 - 43 -* //.xls//, //.xlsx// 44 -Es öffnet sich ein Dialog zur Konfiguration des Imports: 45 -** **Zu importierende Tabellen**: Gibt an welche Arbeitsblätter/Tabellen aus der Datei importiert werden sollen. 46 - 47 -{{lightbox image="data_source_import_excel_de.png" title="Importdialog für Excel-Dateien"/}} 48 - 49 -__Drag&Drop__ 50 - 51 -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. 52 - 53 -== CSV == 54 - 55 -{{figure image="data_source_csv_servlet_json.png"}} 15 +{{figure image="datenquelle_csv_8.png" width="300"}} 56 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 57 {{/figure}} 58 58 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. 60 - 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"/}} 65 - 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 - 75 75 === Beispiel für eine CSV-Datenquelle === 76 76 77 77 {{info}} ... ... @@ -79,10 +79,7 @@ 79 79 {{/info}} 80 80 81 81 {{code}} 82 -anrede,vorname,nachname,plz,ort 83 -Herr,Max,Mustermann,1000,Musterhausen 84 -Frau,Monika,Mustermann,2000,Musterdorf 85 -Frau, Luise,Musterfrau,3000,Musterstadt 26 +Wert 1.1, Wert 1.2, Wert 1.3, Wert 1.4, ... 86 86 {{/code}} 87 87 88 88 Das Auslesen der Werte im {{designer case="dat"/}} erfolgt über das //Servlet// mit Namen //datenquellecsv//. ... ... @@ -94,7 +94,7 @@ 94 94 http(s):~/~/<server>/formcycle/datenquellecsv?mandantName=<Mandant-Name>&name=<Datenquellen-Name> 95 95 {{/info}} 96 96 97 -Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc: Main.Formular-Metadaten]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code}}XFC_METADATA.urls.datasource_csv{{/code}}.38 +Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Formular-Metadaten]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code}}XFC_METADATA.urls.datasource_csv{{/code}}. 98 98 99 99 Folgende Parameter sind möglich: 100 100 ... ... @@ -124,7 +124,7 @@ 124 124 125 125 126 126 127 -Im {{designer case="dat"/}} wird dann folgendes Skript im [[Skriptbereich>>doc: Main.TAB - Script]] verwendet.68 +Im {{designer case="dat"/}} wird dann folgendes Skript im [[Skriptbereich>>doc:TAB - Script]] verwendet. 128 128 129 129 {{code language="javascript"}} 130 130 $.getJSON( XFC_METADATA.urls.datasource_csv + "?name=Demo&mandantName=xima.de", function(json) { ... ... @@ -144,13 +144,13 @@ 144 144 145 145 === Sonderfall Auswahlelement === 146 146 147 -{{figure image="dat a_source_csv_designer_de.png"}}88 +{{figure image="datenquelle_csv_2.png" width="300"}} 148 148 Die Anbindung einer Datenquelle an eine Auswahlelement erfolgt direkt im {{designer case="dat"/}} 149 149 {{/figure}} 150 150 151 -Soll die //CSV//-Datenquelle direkt in ein [[Auswahlelement>>doc: Main.Auswahl]] geladen werden, erfolgt dies über die Eigenschaften des Auswahlelements im {{designer case="dat"/}}.92 +Soll die //CSV//-Datenquelle direkt in ein [[Auswahlelement>>doc:Auswahl]] geladen werden, erfolgt dies über die Eigenschaften des Auswahlelements im {{designer case="dat"/}}. 152 152 153 -Der Inhalt der CSV-Datenquelle wird folgendermaßen in einem [[Auswahlelement>>doc: Main.Auswahl]] verarbeitet.94 +Der Inhalt der CSV-Datenquelle wird folgendermaßen in einem [[Auswahlelement>>doc:Auswahl]] verarbeitet. 154 154 155 155 {{code}} 156 156 sichtbarer wert, übertragener, wert, optionaler wert, optionaler wert, ... ... ... @@ -166,7 +166,7 @@ 166 166 167 167 == XML == 168 168 169 -Die XML Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc: Main.Auswahl]] gebunden werden.110 +Die XML Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Auswahl]] gebunden werden. 170 170 171 171 {{figure image="datenquelle_xml.png" width="300"}} 172 172 Die JSON-Struktur der XML-Datenquelle. Auf diese JSON-Struktur kann dann per Javaskript über {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugegriffen werden. ... ... @@ -209,7 +209,7 @@ 209 209 http(s):~/~/<server>/formcycle/datenquellexml?mandantName=<Mandant-Name>&name=<Datenquellen-Name> 210 210 {{/info}} 211 211 212 -Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc: Main.Formular-Metadaten]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_xml{{/code}}.153 +Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Formular-Metadaten]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_xml{{/code}}. 213 213 214 214 Folgende Parameter sind möglich: 215 215 ... ... @@ -219,7 +219,7 @@ 219 219 220 220 == JSON == 221 221 222 -Die //JSON//-Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc: Main.Auswahl]] gebunden werden.163 +Die //JSON//-Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Auswahl]] gebunden werden. 223 223 224 224 {{figure image="datenquelle_json.png" width="300"}} 225 225 Die JSON-Struktur der JSON-Datenquelle. Sie ist identisch mit der JSON-Datenquelle. Auf diese JSON-Struktur kann dann per Javaskript über {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugegriffen werden. ... ... @@ -249,7 +249,7 @@ 249 249 http(s):~/~/<server>/formcycle/datenquellejson?mandantName=<Mandant-Name>&name=<Datenquellen-Name> 250 250 {{/info}} 251 251 252 -Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablenobjekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc: Main.Formular-Metadaten]]. Beispielweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_json{{/code}}.193 +Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablenobjekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Formular-Metadaten]]. Beispielweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_json{{/code}}. 253 253 254 254 Folgende Parameter sind möglich: 255 255
- data_source_csv_designer_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -22.1 KB - Inhalt
- data_source_csv_designer_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -21.4 KB - Inhalt
- data_source_csv_servlet_json_comparison.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -23.8 KB - Inhalt
- data_source_csv_source.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -4.0 KB - Inhalt
- data_source_csv_table.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -13.8 KB - Inhalt
- data_source_csv_table_w_header.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -14.1 KB - Inhalt
- data_source_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -50.9 KB - Inhalt
- data_source_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -48.9 KB - Inhalt
- data_source_import_csv_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -19.1 KB - Inhalt
- data_source_import_csv_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -15.6 KB - Inhalt
- data_source_import_excel_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -10.4 KB - Inhalt
- data_source_import_excel_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -9.2 KB - Inhalt
- data_source_new_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -16.8 KB - Inhalt
- data_source_new_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -14.1 KB - Inhalt