Erstellen eines internen Blogging-Tools mit VTAP App Creator

In der heutigen schnelllebigen und vernetzten Welt ist effektive Kommunikation für jedes erfolgreiche Team von entscheidender Bedeutung. Schreiben spielt eine entscheidende Rolle bei der Übersetzung von Ideen, der Bereitstellung von Feedback und der Weitergabe erworbener Kenntnisse. Um diesen Prozess zu erleichtern, ist ein Blogging-Tool unerlässlich, mit dem Teammitglieder Beiträge erstellen und verwalten können, um sie einfach zu teilen. In diesem Artikel erfahren Sie, wie Sie mit VTAP App Creator, einem leistungsstarken Tool, das die Erstellung verschiedener Apps mit einem beliebigen clientseitigen Framework Ihrer Wahl ermöglicht, eine minimale Blogging-Anwendung erstellen.

Einführung in den VTAP App Creator

VTAP App Creator ist eine vielseitige Plattform, die es Entwicklern ermöglicht, eine breite Palette von Anwendungen mit ihren bevorzugten clientseitigen Frameworks zu erstellen. Dank seiner Flexibilität können Entwickler benutzerdefinierte Anwendungen erstellen, die auf ihre spezifischen Anforderungen zugeschnitten sind, was es zu einer hervorragenden Wahl für verschiedene Projekte macht.

Die Anforderungen verstehen

Bevor wir uns mit den Implementierungsdetails befassen, wollen wir uns mit den Anforderungen unseres minimalen Blogging-Tools vertraut machen. Wir benötigen eine Anwendung, mit der CRM-Benutzer Blogbeiträge erstellen und verwalten können, auf die andere problemlos zugreifen können. Das Tool sollte über folgende Funktionen verfügen:

  • Benutzerfreundliche Oberfläche zum Erstellen und Verwalten von Blogbeiträgen.
  • Erreichbar über die URL: https://crm.url/myapps/blogs.
  • Eine Seite zur Anzeige der Beiträge eines bestimmten Benutzers, zugänglich über die URL: https://crm.url/myapps/blogs/#UserB.
  • Datenstruktur für Projekte und Aufgaben zur Abwicklung des Post-Authorings.

Datenzuordnung für das Blogging-Tool

Um die Daten des Blogging-Tools effektiv zu organisieren, können wir die vorhandenen Projekt- und Aufgabenmodule von Vtiger CRM verwenden. Um es für das Post-Authoring geeignet zu machen, müssen wir einige Änderungen vornehmen:

  • Fügen Sie einen neuen Aufgabentyp namens Blog hinzu.
  • Fügen Sie einen neuen Aufgabenstatus mit dem Namen „Schreiben“ hinzu.
  • Fügen Sie einen neuen Aufgabenstatus namens „Veröffentlicht“ hinzu und markieren Sie ihn als „Geschlossen“.

Jeder Blogbeitrag wird als Aufgabe dargestellt, die mit einem Projekt namens „Benutzerblogs“ verknüpft ist. Alle Aufgaben vom Typ Blog werden mit diesem Projekt verknüpft.

Implementierungsschritte

Lassen Sie uns die Schritte zur Implementierung der minimalen Blogging-Anwendung mit VTAP App Creator durchgehen:

Erstellen Sie eine VTAP-Anwendung im App Creator

Beginnen Sie mit der Erstellung einer neuen VTAP-Anwendung im App Creator. Dies dient als Grundlage für unser Blogging-Tool.

Richten Sie die Ansichten ein

Im Ansichten/index.html Legen Sie in der Datei den Einstiegspunkt für die Anwendung fest. Laden Sie die erforderlichen Assets und erwecken Sie den #app DOM-Knoten zum Leben.

Stile definieren

Verwenden Sie das resources/index.css Datei zum Definieren von Stilen, die der Anwendung ein einfaches und elegantes Aussehen verleihen und dabei auf Bootstrap- und QuillJS-Stylesheet-Regeln aufbauen.

Benutzerdefinierte VTAP-Anwendungslaufzeit

Um mit CRM-APIs zu interagieren, implementieren Sie die VTAP Custom Application Runtime im resources/vcap.js Datei.

Clientseitige Entwicklung

Der Einfachheit halber verwenden wir VueJS 2.x für die clientseitige Entwicklung. Nutzen Sie Komponenten, ohne dass Webpakete erforderlich sind. Die Hauptbestandteile der Anwendung sind:

  • Benutzerblog: Stellt den Blog des Benutzers dar.
  • Blog-Beitrag: Zeigt einen einzelnen Blog-Beitrag an.
  • rich-textarea: Bietet einen Rich-Text-Editor zum Schreiben von Blog-Inhalten.

Datenaustausch mit Vuex

Verwenden Sie das Vuex-Muster, um Daten effektiv zwischen Komponenten auszutauschen. Dies ermöglicht eine nahtlose Kommunikation und Datenverwaltung innerhalb der Anwendung.

Paginierungsunterstützung hinzufügen

Erweitern Sie die Anwendung, indem Sie die Paginierung für die Verwaltung von Beiträgen unterstützen. Dies erleichtert die Navigation und Organisation Ihrer wachsenden Anzahl an Blogbeiträgen.

Implementieren Sie Lazy-Load-Paginierung

Um die Leistung zu optimieren und die anfänglichen Ladezeiten zu verkürzen, implementieren Sie Lazy-Load-Paginierung. Dadurch kann die Anwendung Beiträge dynamisch laden, während der Benutzer scrollt, und Beiträge anzeigen, die auf der ersten Seite nicht sichtbar sind.

Zusammenfassung

Die Erstellung eines minimalen Blogging-Tools mit VTAP App Creator ist eine eindrucksvolle Demonstration der Fähigkeiten der Plattform. Indem Entwickler die Implementierungsschritte befolgen und die Funktionen von VTAP nutzen, können sie benutzerdefinierte Anwendungen erstellen, die auf die individuellen Anforderungen ihres Teams zugeschnitten sind.

Das von uns entwickelte Blogging-Tool bietet eine hervorragende Starthilfe für anspruchsvollere Anwendungen und dient als Grundlage für die Einführung von Entwicklern in die Welt der App-Erstellung mit VTAP. Mit der Fähigkeit, sich an jedes clientseitige Framework anzupassen, eröffnet VTAP App Creator eine Welt voller Möglichkeiten für die kreative und effiziente Anwendungsentwicklung.

Sie können über unser Repository auf den Quellcode zugreifen hier.
 
 
 

VTAP-Kundenanwendungsfall

 
 

Die Anforderung an eine individuelle Anwendung besteht darin, eine maßgeschneiderte App für Mitarbeiter von Einzelhandelsgeschäften zu entwickeln. Die App ermöglicht es Mitarbeitern, Walk-In-Leads zu verfolgen, Leads in bezahlte Kunden umzuwandeln und zugewiesene Aufgaben zu verwalten. Es sollte in der Lage sein, anhand der Telefonnummern oder E-Mail-Adressen der Kunden nach bestehenden Anfragen (Angeboten) zu suchen und offene Anfragen anzuzeigen, sofern vorhanden. Wenn keine Anfragen gefunden werden, sollte die App den Kunden auffordern, sein gewünschtes Produkt anzugeben und das CRM entsprechend zu aktualisieren. Sobald der Kunde ein Produkt auswählt, erstellt die App eine Rechnung, sendet die Anfrage und synchronisiert sie mit der Kontoanwendung. 

Darüber hinaus verfügt die App über eine Registerkarte „Aktionen“, auf der alle dem Einzelhandelsgeschäftsagenten zugewiesenen Aufgaben angezeigt werden, während auf der Registerkarte „Startseite“ Aufgaben aus verschiedenen Abteilungen angezeigt werden, die dem Agenten oder seinem Team zugewiesen sind, sodass diese Aufgaben effizient erledigen können.
 

Die Anforderung an eine individuelle Anwendung besteht darin, eine maßgeschneiderte App für Mitarbeiter von Einzelhandelsgeschäften zu entwickeln. Die App ermöglicht es Mitarbeitern, Walk-In-Leads zu verfolgen, Leads in bezahlte Kunden umzuwandeln und zugewiesene Aufgaben zu verwalten. Es sollte in der Lage sein, anhand der Telefonnummern oder E-Mail-Adressen der Kunden nach bestehenden Anfragen (Angeboten) zu suchen und offene Anfragen anzuzeigen, sofern vorhanden. Wenn keine Anfragen gefunden werden, sollte die App den Kunden auffordern, sein gewünschtes Produkt anzugeben und das CRM entsprechend zu aktualisieren. Sobald der Kunde ein Produkt auswählt, erstellt die App eine Rechnung, sendet die Anfrage und synchronisiert sie mit der Kontoanwendung. 

Darüber hinaus verfügt die App über eine Registerkarte „Aktionen“, auf der alle dem Einzelhandelsgeschäftsagenten zugewiesenen Aufgaben angezeigt werden, während auf der Registerkarte „Startseite“ Aufgaben aus verschiedenen Abteilungen angezeigt werden, die dem Agenten oder seinem Team zugewiesen sind, sodass diese Aufgaben effizient erledigen können.
 
 

Demnächst verfügbar: Die Aufgabe „Andere Aktionen abrufen“ von Process Designer

 
 

Die CRM-Funktion zielt darauf ab, die Automatisierungsmöglichkeiten zu verbessern, indem die Aktion „Andere Datensätze abrufen“ in Process Designer eingeführt wird, um zusätzlich zum Hauptdatensatz Aktionen für zugehörige Datensätze auszuführen. Benutzer können erweiterte Automatisierungsabläufe einfach konfigurieren, indem sie das entsprechende Modul auswählen und Bedingungen festlegen, um Datensätze basierend auf den Hauptdatensatzfeldern zu filtern. Nachfolgende Aufgaben wie das Versenden von E-Mails oder SMS können mit den abgerufenen Datensätzen durchgeführt werden. Das Hinzufügen von Aktionen nach dem Senden einer E-Mail oder SMS, die durch die abgerufenen Datensätze ausgelöst wurden, ist jedoch nicht zulässig. 

Um die Konsistenz sicherzustellen, müssen Benutzer das Modul auswählen und Bedingungen in der Aktion „Datensätze abrufen“ speichern, bevor sie nachgelagerte Aufgaben hinzufügen. Wenn der Knoten „Datensätze abrufen“ gelöscht wird, werden alle nachfolgenden Knoten gelöscht. 

Darüber hinaus werden durch die Änderung des Moduls im Schritt „Datensätze abrufen“ abhängige E-Mail- oder SMS-Aufgaben entfernt, die mit Zusammenführungs-Tags aus dem vorherigen Modul konfiguriert wurden, wodurch potenzielle Konflikte vermieden werden. Diese CRM-Funktion bietet eine flexible und effiziente Möglichkeit, verschiedene Automatisierungsanwendungsfälle mit zugehörigen Datensätzen im System zu verwalten.
 

Die CRM-Funktion zielt darauf ab, die Automatisierungsmöglichkeiten zu verbessern, indem die Aktion „Andere Datensätze abrufen“ in Process Designer eingeführt wird, um zusätzlich zum Hauptdatensatz Aktionen für zugehörige Datensätze auszuführen. Benutzer können erweiterte Automatisierungsabläufe einfach konfigurieren, indem sie das entsprechende Modul auswählen und Bedingungen festlegen, um Datensätze basierend auf den Hauptdatensatzfeldern zu filtern. Nachfolgende Aufgaben wie das Versenden von E-Mails oder SMS können mit den abgerufenen Datensätzen durchgeführt werden. Das Hinzufügen von Aktionen nach dem Senden einer E-Mail oder SMS, die durch die abgerufenen Datensätze ausgelöst wurden, ist jedoch nicht zulässig. 

Um die Konsistenz sicherzustellen, müssen Benutzer das Modul auswählen und Bedingungen in der Aktion „Datensätze abrufen“ speichern, bevor sie nachgelagerte Aufgaben hinzufügen. Wenn der Knoten „Datensätze abrufen“ gelöscht wird, werden alle nachfolgenden Knoten gelöscht. 

Darüber hinaus werden durch die Änderung des Moduls im Schritt „Datensätze abrufen“ abhängige E-Mail- oder SMS-Aufgaben entfernt, die mit Zusammenführungs-Tags aus dem vorherigen Modul konfiguriert wurden, wodurch potenzielle Konflikte vermieden werden. Diese CRM-Funktion bietet eine flexible und effiziente Möglichkeit, verschiedene Automatisierungsanwendungsfälle mit zugehörigen Datensätzen im System zu verwalten.
 
 

Melden Sie sich an, um die neuesten Updates zu erhalten!

 
 

Copyright 2024 Vtiger. Alle Rechte vorbehalten. Verschiedene Marken, die von ihren jeweiligen Eigentümern gehalten werden.