VTAP är Vtigers lågkodsplattform som hjälper utvecklare och administratörer att utöka funktionerna i CRM. Vi har två verktyg som ger möjlighet att bygga applikationer med låg kod.
Den ena är moduldesignern och den andra är API-designern. I den här bloggen kommer vi att gå igenom vad, hur och när du ska använda Moduldesigner.
Moduldesigner
När ska jag använda Module Designer (Use cases)
Du kan använda moduldesignern för att:
- Tillämpa komplexa formler och uppdatera ett fält
- Blinka en varning när en användare anger felaktig information
- Spara några användarinställningar
- Spara tilläggsinställningar eller konfigurationsdata
- Lägg till knappar, widgets och ikoner
Vad ger moduldesignern dig för att uppnå ovanstående mål?
- Integrerad utvecklingsmiljö (IDE), där du kan skriva logik och anpassad kod
- VTAP Javascript API: er
Hur använder jag Module Designer?
Moduldesignern är tillgänglig under Huvudmeny> Plattformsapp. Det är gratis för alla professionella och företagskunder. Om du vill utveckla och släppa tillägg till marknaden kan du registrera dig för en gratis utvecklarversion från här..
Du kan använda moduldesignern för att lägga till följande:
- VTAP-skript - låter dig lägga till anpassade knappar, widgets etc.
- Komponenter - Låter dig lägga till anpassade komponenter.
- VTAP Styles - Hjälper dig att ändra UI: s utseende och känsla.
- Sida - Låter dig lägga till anpassade sidor.
I den här bloggen kommer vi att diskutera hur man lägger till VTAP-skript till moduldesignern.
Lägga till VTAP-skript
VTAP-skript är ingångspunkterna för anpassad logik. Du börjar med att ge ett namn till skriptet och välja den modul som skriptet ska köras för. Det är viktigt att välja en modul eftersom du ofta har modulspecifika behov som att lyssna på en kontakts knappklick eller spara en post.
Du kan antingen välja att skapa en anpassad tilläggsmodul eller använda befintliga moduler för att lägga till ett skript.
Notera: Skapa en tilläggsmodul om du vill att modulen ska släppas via Vtiger-marknaden.
Låt oss nu titta på några exempel på hur du använder VTAP-skript.
Exempel 1: En knapp har lagts till på Leads-listans sida. Varje manus skapas med denna grundläggande byggnadsställning med namnet som valts för manuset, som visas nedan.
Den grundläggande byggstenen för VTAP är en komponent, och den är baserad på Vue-komponenten och dess livscykelhändelser.
- Komponentens namn: Leads_Component_Register
- Syntax: {{MODULE}}_Component_{{NAME}}
- Komponenter sträcker sig från: VTAP.Component.Core.extend
Funktioner
- Skapad funktionen är ingång för alla komponenter. Det här är funktionen där du kan registrera dig för knappar eller lyssna på händelser.
- Mall är där du lägger till din HTML, om någon.
- Metoder är där du lägger till funktioner som kallas i HTML-mallen. I exemplet nedan ringer vi ClickMe-funktionen när man klickar på en knapp. Så här ser den slutliga koden ut:
VTAP.Component.Register API hjälper dig att lägga till knappar, widgetar, ikoner etc. Den första parametern i API: n berättar var du vill lägga till dina anpassade komponenter. Klicka på för att se listan över komponenter som stöds här..
Exempel 2: Lägga till en widget i kontakternas och organisationens sammanfattningsvy.
Du kan använda en registrering för att lägga till samma widget i flera moduler. I sådana fall bör vi lägga till VTAP-skript för alla moduler (Använd rullgardinsmenyn när du skapar VTAP-skript).
För VTAP.Component.Register API har vi en fjärde parameter som hjälper dig att välja de moduler som widgets ska läggas till. Så här ser det ut i Organisationsöversiktsvy.
VTAP ger dig också möjlighet att lyssna på handlingar som utförs av användaren. När en användare till exempel skapar eller uppdaterar en post, öppnar en informationssida, visar ett popup-fönster för redigering etc. För att se en lista över sådana utlösningshändelser, klicka på här..
Du måste lyssna på sådana händelser och lägga till en hanterare för att utföra åtgärder på dem.
Nedan är ett exempel på händelsen – posten sparad. Det här exemplet kommer att kontrollera kontaktstatusen för kontakten när posten sparas. Om kontaktstatusen är konkurrent, kommer ett meddelande att visas som säger "Se upp!!".
På samma sätt har VTAP-plattformen tillhandahållit olika UI-krokar för att infoga dina anpassade komponenter som knappar i list-/detaljsidan, widgets i sammanfattningsvyn och ikoner.
För alla olika platshållare som tillhandahålls, se detaljerna i vår dokumentation.
I våra kommande bloggar kommer vi att täcka de andra funktionerna i VTAP - Custom Components, VTAP och Custom Pages.
Jag rekommenderar starkt att du skriver din egen kod. Börja litet med en anpassad knapp och gå därifrån. Använd vår moduldesigner exempel, tillgänglig i vår dokumentation, som grund för din första kod. Du kommer att upptäcka att anpassning av din CRM kan vara en enkel rolig process.
För andra frågor, skicka ett mail till [e-postskyddad]. Registrera dig för utvecklarutgåvan här..
