Datei-Upload bereitstellen

Beschreibung des Beispiels

(Dieses Beispiel baut auf dem Beispiel "Dateien zum Download bereitstellen" auf.)

In diesem Beispiel soll im Bürgerportal die Möglichkeit zur Verfügung gestellt werden, Dokumente oder Dateien einzureichen bzw. hochzuladen.

Hierfür wird eine Schaltfläche "Dokument hochladen" implementiert.

Nachdem der Nutzer auf die Schaltfläche "Dokument hochladen" geklickt hat, wird ein Dialog angezeigt. In diesem Dialog kann der Nutzer Dokumente auf seinem Computer suchen und anschließend hochladen.

Die Dokumente werden nach dem Klick auf die Schaltfläche "Hochladen" direkt auf DRACOON hochgeladen.

 

Voraussetzungen

DRACOON

  • Datenraum ist angelegt.

  • "Upload Ordner" ist angelegt.

  • Die ID des "Upload Ordners" ist bekannt.

Intrexx

  • Intrexx DRACOON Connector wurde eingerichtet ("DracoonConnector").

  • Die Applikation "IntrexxDracoonApp" wurde angelegt.

  • Die Fremddatengruppe "DracoonDocuments" wurde hinzugefügt.

Vorgehensweise - Überblick

Eingabeseite für Datei-Upload (Seitenassistent)

Element "Dateiauswahl" hinzufügen.

Element "Eingabefeld" hinzufügen ("name" - Pflichtfeld).

Parameter "parentId" auf der Seite hinterlegen.

Schaltfläche "Speichern" einrichten

Fallbackwert für parentId hinterlegen.

Schaltfläche "Dokument hochladen" auf Seite "Übersicht" einfügen

Element "Schaltfläche" per Drag-and-drop auf die Seite "Übersicht" ziehen.

Vorgehensweise - Schritt-für-Schritt

Eingabeseite für den Datei Upload hinzufügen

Erstellen Sie eine Eingabeseite unterhalb der Fremddatengruppe "DracoonDocuments".

(In unserem Beispiel verwenden wir den Seitenassistenten.)

  1. Starten Sie den Seitenassistenten.

  2. Markieren Sie den Bereich "Eingabeseite".

  3. Klicken Sie auf "Weiter".

  4. Vergeben Sie einen Titel für die Eingabeseite ("Upload").

  5. Klicken Sie auf "Weiter".

  6. Fügen Sie die Datenfelder "file" und "name" hinzu.

    (Das Datenfeld "name" ist Pflichtfeld in DRACOON.)

  7. Klicken Sie auf "OK".

    Die Eingabeseite wird angezeigt.

    Parameter "parentId" auf der Seite hinterlegen

    Der Parameter "parentId" bezieht sich auf die ID Ihres Upload-Ordners. Gleichzeitig ist "parentId" ein Datenfeld, das standardmäßig in der Connector-Datengruppe "DracoonDataSpace", die in diesem Beispiel verwendet wird, enthalten ist. Vergleichen Sie hierzu Abschnitt Datengruppe "DracoonDataSpace".

  8. Öffnen Sie die Eigenschaften der Eingabeseite.

  9. Wechseln Sie auf die Registerkarte "Parameter".

  10. Klicken Sie auf das - Icon.

  11. Wählen Sie "Parameter" aus.

  12. Erfassen Sie im Feld "Name" den Wert "parentId". (Beachten Sie die Schreibung.)

  13. Erfassen Sie als Fallbackwert die ID Ihres Upload-Ordners.

    Die ID finden sie in der URL Ihrer DRACOON Web App.

    Wenn Sie mir der Maus auf einen Datenraum oder einen Ordner klicken, wird am Ende der URL die ID angezeigt. Die ID folgt immer nach "/node/".

  14. Klicken Sie auf "OK".

Schaltfläche "Speichern" einrichten

  1. Klicken Sie auf das Element "Speichern".

  2. Wechseln Sie auf die Registerkarte "Aktionen".

  3. Klicken Sie auf den Menüpunkt "Parameter".

  4. Markieren Sie den Parameter "parentId".

  5. Klicken Sie auf den Pfeil neben dem Plus-Icon .

  6. Wählen Sie "Fallbackwert" aus.

  7. Wählen Sie im rechten Bereich die Option "Parameter" aus ().

  8. Wählen Sie im Auswahlfeld "Parameter" den Wert "parentId" aus ().

  9. Klicken Sie auf "OK".

    Die Applikation stellt sich so dar:

    (Die Schaltfläche "Löschen" wurde entfernt.)

Schaltfläche "Dokument hochladen" einfügen

  1. Wechseln Sie auf die Seite "Übersicht".

  2. Ziehen Sie das Element "Schaltfläche" per Drag-and-drop auf die Seite "Übersicht".

  3. Wählen Sie auf der Registerkarte "Allgemein" den Eintrag "Text" aus.

  4. Erfassen Sie im Feld "Titel" den Text "Dokument hochladen".

  5. Wechseln Sie auf die Registerkarte "Aktionen".

  6. Wählen Sie als Sprungziel die Seite "Upload" aus.

  7. Wählen Sie bei Zielseitenoptionen folgende Optionen aus:

    • In Tooltip öffnen

    • Modal öffnen

    • Schließen-Symbol anzeigen

  8. Klicken Sie auf "OK".

Ihre Beispielapplikation stellt sich inzwischen so dar:

Applikation veröffentlichen

Speichern bzw. veröffentlichen Sie die Applikation.

Die Applikation stellt sich im Browser (in etwa) so dar:

Nachdem Sie auf die Schaltfläche "Dokument hochladen" geklickt haben, stellt sich die Applikation im Browser (in etwa) so dar: