VTAP adalah platform kode rendah Vtiger yang membantu pengembang dan administrator memperluas kemampuan CRM. Kami memiliki dua alat yang memberikan kemampuan untuk membangun aplikasi kode rendah.
Salah satunya adalah Desainer Modul, dan yang lainnya adalah Desainer API. Di blog ini, kita akan membahas apa, bagaimana, dan kapan menggunakan desainer Modul.
Desainer Modul Module
Kapan harus menggunakan Perancang Modul (Kasus penggunaan)
Anda dapat menggunakan Perancang Modul untuk:
- Terapkan rumus kompleks dan perbarui bidang
- Flash peringatan ketika pengguna memasukkan informasi yang salah
- Simpan beberapa preferensi pengguna
- Simpan pengaturan ekstensi atau data konfigurasi
- Tambahkan tombol, widget, dan ikon
Apa yang Perancang Modul berikan kepada Anda untuk mencapai tujuan di atas?
- Lingkungan Pengembangan Terpadu (IDE), tempat Anda dapat menulis logika dan kode khusus
- API Javascript VTAP
Bagaimana cara menggunakan Perancang Modul?
Perancang Modul tersedia di Menu Utama > Aplikasi Platform. Ini gratis untuk semua pelanggan Profesional dan Perusahaan. Jika Anda ingin mengembangkan dan merilis ekstensi ke pasar, Anda dapat mendaftar untuk edisi pengembang gratis dari di sini.
Anda dapat menggunakan Perancang Modul untuk menambahkan yang berikut ini:
- Skrip VTAP – Memungkinkan Anda menambahkan tombol khusus, widget, dll.
- Komponen – Memungkinkan Anda menambahkan komponen khusus.
- VTAP Styles – Membantu Anda mengubah tampilan dan nuansa UI.
- Halaman – Memungkinkan Anda menambahkan halaman khusus.
Di blog ini, kita akan membahas cara menambahkan skrip VTAP ke Perancang Modul.
Menambahkan Skrip VTAP
Skrip VTAP adalah titik masuk untuk logika kustom. Anda mulai dengan memberi nama pada skrip dan memilih modul tempat skrip harus dijalankan. Penting untuk memilih modul karena Anda sangat sering memiliki kebutuhan khusus modul seperti mendengarkan klik tombol kontak atau penyimpanan rekaman.
Anda dapat memilih untuk membuat modul ekstensi khusus atau menggunakan modul yang ada untuk menambahkan skrip.
Catatan: Buat modul ekstensi jika Anda ingin modul dirilis melalui pasar Vtiger.
Sekarang mari kita lihat beberapa contoh penggunaan skrip VTAP.
Contoh 1: Sebuah tombol telah ditambahkan ke halaman daftar Prospek. Setiap skrip dibuat dengan perancah dasar ini dengan nama yang dipilih untuk skrip, seperti yang ditunjukkan di bawah ini.
Blok bangunan dasar VTAP adalah komponen, dan didasarkan pada komponen Vue dan and peristiwa siklus hidup.
- Nama komponen: Leads_Component_Register
- sintaks: {{MODULE}}_Component_{{NAME}}
- Komponen terbentang dari: VTAP.Komponen.Inti.perluas
Fungsi
- Dibuat fungsinya adalah titik masuk untuk komponen apa pun. Ini adalah fungsi di mana Anda dapat mendaftar untuk tombol atau mendengarkan acara.
- Contoh adalah tempat Anda menambahkan HTML, jika ada.
- metode adalah tempat Anda menambahkan fungsi yang dipanggil dalam HTML template. Dalam contoh di bawah ini, kita memanggil fungsi ClickMe ketika sebuah tombol diklik. Ini adalah bagaimana kode akhir terlihat seperti:
VTAP.Komponen.Daftar API membantu Anda menambahkan tombol, widget, ikon, dll. Parameter pertama dari API memberi tahu Anda di mana Anda ingin menambahkan komponen kustom Anda. Untuk melihat daftar komponen yang didukung, klik di sini.
Contoh 2: Menambahkan widget ke Tampilan Ringkasan Kontak dan Organisasi.
Anda dapat menggunakan satu pendaftaran untuk menambahkan widget yang sama di beberapa modul. Dalam kasus seperti itu, kita harus menambahkan Skrip VTAP untuk semua modul (Gunakan drop-down saat membuat Skrip VTAP).
Untuk VTAP.Component.Register API, kami memiliki parameter ke-4 yang membantu Anda memilih modul yang akan ditambahkan widget. Ini adalah tampilannya di Tampilan Ringkasan Organisasi.
VTAP juga memberi Anda kemampuan untuk mendengarkan tindakan yang dilakukan oleh pengguna. Misalnya, ketika pengguna membuat atau memperbarui catatan, membuka halaman detail, menampilkan jendela pop-up edit, dll. Untuk melihat daftar peristiwa pemicu tersebut, klik di sini.
Anda perlu mendengarkan acara semacam itu dan menambahkan penangan untuk melakukan tindakan padanya.
Di bawah ini adalah contoh acara – rekaman disimpan. Contoh ini akan memeriksa Status Kontak dari Kontak saat rekaman disimpan. Jika Status Kontak adalah Kompetitor, Notifikasi akan ditampilkan, 'Awas!!'.
Demikian pula, platform VTAP telah menyediakan berbagai kaitan UI untuk memasukkan komponen khusus Anda seperti tombol di halaman daftar/detail, widget di Tampilan Ringkasan, dan ikon.
Untuk semua placeholder berbeda yang disediakan, lihat detail yang diberikan di kami dokumentasi.
Di blog kami yang akan datang, kami akan membahas fitur lain dari VTAP – Komponen Kustom, VTAP, dan Halaman Kustom.
Saya sangat merekomendasikan menulis kode Anda sendiri. Mulailah dari yang kecil dengan tombol khusus dan mulai dari sana. Gunakan Perancang Modul kami contoh, tersedia dalam dokumentasi kami, sebagai dasar untuk kode pertama Anda. Anda akan menemukan bahwa menyesuaikan CRM Anda bisa menjadi proses menyenangkan yang sederhana.
Untuk pertanyaan lain, silakan kirim email ke [email dilindungi]. Mendaftar untuk edisi pengembang di sini.
