Självstudiekurs: Skapa ditt första anpassningsbara formulär tutorial-create-your-first-adaptive-form

Version
Artikellänk
AEM as a Cloud Service
Klicka här
AEM 6.5
Den här artikeln

01-create-first-adaptive-form-hero-image

Introduktion introduction

Söker du en mobilvänlig formulärupplevelse som förenklar registrering, ökar engagemanget och minskar handläggningstiden, anpassningsbara formulär passar dig perfekt. Adaptiva formulär ger en mobil, automatiserad och analysvänlig formulärupplevelse. Ni kan enkelt skapa formulär som är responsiva och interaktiva till sin natur, använda automatiserade processer för att minska administrativa och repetitiva uppgifter och använda dataanalys för att förbättra och personalisera den upplevelse kunderna har med era formulär.

Den här självstudiekursen ger ett komplett ramverk för att skapa ett anpassningsbart formulär. Självstudiekursen är indelad i ett användningsfall och i flera guider. Varje guide hjälper dig att lära dig mer och lägga till nya funktioner i det adaptiva formulär som skapas i den här kursen. Du har ett fungerande anpassningsbart formulär efter varje guide. Guiden för att skapa ett anpassat formulär är tillgänglig. Efterföljande guider kommer snart. I slutet av den här självstudiekursen kan du göra följande:

  • Skapa ett anpassningsbart formulär och en formulärdatamodell.
  • Formatera den anpassningsbara formen.
  • Använd redigerare för anpassade formulärregler för att skapa affärsregler.
  • Testa och publicera ett adaptivt formulär.

create-adaptive-form-workflow

Resan börjar med att man lär sig hur det fungerar:

En webbplats erbjuder en rad produkter för olika kunder. Kunderna går igenom portalen, väljer ut och beställer produkterna. Alla kunder skapar ett konto och tillhandahåller frakt- och faktureringsadresser. En befintlig kund, Sara Rose, vill lägga till sin leveransadress på webbplatsen. På webbplatsen finns ett onlineformulär där du kan lägga till och uppdatera leveransadresser.

Webbplatsen körs på Adobe Experience Manager (AEM) och använder AEM Forms för datainhämtning och -bearbetning. Formuläret för att lägga till och uppdatera adresser är ett anpassat formulär. Webbplatsen lagrar kundinformation i en databas. De använder formuläret för att lägga till och uppdatera adresser för att hämta och visa tillgängliga adresser. De använder också det adaptiva formuläret för att godkänna uppdaterade och nya adresser.

Förutsättning prerequisite

  • Konfigurera en AEM författarinstans

  • Installera AEM Forms-tillägg on author instance.

  • Hämta JDBC-databasdrivrutin (JAR-fil) från databasprovidern. Exemplen i självstudiekursen är baserade på MySQL databas och användning Oracle’s MySQL JDBC-databasdrivrutin.

  • Konfigurera en databas som innehåller kunddata med fälten som visas nedan. En databas behövs inte för att skapa ett anpassningsbart formulär. I den här självstudiekursen används en databas för att visa formulärdatamodell och beständighetsfunktioner för AEM Forms.

adaptiveformdata

Steg 1: Skapa ett anpassat formulär step-create-an-adaptive-form

03-create-adaptive-form-main-image_small

Adaptiva former är ny generation, engagerande, responsiva, dynamiska och anpassningsbara till sin natur. Med hjälp av anpassningsbara formulär kan ni leverera personaliserade och målinriktade upplevelser. AEM Forms har en WYSIWYG-redigerare som du kan dra och släppa för att skapa anpassningsbara formulär. Mer information om adaptiva formulär finns i Introduktion till utveckling av anpassningsbara formulär.

Mål:

  • Skapa ett anpassningsbart formulär där kunden kan lägga till en leveransadress.
  • Layoutfält i ett anpassat formulär som visar och accepterar information från en kund.
  • Skapa en Skicka-åtgärd för att skicka ett e-postmeddelande som innehåller formulärinnehåll.
  • Förhandsgranska och skicka ett anpassat formulär.

Se guiden

Steg 2: Skapa formulärdatamodell step-create-form-data-model

05-create-form-data-model-main_small

Med en formulärdatamodell kan du koppla ett anpassningsbart formulär till olika datakällor. AEM användarprofil, RESTful-webbtjänster, SOAP-baserade webbtjänster, OData-tjänster och relationsdatabaser. En formulärdatamodell är ett enhetligt datarepresentationsschema för affärsenheter och tjänster som är tillgängliga i anslutna datakällor. Du kan använda formulärdatamodellen med ett adaptivt formulär för att hämta, uppdatera, ta bort och lägga till data i anslutna datakällor.

Mål:

  • Konfigurera webbplatsens databasinstans (MySQL som en datakälla.
  • Skapa formulärdatamodellen med MySQL som en datakälla.
  • Lägg till datamodellsobjekt så att du kan skapa datamodellen.
  • Konfigurera läs- och skrivtjänster för formulärdatamodellen.
  • Testa formulärdatamodellen och konfigurerade tjänster med testdata.

Se guiden

Steg 3: Använd regler för anpassningsbara formulärfält step-apply-rules-to-adaptive-form-fields

07-apply-rules-to-adaptive-form_small

Anpassade formulär ger en redigerare som kan skriva regler för adaptiva formulärobjekt. Dessa regler definierar åtgärder som ska utlösas av formulärobjekt baserat på förinställda villkor, användarindata och användaråtgärder i formuläret. Det bidrar till att säkerställa att blankettifyllnaden blir korrekt och snabbare.

Mål:

  • Skapa och tillämpa regler för anpassningsbara formulärfält.
  • Använd regler för att aktivera datamodelltjänster för formulär för att uppdatera data till databasen.

Se guiden

Steg 4: Formatera en anpassad blankett step-style-your-adaptive-form

adapative-form-style

Adaptiva formulär ger teman och en redigerare för att skapa teman för de adaptiva formulären. Ett tema innehåller formatinformation för komponenter och paneler, och du kan återanvända ett tema i olika former. Format innehåller egenskaper som bakgrundsfärger, lägesfärger, genomskinlighet, justering och storlek. När du använder temat i formuläret återspeglas det angivna formatet i motsvarande komponenter i formuläret. Anpassningsbara formulär har även stöd för infogad formatering för format som är specifika för ett formulär.

Mål:

  • Använd ett av temana i ett anpassat formulär.
  • Skapa ett tema för anpassningsbara formulär med temaredigeraren.
  • Använd Web Fonts i ett anpassat tema.

Se guiden

Steg 5: Publicera ditt anpassningsbara formulär step-publish-your-adaptive-form

12-publish-your-adaptive-form-_small

Du kan publicera anpassningsbara formulär som ett fristående formulär (single page application), som kan inkluderas i AEM Sidan Platser, eller lista på en AEM Site använda Forms Portal.

Mål:

  • Publicera det adaptiva formuläret som en AEM sida.
  • Bädda in det anpassningsbara formuläret i en AEM Sites Sida.
  • Bädda in det adaptiva formuläret på en extern webbsida (en icke-AEM webbsida som finns på andra AEM).

Se guiden

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2