Przejdź do treści
Strona główna » VTAP Module Designer – Nasza niskokodowa platforma, dzięki której CRM stanie się Twoim własnym!

VTAP Module Designer – Nasza niskokodowa platforma, dzięki której CRM stanie się Twoim własnym!



VTAP to niskokodowa platforma Vtiger, która pomaga programistom i administratorom rozszerzyć możliwości CRM. Posiadamy dwa narzędzia, które zapewniają możliwość budowania aplikacji niskokodowych.
Jednym z nich jest Projektant modułów, a drugim Projektant API. Na tym blogu omówimy, co, jak i kiedy używać projektanta modułów.


Projektant modułów

Kiedy używać projektanta modułów (przypadki użycia)


Możesz użyć projektanta modułów, aby:

  • Zastosuj złożone formuły i zaktualizuj pole
  • Migaj ostrzeżeniem, gdy użytkownik wprowadza nieprawidłowe informacje
  • Zapisz niektóre preferencje użytkownika
  • Zapisz ustawienia rozszerzenia lub dane konfiguracyjne
  • Dodaj przyciski, widżety i ikony

Co zapewnia projektant modułów, aby osiągnąć powyższe cele?

  • Integrated Development Environment (IDE), w którym możesz napisać logikę i niestandardowy kod
  • API JavaScript VTAP

Jak korzystać z Projektanta Modułów?

Projektant modułów jest dostępny w Menu głównym > Aplikacja platformy. Jest bezpłatny dla wszystkich klientów Professional i Enterprise. Jeśli chcesz rozwijać i wypuszczać rozszerzenia na rynek, możesz zapisać się na bezpłatną edycję dla programistów od tutaj.

Możesz użyć Projektanta modułów, aby dodać następujące elementy:

  1. Skrypty VTAP – Umożliwia dodawanie niestandardowych przycisków, widżetów itp.
  2. Komponenty — umożliwia dodawanie niestandardowych komponentów.
  3. Style VTAP – Pomagają zmienić wygląd i działanie interfejsu użytkownika.
  4. Strona — umożliwia dodawanie niestandardowych stron.

W tym blogu omówimy, jak dodać skrypty VTAP do Projektanta modułów.

Dodawanie skryptów VTAP

Skrypty VTAP są punktami wejścia dla logiki niestandardowej. Zaczynasz od nadania nazwy skryptowi i wybrania modułu, dla którego skrypt ma zostać uruchomiony. Ważne jest, aby wybrać moduł, ponieważ bardzo często masz specyficzne potrzeby modułu, takie jak odsłuchiwanie kliknięcia przycisku lub zapisywanie rekordu.

Możesz albo utworzyć niestandardowy moduł rozszerzenia, albo użyć istniejących modułów, aby dodać skrypt.

Uwaga: Utwórz moduł rozszerzenia, jeśli chcesz, aby moduł został wydany za pośrednictwem rynku Vtiger.

Obraz podrzędny-1


Obraz podrzędny-2

Przyjrzyjmy się teraz kilku przykładom użycia skryptów VTAP.

1 przykład: Do strony Lista potencjalnych klientów został dodany przycisk. Każdy skrypt jest tworzony za pomocą tego podstawowego rusztowania o nazwie wybranej dla skryptu, jak pokazano poniżej.

C1

Podstawowym elementem składowym VTAP jest komponent, oparty na komponencie Vue i jego wydarzenia cyklu życia.

  • Nazwa komponentu: Leads_Component_Rejestr
  • Składnia: {{MODULE}}_Component_{{NAME}}
  • Komponenty obejmują: VTAP.Component.Core.extend


Funkcje

  • Stworzony funkcja jest punkt wejścia dla dowolnego komponentu. Jest to funkcja, w której można zarejestrować przyciski lub nasłuchiwać zdarzeń.
  • C2

    Rejestracja.komponentu.VTAP API pomaga dodawać przyciski, widżety, ikony itp. Pierwszy parametr API mówi, gdzie chcesz dodać niestandardowe komponenty. Aby zobaczyć listę obsługiwanych komponentów, kliknij tutaj.

  • szablon to miejsce, w którym dodajesz swój kod HTML, jeśli taki istnieje.
  • Metody to miejsce, w którym dodajesz funkcje, które są wywoływane w szablonie HTML. W poniższym przykładzie wywołujemy funkcję ClickMe po kliknięciu przycisku. Tak wygląda ostateczny kod:

C3

2 przykład: Dodanie widżetu do widoku podsumowania kontaktu i organizacji.
Możesz użyć jednej rejestracji, aby dodać ten sam widżet w wielu modułach. W takich przypadkach powinniśmy dodać skrypt VTAP dla wszystkich modułów (Użyj rozwijanego menu podczas tworzenia skryptu VTAP).

C4

W przypadku API VTAP.Component.Register mamy czwarty parametr, który pomaga wybrać moduły, do których widżety mają zostać dodane. Tak to wygląda w widoku podsumowania organizacji.

Obraz podrzędny-3

VTAP zapewnia również możliwość słuchania czynności wykonywanych przez użytkownika. Na przykład, gdy użytkownik tworzy lub aktualizuje rekord, otwiera stronę szczegółów, wyświetla wyskakujące okienko edycji itp. Aby wyświetlić listę takich zdarzeń wyzwalających, kliknij tutaj.

Musisz nasłuchiwać takich zdarzeń i dodać procedurę obsługi, aby wykonywać na nich działania.
Poniżej przykład zdarzenia – zapis zapisany. Ten przykład sprawdzi status kontaktu w momencie zapisywania rekordu. Jeśli statusem kontaktu jest Konkurent, zostanie wyświetlone powiadomienie „Uwaga!!”.

C5

Podobnie, platforma VTAP udostępnia różne zaczepy interfejsu użytkownika do wstawiania niestandardowych komponentów, takich jak przyciski na stronie listy/szczegółów, widżety w widoku podsumowania i ikony.
Aby zapoznać się ze wszystkimi podanymi symbolami zastępczymi, zapoznaj się ze szczegółami podanymi w naszym dokumentacja.

W naszych najbliższych blogach omówimy inne funkcje VTAP – komponenty niestandardowe, VTAP i strony niestandardowe.

Gorąco polecam napisanie własnego kodu. Zacznij od małego przycisku niestandardowego i przejdź od tego miejsca. Skorzystaj z naszego projektanta modułów przykłady, dostępny w naszej dokumentacji, jako podstawa dla Twojego pierwszego kodu. Przekonasz się, że dostosowywanie CRM może być prostym, zabawnym procesem.

W przypadku jakichkolwiek innych pytań, wyślij e-mail na adres [email chroniony]. Zarejestruj się w wersji dla programistów tutaj.