Inleiding tot de Redacteur van de Regel in de Authoring van WYSIWYG
- Onderwerpen:
- Edge Delivery Services
Gemaakt voor:
- Beheerder
- Ontwikkelaar
Deze functie is beschikbaar via het programma voor vroege toegang. Om toegang te verzoeken, verzend een e-mail met uw GitHub organisatienaam en bewaarplaatsnaam van uw officieel adres aan aem-forms-ea@adobe.com. Bijvoorbeeld, als de bewaarplaats URL https://github.com/adobe/abc is, is de organisatienaam adobe en de bewaarplaatsnaam abc.
U kunt dynamisch formuliergedrag toevoegen met de Regeleditor, waarmee u regels kunt maken. Deze regels maken voorwaardelijke veldzichtbaarheid mogelijk, automatiseren berekeningen op basis van gebruikersinvoer en verbeteren de gebruikerservaring. Door het invullen van formulieren te stroomlijnen, zorgt de Rule Editor voor zowel nauwkeurigheid als efficiëntie.
De Redacteur van de Regel biedt een intuïtieve visuele interface voor het creëren van en het beheren van regels aan. De gebruikersvriendelijke aanpak maakt het toegankelijk voor alle gebruikers, zelfs voor gebruikers zonder uitgebreide technische expertise, zodat zij zonder problemen logica in hun formulieren kunnen implementeren.
Een regel begrijpen
Regels zijn instructies die gebruikers begeleiden bij welke handelingen onder specifieke omstandigheden moeten worden uitgevoerd.
-
Voorwaarde: Een voorwaarde is een controle of een regel die evalueert of iets waar of vals is. Het beantwoordt de vraag: "Voldoet dit aan de vereiste?"
-
Actie: Een actie is wat gebeurt wanneer de voorwaarde waar is. Het is de taak of het gedrag die op de evaluatie van de voorwaarde wordt teweeggebracht.
Een regel volgt doorgaans een van de volgende constructies:
- voorwaarde-actie: Controleer eerst een voorwaarde, dan voer een actie uit. In de regeleditor dwingt het
When
-regeltype decondition-action
-construct af. - actie-Voorwaarde: Voer eerst een actie uit, dan controleer een voorwaarde. De regeltypen
Set Value Of
enValidate
in de regeleditor dwingen de constructaction-condition
af. - actie-voorwaardelijk-Afwisselende Actie: Voer een actie uit, controleer een voorwaarde, en of voer dan de belangrijkste actie of een afwisselende actie uit die op de voorwaarde wordt gebaseerd. De alternatieve handeling voor
Show
is bijvoorbeeldHide
en voorEnable
is dezeDisable
.
Een voorwaarde kan bijvoorbeeld controleren of een gebruiker een bepaalde waarde in een veld heeft ingevoerd en de actie kan bestaan in het weergeven of verbergen van een veld.
- Voorwaarde: Controle als het inkomen groter is dan $50.000.
- Actie: Als de voorwaarde waar is, toon het
Additional Deduction
gebied; anders, voer de afwisselende actie uit: verberg hetAdditional Deduction
gebied.
Voor gedetailleerde geleidelijke instructies, zie een voorwaardelijke regeltoevoegen.
Hoe te om de uitbreiding van de Redacteur van de Regel toe te laten?
In Universele Redacteur, wordt de uitbreiding van de Redacteur van de Regel niet toegelaten door gebrek. Om de uitbreiding van de Redacteur van de Regel toe te laten schrijven aan ons in aem-forms-ea@adobe.comvan uw officiële e-mailidentiteitskaart
Nadat de uitbreiding van de Redacteur van de Regel voor uw milieu wordt toegelaten,
Selecteer de vormcomponent waarvoor u een regel wilt schrijven, en
In dit artikel worden form object
en form component
door elkaar gebruikt.
Nu, kunt u beginnen regels of bedrijfslogica voor het geselecteerde vormgebied te schrijven door de beschikbare regeltypes in de Redacteur van de Regelte gebruiken.
Werken met de gebruikersinterface van de Rule Editor
De redacteur van de Redacteur van de Regel opent wanneer u
Bestaande regels voor een formuliercomponent worden weergegeven wanneer u de component selecteert. U kunt de titel en een voorproef de regelsamenvatting op de Redacteur van de Regel bekijken. Bovendien kunt u de volgorde van regels wijzigen, regels bewerken, regels inschakelen/uitschakelen of regels verwijderen.
Beschikbare regeltypen
De Redacteur van de Regel verstrekt een reeks vooraf bepaalde regeltypes die u kunt gebruiken om regels te schrijven, zoals getoond in hieronder lijst:
Nu, onderzoeken hoe te regels in de Redacteur van de Regelschrijven.
Regels schrijven
Om te begrijpen hoe te om regels in de Visuele Redacteur van de Regel te schrijven, denken een eenvoudig voorbeeld van een vorm van de belastingberekening:
In het hierboven beschreven formulier voert de gebruiker het brutosalaris in. Op basis van deze invoer wordt het voorwaardelijke veld weergegeven en wordt de verschuldigde belasting berekend.
Gebieden van de Vorm:
- Brutosalaris (gebruikersinvoer)
- Aanvullende aftrek (voorwaardelijk veld)
- Belastbaar inkomen (berekend veld)
- Belasting verschuldigd (berekend veld)
Voorwaardelijke Regel:
- Toestand: Brutosalaris > 50.000
- Actie: het veld Aanvullende aftrek tonen
Regels van de Berekening:
- Belastbaar inkomen = Brutosalaris - Aanvullende aftrek (indien van toepassing)
- Belastingplichtig = Belastbaar inkomen * Belastingtarief (voor de eenvoud wordt uitgegaan van een vast tarief van 10%)
Voer de volgende stappen uit om regels te schrijven:
1. Auteur van een formulier
Een formulier maken in de universele editor:
-
Open een formulier in de Universal Editor om het te bewerken.
-
Voeg de volgende formuliercomponenten toe:
- Formulier voor belastingberekening (titel)
- Brutosalaris (invoer getal)
- Extra aftrek (invoer getal)
- Belastbaar inkomen (invoer van getal)
- Te betalen belasting (invoer aantal)
- Verzenden (knop Verzenden)
-
Verberg het formulierveld
Additional Deduction
door hetProperties
ervan te openen.
2. Een voorwaardelijke regel toevoegen voor een formulierveld
Nadat u het formulier hebt gemaakt, schrijft u de eerste regel om het veld Additional Deduction
alleen weer te geven als het brutosalaris hoger is dan € 50.000. Een voorwaardelijke regel toevoegen:
- Open een vorm in Universele Redacteur voor het uitgeven en selecteer het Gross Salary gebied in de inhoudsboom en selecteer
De visuele interface van de Redacteur van de Regel verschijnt. - Klik op Create om regels te maken.
Standaard is het regeltypeSet Value Of
geselecteerd. U kunt het geselecteerde object niet wijzigen of wijzigen, maar u kunt de regelvervolgkeuzelijst gebruiken om een ander regeltype te selecteren.
- Open de vervolgkeuzelijst met regeltypen en selecteer When regeltype.
- Selecteer Select State vervolgkeuzelijst en selecteer is greater than . Het veld Enter a Number wordt weergegeven.
- Typ
50000
in het Enter a Number -veld in de regel.
U hebt de voorwaarde gedefinieerd alsWhen Gross Salary is greater than 50000
. Definieer vervolgens de actie die moet worden uitgevoerd als deze voorwaardeTrue
is. - Selecteer Show in de vervolgkeuzelijst Select Action in de instructie
Then
.
- Sleep het veld Additional Deduction naar het tabblad Formulierobjecten in het veld Drop object or select here . U kunt ook het veld Drop object or select here selecteren en het veld Additional Deduction in het pop-upmenu selecteren, waarin alle formulierobjecten in het formulier worden vermeld.
- Klik op Add Else Section om een andere voorwaarde voor het veld Gross Salary toe te voegen, voor het geval u een salaris invoert dat lager is dan
50000
.
- Selecteer Hide in de vervolgkeuzelijst Select Action in de instructie
Else
.
- Sleep het veld Additional Deduction naar het tabblad Formulierobjecten in het veld Drop object or select here . U kunt ook het veld Drop object or select here selecteren en het veld Additional Deduction in het pop-upmenu selecteren, waarin alle formulierobjecten in het formulier worden vermeld.
- Selecteer Done om de regel op te slaan.
De regel verschijnt als volgt in de Redacteur van de Regel.
3. Berekeningen toevoegen voor de formuliervelden
Vervolgens schrijft u een regel om de Taxable Income
te berekenen. Dit is het verschil tussen Gross Salary
en Additional Deduction
(indien van toepassing). Voer de volgende stappen uit om een berekeningsregel toe te voegen aan het veld Taxable Income :
-
Op auteurswijze, selecteer het Taxable Income gebied en selecteer
-
Selecteer vervolgens Create om de regel te maken.
-
Selecteer Select Option en selecteer Mathematical Expression . Er wordt een veld voor het schrijven van wiskundige expressies geopend.
-
In het veld Wiskundige expressie:
-
Selecteer of sleep-daling van het lusje van de Objecten van Forms het Gross Salary gebied in het eerste Drop object or select here gebied.
-
Selecteer Minus in het veld Select Operator .
-
Selecteer of sleep-daling van het lusje van de Objecten van Forms het Additional Deduction gebied in het andere Drop object or select here gebied.
-
-
Selecteer Done om de regel op te slaan.
Voeg nu een regel voor het veld
Tax Payable
toe, die wordt bepaald door het belastbare inkomen te vermenigvuldigen met het belastingtarief. Veronderstel voor eenvoud een vast belastingtarief van10%
. -
Op auteurswijze, selecteer het Tax Payable gebied en selecteer
-
Selecteer Select Option en selecteer Mathematical Expression . Er wordt een veld voor het schrijven van wiskundige expressies geopend.
-
In het veld Wiskundige expressie:
-
Selecteer of sleep-daling van het lusje van de Objecten van Forms het Taxable Income gebied in het eerste Drop object or select here gebied.
-
Selecteer Multiplied by in het veld Select Operator .
-
Selecteer Aantal van het Select Option gebied en ga de waarde als
10
op het Enter a Number gebied in.
-
-
Selecteer vervolgens in het gemarkeerde gebied rond het expressieveld en selecteer Extend Expression .
-
Selecteer in het veld Uitgebreide expressie divided by in het Select Operator veld en Number in het Select Option veld. Geef vervolgens
100
op in het nummerveld.
-
Selecteer Done om de regel op te slaan.
4. Een voorbeeld van een formulier bekijken
Nu, wanneer u voorproef de vorm en Bruto Salaris als 60,000
ingaat, verschijnt het Extra Vermindering gebied, en Belastbaar Inkomen en Betaalbare Belasting worden dienovereenkomstig berekend.
Naast de uit-van-de-doos functies zoals Som, Gemiddelde die onder de Output van Functies vermeld zijn, kunt u douanefunctiesschrijven om complexe bedrijfslogics uit te voeren.
Aangepaste functie in regeleditor
Edge Delivery Services Forms ondersteunt aangepaste functies waarmee gebruikers JavaScript-functies kunnen definiëren voor het implementeren van complexe bedrijfsregels. De aangepaste functies vergroten de mogelijkheden van formulieren door het bewerken en verwerken van ingevoerde gegevens te vergemakkelijken om aan bepaalde vereisten te voldoen.
Een aangepaste functie maken
Als u aangepaste functies wilt maken, bewerkt u het bestand ../[blocks]/form/functions.js
. Het aanmaakproces omvat doorgaans de volgende stappen:
- Verklaring van de Functie: Bepaal de functienaam en zijn parameters (de input die het goedkeurt).
- Logische Implementatie: Schrijf de code die de specifieke berekeningen of de manipulaties beschrijft die door de functie worden uitgevoerd.
- Uitvoer van de Functie: Maak de functie toegankelijk binnen uw regels door het van het relevante dossier uit te voeren.
In dit voorbeeld worden twee aangepaste functies getoond als getFullName
en days
:
/**
* Get Full Name
* @name getFullName Concats first name and last name
* @param {string} firstname in Stringformat
* @param {string} lastname in Stringformat
* @return {string}
*/
function getFullName(firstname, lastname) {
return `${firstname} ${lastname}`.trim();
}
/**
* Calculate the number of days between two dates.
* @param {*} endDate
* @param {*} startDate
* @name days Calculates the numebr of days between two dates
* @returns {number} returns the number of days between two dates
*/
function days(endDate, startDate) {
const start = typeof startDate === 'string' ? new Date(startDate) : startDate;
const end = typeof endDate === 'string' ? new Date(endDate) : endDate;
// return zero if dates are valid
if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) {
return 0;
}
const diffInMs = Math.abs(end.getTime() - start.getTime());
return Math.floor(diffInMs / (1000 * 60 * 60 * 24));
}
// eslint-disable-next-line import/prefer-default-export
export { getFullName, days };
Een aangepaste functie gebruiken in de regeleditor
U kunt als volgt de aangepaste functie in de regeleditor gebruiken:
-
voeg de Functie toe: Omvat uw douanefunctie in het
../[blocks]/form/functions.js
dossier. Vergeet niet deze toe te voegen aan de instructieexport
in het bestand. -
stel het Dossier op: Stel het bijgewerkte
functions.js
dossier aan uw project GitHub op en verifieer een succesvolle bouwstijl. -
Gebruik van de Functie: Heb toegang tot de functie binnen de Redacteur van de Regel van uw vorm door de
Function Output
optie op het Select Action gebied te selecteren. -
Voorproef de vorm: Voorproef uw vorm met de onlangs uitgevoerde functie.
Aanvullende informatie
../[blocks]/form/functions.js
-bestand.Dit artikel bevat beperkte informatie over de Rule Editor die beschikbaar is in de Universal Editor. Meer over de Redacteur van de Regel en douanefuncties leren, verwijs naar de volgende artikelen:
- Inleiding aan de Redacteur van de Regel voor AanpassingsForms die op de Componenten van de Kern wordt gebaseerd
- De types en de gebeurtenissen van de exploitant in regelredacteur van een Adaptief Vorm die op de Componenten van de Kern wordt gebaseerd
- De Redacteur van de regel Gebruikersinterface voor Adaptieve Forms die op de Componenten van de Kern wordt gebaseerd
- Verschillende gevallen van gebruik van de Rule Editor voor een adaptief formulier op basis van kerncomponenten
- Verschil in verschillende versies van de redacteur van de Regel
- Asynchrone functies in een adaptief formulier gebruiken
- De verhogingen van de Dienst van de aanwending in de Visuele Redacteur van de Regel voor vormen die op de Componenten van de Kern worden gebaseerd
- Inleiding tot aangepaste functies voor adaptieve Forms op basis van kerncomponenten
- Een aangepaste functie maken voor een adaptief formulier op basis van kerncomponenten
- Object Scope in aangepaste functies
- Voorbeelden van het ontwikkelen en gebruiken van een aangepaste functie
Zie ook
- Uw eerste formulier maken met Universal Editor
- Dynamisch gedrag toevoegen aan Forms
- Handelingen voor het verzenden van formulieren configureren en aanpassen
- Forms publiceren en implementeren
- Mooie Forms: handleiding voor stijlen en thema's
- Aangepaste formuliercomponenten maken
- Bescherm uw Forms tegen spam: reCAPTCHA-beveiliging toevoegen