يرمز VDS إلى Vtiger Design Systems ، والذي يحدد مكونات HTML الأساسية التي توفرها منصة VTAP. يوفر VDS المكونات التي يمكن إعادة استخدامها كتل واجهة المستخدم.
يمكنك استخدام المكونات لبناء تطبيقاتك وتخصيصها. يمكن استخدامها في أي مكان - صفحات مخصصة أو عناصر واجهة مستخدم أو نوافذ منبثقة أو داخل مكونات مخصصة أخرى.
فيما يلي قائمة المكونات التي يوفرها VTAP:
vds- نص
استعمل: يستخدم لمربع إدخال. يسمح للمستخدمين بإدخال المعلومات.
بناء الجملة:
تفاصيل السمات:
الاسم
لتعيين أي اسم لعنصر الإدخال
معاق
صح / خطأ ، لتعطيله
مكان
لإظهار أي تلميح للإدخال
نوع الإدخال
أي أنواع إدخال HTML صالحة مثل البريد الإلكتروني والرقم وما إلى ذلك (اقرأ أدناه للحصول على التفاصيل.)
إلزامي
لجعل هذا المجال إلزاميًا
نموذج v
هذا هو ربط البيانات vue (التفاعلي) ، ويمكن استخدامه لتعيين أو قراءة القيمة.
إلى جانب النص ، يدعم VDS أيضًا أنواع الإدخال الأخرى. على سبيل المثال:
vds البريد الإلكتروني
رقم vds
vds النسبة المئوية
vds- عشري
هاتف vds
vds- تاريخ
vds الوقت
vds- url
كل هذه المكونات هي أنواع إدخال مختلفة. لديهم خصائص نوع نص vds ولكن تأتي مع عمليات التحقق من نوع الإدخال الخاصة بهم.
Vds- المنسدلة
الاستخدام: لإظهار قائمة منسدلة مع قائمة معينة من العناصر
بناء الجملة:
السمات المدعومة:
الخيارات
صفيف من العناصر المنسدلة
متعدد
صح / خطأ ، لإظهار قائمة منسدلة متعددة التحديد
خيار فارغ
إذا كنت تريد إظهار خيار فارغ في البداية
معاق
صحيح / خطأ
إلزامي
صحيح / خطأ
vds- مالك
الاستخدام: إنه مكون تفاعلي سيُظهر المستخدمين والمجموعات كقائمة منسدلة. سيكون نفس الحقل المخصص في أي وحدة نمطية في CRM.
بناء الجملة:
السمات المدعومة:
المستخدمين فقط
إذا كنت تريد رؤية المستخدمين فقط في القائمة المنسدلة
مجموعات فقط
إذا كنت تريد رؤية المجموعات فقط في القائمة المنسدلة
مربع اختيار vds
الاستخدام: لإظهار إدخال خانة الاختيار
بناء الجملة:
تبديل vds
الاستخدام: لإظهار تبديل
بناء الجملة:
vds- منتقي البيانات
الاستخدام: لإظهار منتقي التاريخ لأي حقول تاريخ.
بناء الجملة:
سمة مدعومة:
صيغة التاريخ
تنسيق التاريخ الذي سيتم عرضه مثل DD-MM-YYYY ، MM-DD-YYYY ، YYYY-MM-DD
منتقي vds- daterange
الاستخدام: لإظهار منتقي التاريخ لتحديد نطاق التاريخ
بناء الجملة:
سمة مدعومة:
صيغة التاريخ
تنسيق التاريخ الذي سيتم عرضه مثل DD-MM-YYYY ، MM-DD-YYYY ، YYYY-MM-DD
vds- timepicker
الاستخدام: لإظهار منتقي الوقت
بناء الجملة:
سمة مدعومة:
شكل
تنسيق 12 أو 24 ساعة
vds- rte
الاستخدام: لإظهار CKEditor ، الحقل UI الذي تشاهده في حقل محرر النص المنسق
بناء الجملة:
vds- تصنيف
الاستخدام: لإظهار حقل تصنيف النجوم. سيظهر بحد أقصى 5 نجوم.
بناء الجملة:
سمة مدعومة:
نطاق
القيمة بين 1 إلى 5
vds-iframe
الاستخدام: لإظهار iframe مع محتوى HTML معين
بناء الجملة:
تقدم vds
الاستخدام: لإظهار نسبة التقدم
بناء الجملة:
السمات المدعومة:
قيمنا
٪ من اللون
كود اللون المخصص
بشكل افتراضي ، سيظهر التقدم باللون الأزرق ، يمكنك تمرير أي اسم لون صالح
حالة استخدام العملاء VTAP
يستخدم أحد عملائنا تطبيقًا مختلفًا لتتبع مشاريعهم وتقدمها.
لقد أرادوا البدء في استخدام Vtiger Projects ، لكن واجهة المستخدم كانت العقبة الوحيدة لاستخدام Vtiger Projects. لم تكن الواجهة تعطي التفاصيل الكاملة للمعالم والمهام على شاشة واحدة للمشروع ، كما أراد العميل.
للتغلب على هذه العقبة ، اقترحنا الحل التالي.
يمكنهم استخدام مصمم وحدة النظام الأساسي منخفض التعليمات البرمجية لتصميم صفحة يمكن تقسيمها إلى 3 أجزاء.
سيعرض الجزء الأول قائمة المشاريع ، ويعرض الجزء التالي المعالم المرتبطة بالمشروع المحدد ، ويعرض الجزء الثالث المهام المرتبطة بالمشروع المحدد والمعالم الرئيسية. سيبدو مشابهًا لصندوق بريد Outlook ، الذي يعرض رسائل البريد الإلكتروني ومحتواها على الجانب الأيمن. في هذه الحالة ، يعرض المستوى الثالث تفاصيل المهمة في النهاية.
لبناء هذه القدرة ، سننشئ صفحة قائمة مخصصة يمكن إضافتها باستخدام "LIST_ADD_VIEWTYPE' عنصر. يرى هنا على سبيل المثال.
ثم سيتم استخدام الدالة VTAP.API.Get لجلب بيانات المشروع و Project Milestone وبيانات المهام. سيتم عرضها في أعمدة منفصلة ولكنها ستظل متصلة ببعضها البعض. يمكنك نسخ الرمز من هنا لرؤيته في العمل.
يستخدم أحد عملائنا تطبيقًا مختلفًا لتتبع مشاريعهم وتقدمها.
لقد أرادوا البدء في استخدام Vtiger Projects ، لكن واجهة المستخدم كانت العقبة الوحيدة لاستخدام Vtiger Projects. لم تكن الواجهة تعطي التفاصيل الكاملة للمعالم والمهام على شاشة واحدة للمشروع ، كما أراد العميل.
للتغلب على هذه العقبة ، اقترحنا الحل التالي.
يمكنهم استخدام مصمم وحدة النظام الأساسي منخفض التعليمات البرمجية لتصميم صفحة يمكن تقسيمها إلى 3 أجزاء.
سيعرض الجزء الأول قائمة المشاريع ، ويعرض الجزء التالي المعالم المرتبطة بالمشروع المحدد ، ويعرض الجزء الثالث المهام المرتبطة بالمشروع المحدد والمعالم الرئيسية. سيبدو مشابهًا لصندوق بريد Outlook ، الذي يعرض رسائل البريد الإلكتروني ومحتواها على الجانب الأيمن. في هذه الحالة ، يعرض المستوى الثالث تفاصيل المهمة في النهاية.
لبناء هذه القدرة ، سننشئ صفحة قائمة مخصصة يمكن إضافتها باستخدام "LIST_ADD_VIEWTYPE' عنصر. يرى هنا على سبيل المثال.
ثم سيتم استخدام الدالة VTAP.API.Get لجلب بيانات المشروع و Project Milestone وبيانات المهام. سيتم عرضها في أعمدة منفصلة ولكنها ستظل متصلة ببعضها البعض. يمكنك نسخ الرمز من هنا لرؤيته في العمل.
تطبيق Vtiger
الأدوات التي نحبها
Elasticsearch هو مشروع مفتوح المصدر رائع للمساهمة فيه إذا كنت مهتمًا بعلوم البيانات. يمكنه تحليل كميات كبيرة من البيانات والبحث فيها وتخزينها في الوقت الفعلي. تساعد Elasticsearch مستخدميها على وضع البيانات للعمل بعدة طرق مختلفة.
Elasticsearch هو مشروع مفتوح المصدر رائع للمساهمة فيه إذا كنت مهتمًا بعلوم البيانات. يمكنه تحليل كميات كبيرة من البيانات والبحث فيها وتخزينها في الوقت الفعلي. تساعد Elasticsearch مستخدميها على وضع البيانات للعمل بعدة طرق مختلفة.
يصل قريباً
مصمم التطبيق
سيتيح لك مصمم تطبيقات Vtiger إنشاء تطبيقات مخصصة قد تعتمد أو لا تعتمد على CRM. سيمنحك المرونة في كتابة التطبيقات في أي إطار عمل JavaScript لديك خبرة فيه.
باستخدام واجهات برمجة تطبيقات VTAP JavaScript القوية ، يمكنك أيضًا الاتصال بـ CRM ودفع / سحب البيانات منه لإنشاء تطبيقات مخصصة بسهولة.
مصمم التطبيق
سيتيح لك مصمم تطبيقات Vtiger إنشاء تطبيقات مخصصة قد تعتمد أو لا تعتمد على CRM. سيمنحك المرونة في كتابة التطبيقات في أي إطار عمل JavaScript لديك خبرة فيه.
باستخدام واجهات برمجة تطبيقات VTAP JavaScript القوية ، يمكنك أيضًا الاتصال بـ CRM ودفع / سحب البيانات منه لإنشاء تطبيقات مخصصة بسهولة.
قم بالتسجيل لتلقي آخر التحديثات!
بريدك الإلكتروني الترحيبي في طريقه إلى بريدك الوارد. إذا لم تتمكن من العثور عليه ، فتأكد من البحث في مجلد العروض الترويجية والبريد العشوائي.
