Ä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, 18 gelöscht)
- data_source_csv_designer_de.png
- data_source_csv_designer_en.png
- data_source_csv_designer_script_de.png
- data_source_csv_designer_script_en.png
- data_source_csv_servlet_json_comparison.png
- data_source_csv_settings_de.png
- data_source_csv_settings_en.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,95 +1,33 @@ 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 -{{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}} 7 +== CSV == 14 14 15 - ==AnlegeneinerDatenquelle==9 +Hier können Sie Datensätze im CSV-Format eingeben. 16 16 17 -Ö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//. 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. 18 18 19 -{{lightbox image="data_source_new_de.png" title="Datenquellen können aus Dateien importiert oder neu angelegt werden"/}} 20 - 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 - 26 -=== Importieren von Datenquellen aus Dateien === 27 - 28 -Folgende Dateitypen können verwendet werden, um Datenquellen zu importieren: 29 - 30 -* **XML**: //.xml// 31 -* **CSV**: //.csv//, //.xls//, //.xlsx// (Excel) 32 -* **JSON**: //.json// 33 - 34 -{{id name="data_source_import_csv"/}} 35 -__CSV-Datenquellen__ 36 - 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 - 54 -__Drag&Drop__ 55 - 56 -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. 57 - 58 -== CSV == 59 - 60 -{{figure image="data_source_csv_servlet_json_comparison.png"}} 61 -Die JSON-Struktur einer CSV-Datenquelle. Auf diese JSON-Struktur kann per Javascript ü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. 15 +{{figure image="datenquelle_csv_8.png" width="300"}} 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. 62 62 {{/figure}} 63 63 64 - CSV-Datenquellenkönnenin einer Quellcode-AnsichtoderineinerTabellenansicht dargestellt werden.Die Ansicht kann mitinem Klick auf dieentsprechende Schaltfläche{{ficon name="table-large"/}}/{{icon name="code"/}} in der Fußzeile unterhalb des Editierbereichs geändert werden.19 +=== Beispiel für eine CSV-Datenquelle === 65 65 66 -//Quellcode-Ansicht einer CSV-Datenquelle//: ([[CSV Dateiformat>>https://de.wikipedia.org/wiki/CSV_(Dateiformat)||target="_blank"]]) 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"/}} 21 +{{info}} 22 +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. 23 +{{/info}} 70 70 71 -=== Bearbeitung von CSV-Tabellen === 25 +{{code}} 26 +Wert 1.1, Wert 1.2, Wert 1.3, Wert 1.4, ... 27 +{{/code}} 72 72 73 - ZumBearbeitungeinerCSV-Tabellebefindensich unterhalbdesEditierbereichs eineReihevonSchaltflächen:29 +Das Auslesen der Werte im {{designer case="dat"/}} erfolgt über das //Servlet// mit Namen //datenquellecsv//. 74 74 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. 79 - 80 -=== Header von CSV-Datenquellen === 81 - 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 - 93 93 === Servlet-Parameter === 94 94 95 95 {{info}} ... ... @@ -97,7 +97,7 @@ 97 97 http(s):~/~/<server>/formcycle/datenquellecsv?mandantName=<Mandant-Name>&name=<Datenquellen-Name> 98 98 {{/info}} 99 99 100 -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}}. 101 101 102 102 Folgende Parameter sind möglich: 103 103 ... ... @@ -110,10 +110,12 @@ 110 110 |csvTrennzeichen|Gibt das Trennzeichen zwischen den einzelnen Datenzellen an. Wird dieses nicht gesetzt, wird hier standardmäßig ein Komma {{code}},{{/code}} benutzt.|Nein 111 111 |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 112 112 113 -{{id name="data_source_csv_example"/}} 114 - 115 115 === Anwendungsbeispiel === 116 116 53 +{{figure image="datenquelle_csv_7.png" width="300"}} 54 +Ein Beispiel dafür, wie eine CSV-Datenquelle aussehen kann. Die Spalten werden durch Kommas getrennt. 55 +{{/figure}} 56 + 117 117 {{code language="csv"}} 118 118 anrede,vorname,nachname,plz,ort 119 119 Herr,Max,Mustermann,1000,Musterhausen ... ... @@ -125,33 +125,33 @@ 125 125 126 126 127 127 128 -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. 129 129 130 130 {{code language="javascript"}} 131 131 $.getJSON( XFC_METADATA.urls.datasource_csv + "?name=Demo&mandantName=xima.de", function(json) { 132 - var obj = json.returnValue[0] ;72 + var obj = json.returnValue[0] 133 133 134 - $('[name=tfAnrede]').val(obj.anrede) ;135 - $('[name=tfVorname]').val(obj.vorname) ;136 - $('[name=tfName]').val(obj.nachname) ;137 - $('[name=tfPLZ]').val(obj.plz) ;138 - $('[name=tfOrt]').val(obj.ort) ;139 - }) ;74 + $('[name=tfAnrede]').val(obj.anrede) 75 + $('[name=tfVorname]').val(obj.vorname) 76 + $('[name=tfName]').val(obj.nachname) 77 + $('[name=tfPLZ]').val(obj.plz) 78 + $('[name=tfOrt]').val(obj.ort) 79 + }) 140 140 {{/code}} 141 141 142 -{{lightbox image="dat a_source_csv_designer_script_de.png"/}}82 +{{lightbox image="datenquelle_csv_4.png" width="300"/}} 143 143 144 144 Dieses Beispiel als Datenquelle für den {{designer case="acc"/}} [[zum Herunterladen>>attach:beispiel_datenquelle_csv.json||rel="__blank"]]. 145 145 146 146 === Sonderfall Auswahlelement === 147 147 148 -{{figure image="dat a_source_csv_designer_de.png"}}88 +{{figure image="datenquelle_csv_2.png" width="300"}} 149 149 Die Anbindung einer Datenquelle an eine Auswahlelement erfolgt direkt im {{designer case="dat"/}} 150 150 {{/figure}} 151 151 152 -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"/}}. 153 153 154 -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. 155 155 156 156 {{code}} 157 157 sichtbarer wert, übertragener, wert, optionaler wert, optionaler wert, ... ... ... @@ -167,7 +167,7 @@ 167 167 168 168 == XML == 169 169 170 -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. 171 171 172 172 {{figure image="datenquelle_xml.png" width="300"}} 173 173 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. ... ... @@ -210,7 +210,7 @@ 210 210 http(s):~/~/<server>/formcycle/datenquellexml?mandantName=<Mandant-Name>&name=<Datenquellen-Name> 211 211 {{/info}} 212 212 213 -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}}. 214 214 215 215 Folgende Parameter sind möglich: 216 216 ... ... @@ -220,7 +220,7 @@ 220 220 221 221 == JSON == 222 222 223 -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. 224 224 225 225 {{figure image="datenquelle_json.png" width="300"}} 226 226 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. ... ... @@ -250,7 +250,7 @@ 250 250 http(s):~/~/<server>/formcycle/datenquellejson?mandantName=<Mandant-Name>&name=<Datenquellen-Name> 251 251 {{/info}} 252 252 253 -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}}. 254 254 255 255 Folgende Parameter sind möglich: 256 256
- 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_designer_script_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -26.0 KB - Inhalt
- data_source_csv_designer_script_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -26.8 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_settings_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -5.2 KB - Inhalt
- data_source_csv_settings_en.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.nlo - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -4.9 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