Изображение 2

VTAP Module Designer - Нашата платформа с нисък код, за да направим CRM свой собствен!


VTAP е платформата с нисък код на Vtiger, която помага на разработчиците и администраторите да разширят възможностите на CRM. Разполагаме с два инструмента, които предоставят възможност за изграждане на приложения с нисък код. Единият е Module Designer, а другият е API Designer. В този блог ще разгледаме какво, как и кога да използваме дизайнера на модули.

Дизайнер на модули
Кога да се използва Module Designer (случаи на употреба)

Можете да използвате конструктора на модули за:
  • Приложете сложни формули и актуализирайте поле
  • Мига предупреждение, когато потребителят въвежда неправилна информация
  • Запазете някои потребителски предпочитания
  • Запазете настройките за разширение или конфигурационните данни
  • Добавете бутони, приспособления и икони
Какво ви предоставя дизайнерът на модули, за да постигнете горните цели?
  • Интегрирана среда за разработка (IDE), където можете да напишете логиката и потребителския код
  • VTAP Javascript API
Как да използвам Module Designer?
Конструкторът на модули е достъпен в Главно меню> Приложение на платформата. Той е безплатен за всички професионални и корпоративни клиенти. Ако искате да разработите и пуснете разширения на пазара, можете да подпишете безплатно издание за разработчици от тук.

Можете да използвате дизайнера на модули, за да добавите следното:

  1. VTAP скриптове - Позволява ви да добавяте персонализирани бутони, джаджи и др.
  2. Компоненти - Позволява ви да добавяте персонализирани компоненти.
  3. VTAP стилове - Помага ви да промените външния вид и усещането на потребителския интерфейс.
  4. Страница - Позволява ви да добавяте персонализирани страници.

В този блог ще обсъдим как да добавяме VTAP скриптове към Module Designer.

Добавяне на VTAP скриптове
VTAP скриптовете са входните точки за персонализирана логика. Започвате, като дадете име на скрипта и изберете модула, за който скриптът трябва да работи. Важно е да изберете модул, тъй като много често имате специфични за модула нужди, като слушане на щракване с бутон на контакт или запис на запис.

Можете да изберете да създадете персонализиран модул за разширение или да използвате съществуващи модули за добавяне на скрипт.

Забележка: Създайте модул за разширение, ако искате модулът да бъде пуснат чрез пазара на Vtiger.

Под-изображение-1

Под-изображение-2

Сега нека разгледаме няколко примера за използване на VTAP скриптове.

Пример 1: Добавен е бутон към страницата с потенциални клиенти. Всеки скрипт е създаден с това основно скеле с името, избрано за скрипта, както е показано по-долу.

C1

Основният градивен елемент на VTAP е компонент и се основава на Vue компонента и неговите събития от жизнения цикъл.

  • Име на компонента: Водещи_компонент_регистр
  • Синтаксис: {{MODULE}}_Component_{{NAME}}
  • Компонентите се простират от: VTAP.Component.Core.extend

Функции
  • Създаден функцията е входна точка за всеки компонент. Това е функцията, при която можете да се регистрирате за бутони или да слушате събития.
  • C2
    VTAP.Component.Register API ви помага да добавяте бутони, приспособления, икони и др. Първият параметър на API ви казва къде искате да добавите вашите персонализирани компоненти. За да видите списъка с поддържани компоненти, щракнете върху тук.
  • Шаблон е мястото, където можете да добавите своя HTML, ако има такъв.
  • Методи е мястото, където добавяте функции, които се извикват в шаблона HTML. В примера по-долу извикваме функцията ClickMe при щракване върху бутон. Ето как изглежда окончателният код:
C3

Пример 2: Добавяне на приспособление към обобщения изглед на контакти и организация. Можете да използвате една регистрация, за да добавите една и съща джаджа в множество модули. В такива случаи трябва да добавим VTAP Script за всички модули (Използвайте падащото меню, когато създавате VTAP Script).

C4

За API VTAP.Component.Register имаме 4-ти параметър, който ви помага да изберете модулите, към които трябва да се добавят джаджите. Ето как изглежда в изглед на резюме на организациите.

Под-изображение-3

VTAP ви предоставя и възможността да слушате действия, извършени от потребителя. Например, когато потребител създава или актуализира запис, отваря страница с подробности, показва изскачащ прозорец за редактиране и др. За да видите списък с подобни събития на задействане, щракнете върху тук.

Трябва да слушате такива събития и да добавите манипулатор, за да извършвате действия върху тях. По-долу е даден пример за събитието - записът е запазен. Този пример ще провери състоянието на контакта на контакта, когато записът е запазен. Ако статусът на контакта е конкурент, ще се покаже известие с надпис „Внимавайте !!“.

C5

По същия начин, платформата VTAP е предоставила различни куки за потребителски интерфейс за вмъкване на вашите персонализирани компоненти като бутони в страницата със списък/подробности, приспособления в обобщен изглед и икони. За всички предоставени различни заместители вижте подробностите, дадени в нашия документация.

В предстоящите ни блогове ще разгледаме другите функции на VTAP - персонализирани компоненти, VTAP и персонализирани страници.

Силно препоръчвам да напишете свой собствен код. Започнете малко с персонализиран бутон и отидете от там. Използвайте нашия дизайнер на модули примери, наличен в нашата документация, като основа за вашия първи код. Ще откриете, че персонализирането на вашия CRM може да бъде прост забавен процес.

За всякакви други запитвания, моля, изпратете имейл на [имейл защитен] Регистрирайте се за изданието за програмисти тук.

Tags: , , , , , , , , , , , , ,

Блог за усилващ пакет 2 - Изображение на банер

Научете за различните размери на Vtiger Booster Packs

Здравей! В предишния ни блог обявихме пускането на Booster Packs за потребителите на Vtiger's Pilot edition. Booster Packs са добавки за функции, които ще помогнат...
Банер на блога за интегриране на Google Календар

Създавайте събития интелигентно и бъдете нащрек с Vtiger Google Calendar Integration

Здравейте хора! Добре дошли отново в поредицата блогове за повишаване на производителността с Google Workspace Integration. Наближаваме края на тази интеграционна серия само с...
Booster Pack - изображение на банер

Разширете възможностите на вашето пилотно издание с Vtiger Booster Packs

Вдигнете залога! Прав си - това казахме. Vtiger CRM поставя силата във вашите ръце. Изберете ограниченията на функциите...
Интеграция на Google Maps с банер на блога vtiger

Намерете най-бързия начин да достигнете до местоположението на клиента с Google Maps и Vtiger CRM Integration

Здравейте хора! Добре дошли отново в поредицата блогове за повишаване на производителността с Google Workspace Integration. Оценяваме вашето търпение за това, че сте лоялни и отдадени на нашата интеграция...
Изграждане на ефективен екип

8 техники за изграждане на ефективен екип

„Да се ​​съберем е началото. Да останем заедно е напредък. Да работим заедно е успех.” - Хенри Форд. Горният цитат красиво описва важността на работата...
Банер за блог за офис облекло

9 причини, поради които трябва да се обличате добре за работа

Изпитвате ли объркване и стрес, когато избирате вашето работно облекло? Сигурно много пъти сте чували колко е важно да се обличаш подходящо за...
Банер за интегриране на Vtiger + Google Drive

Качвайте и свързвайте документи интелигентно с Google Drive и Vtiger CRM интеграция

Здравейте хора! Добре дошли отново в поредицата блогове за повишаване на продуктивността с интегриране на Google Workspace. Надяваме се, че можете да придобиете знания за интегрирането на Google Workspace...
Преодоляване на предизвикателствата на работното място 2

6 начина за преодоляване на предизвикателствата на работното място

John T говори за предизвикателствата, с които се е сблъсквал в първата си работа и как ги е преодолял. „В една от първите си работни роли, аз...
Интегриране на Google среща 1

Възползвайте се от интеграцията на Google Meet с Vtiger CRM, за да споделяте незабавно връзки за срещи от различни модули

Здравейте хора! Добре дошли отново в поредицата за интегриране на Увеличете продуктивността с Google Workspace. В този блог ще обсъдим характеристиките и предимствата на интегрирането на ...
Интегриране на Vtiger + Google Contacts

Експортирайте и импортирайте данни безпроблемно с Google Контакти и Vtiger CRM интеграция

Здравейте хора! Надяваме се, че следите нашата поредица за повишаване на производителността с интегриране на Google Workspace. Предишните два блога бяха за интеграция на Google Workspace и...
Зареждане