Ir al contenido
Inicio » Diseñador de módulos VTAP: ¡nuestra plataforma de código bajo para hacer suyo el CRM!

Diseñador de módulos VTAP: ¡nuestra plataforma de código bajo para hacer suyo el CRM!



VTAP es la plataforma de código bajo de Vtiger que ayuda a los desarrolladores y administradores a ampliar las capacidades de CRM. Tenemos dos herramientas que brindan la capacidad de crear aplicaciones de código bajo.
Uno es el diseñador de módulos y el otro es el diseñador de API. En este blog, repasaremos qué, cómo y cuándo usar el diseñador de módulos.


Diseñador de módulos

Cuándo usar el Diseñador de módulos (casos de uso)


Puede utilizar el Diseñador de módulos para:

  • Aplicar fórmulas complejas y actualizar un campo
  • Muestra una advertencia cuando un usuario ingresa información incorrecta
  • Guarde algunas preferencias de usuario
  • Guardar la configuración de la extensión o los datos de configuración
  • Agregar botones, widgets e íconos

¿Qué le proporciona el Diseñador de módulos para lograr los objetivos anteriores?

  • Entorno de desarrollo integrado (IDE), donde puede escribir la lógica y el código personalizado
  • API de VTAP Javascript

¿Cómo utilizar Module Designer?

El diseñador de módulos está disponible en Menú principal> Aplicación de plataforma. Es gratis para todos los clientes profesionales y empresariales. Si desea desarrollar y lanzar extensiones al mercado, puede firmar para obtener una edición gratuita para desarrolladores en aquí.

Puede usar el Diseñador de módulos para agregar lo siguiente:

  1. Scripts VTAP: le permite agregar botones personalizados, widgets, etc.
  2. Componentes: le permite agregar componentes personalizados.
  3. Estilos VTAP: lo ayuda a cambiar la apariencia de la interfaz de usuario.
  4. Página: le permite agregar páginas personalizadas.

En este blog, discutiremos cómo agregar scripts VTAP al Diseñador de módulos.

Agregar secuencias de comandos VTAP

Los scripts VTAP son los puntos de entrada para la lógica personalizada. Empiece dando un nombre al script y seleccionando el módulo para el que debe ejecutarse el script. Es importante elegir un módulo, ya que muy a menudo tiene necesidades específicas del módulo, como escuchar el clic del botón de un contacto o guardar un registro.

Puede optar por crear un módulo de extensión personalizado o utilizar módulos existentes para agregar un script.

Nota: Cree un módulo de extensión si desea que el módulo se lance a través del mercado de Vtiger.

Sub-imagen-1


Sub-imagen-2

Ahora veamos algunos ejemplos de uso de scripts VTAP.

Ejemplo 1: Se ha agregado un botón a la página de lista de Clientes potenciales. Cada secuencia de comandos se crea con este andamio básico con el nombre elegido para la secuencia de comandos, como se muestra a continuación.

C1

El bloque de construcción básico de VTAP es un componente, y se basa en el componente Vue y su eventos del ciclo de vida.

  • Nombre del componente: Registro_de_componentes_clientes potenciales
  • Sintaxis: {{MODULE}}_Component_{{NAME}}
  • Los componentes se extienden desde: VTAP.Component.Core.extender


Clave

  • Creadas la función es la punto de entrada para cualquier componente. Esta es la función donde puede registrarse para botones o escuchar eventos.
  • C2

    VTAP.Componente.Registro La API le ayuda a agregar botones, widgets, iconos, etc. El primer parámetro de la API le indica dónde desea agregar sus componentes personalizados. Para ver la lista de componentes compatibles, haga clic en aquí.

  • Plantilla es donde agrega su HTML, si lo hay.
  • Métodos es donde agrega funciones que se llaman en la plantilla HTML. En el siguiente ejemplo, llamamos a la función ClickMe cuando se hace clic en un botón. Así es como se ve el código final:

C3

Ejemplo 2: Adición de un widget a la vista de resumen de contactos y organizaciones.
Puede usar un registro para agregar el mismo widget en varios módulos. En tales casos, debemos agregar VTAP Script para todos los módulos (Use el menú desplegable al crear VTAP Script).

C4

Para la API VTAP.Component.Register, tenemos un cuarto parámetro que le ayuda a seleccionar los módulos a los que se deben agregar los widgets. Así es como se ve en la Vista de resumen de organizaciones.

Sub-imagen-3

VTAP también le brinda la capacidad de escuchar las acciones realizadas por el usuario. Por ejemplo, cuando un usuario crea o actualiza un registro, abre una página de detalles, muestra una ventana emergente de edición, etc. Para ver una lista de dichos eventos desencadenantes, haga clic en aquí.

Debe escuchar dichos eventos y agregar un controlador para realizar acciones en ellos.
A continuación se muestra un ejemplo para el evento: registro guardado. Este ejemplo verificará el estado de contacto del contacto cuando se guarde el registro. Si el Estado de contacto es Competidor, se mostrará una notificación que dice "¡¡Cuidado!!".

C5

Del mismo modo, la plataforma VTAP ha proporcionado varios enlaces de interfaz de usuario para insertar sus componentes personalizados, como botones en la página de lista/detalle, widgets en la vista de resumen e iconos.
Para todos los diferentes marcadores de posición proporcionados, consulte los detalles proporcionados en nuestro documentación.

En nuestros próximos blogs, cubriremos las otras características de VTAP: componentes personalizados, VTAP y páginas personalizadas.

Recomiendo encarecidamente escribir su propio código. Empiece de a poco con un botón personalizado y continúe desde allí. Utilice nuestro diseñador de módulos ejemplos, disponible en nuestra documentación, como base para su primer código. Descubrirá que personalizar su CRM puede ser un proceso sencillo y divertido.

Para cualquier otra consulta, envíe un correo electrónico a [email protected]. Regístrese en la edición para desarrolladores aquí.