منشئ تطبيقات Vtiger

هل أنت مصمم ويب أو مطور أمامي مهتم بتقديم حلول CRM؟

يوفر لك نظام VTAP الأساسي مجموعة أدوات App Creator - لإنشاء تطبيقات إبداعية تلبي احتياجات العمل بما يتجاوز تكوينات CRM النموذجية. يتطلب وقت تشغيل مُنشئ التطبيق معرفة محدودة بالترميز ويسمح للمطورين بتوسيع وظائف CRM وتعزيز تكامل الأعمال أو الاحتياجات المخصصة.

باستخدام منشئ التطبيق ، يمكنك:

  • بناء تطبيقات الويب السحابية المتخصصة للعملاء.
  • استخدم تطبيقات الويب الغنية من جانب العميل باستخدام أي إطار عمل.

من فضلك قم قراءة مقالتنا لمعرفة كيفية استخدام منشئ التطبيق. 

هل ترغب في الوصول إلى منشئ التطبيق؟ الرجاء إرسال طلب إلى [البريد الإلكتروني محمي].

تطبيق نموذج - Flipbook

هنا نموذج للتطبيق يمكنك تجربته!

فيما يلي البرنامج النصي لتطبيق الويب - Flipbook:

  • المشاهدات / index.html

 

  
<!DOCTYPE html>
<html>
    <head>
        <title>VTAP Flipbook</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="resources/index.css">
        <script 
        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js">
        </script>
        <script
        src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/9729/turn.min.js">
        </script>
    </head>
    <body>
        <div id="flipbook" class="sample-flipbook">
            <div class="hard"> Vtiger Platform </div>
            <div class="hard"></div>
            <div> Build creative apps </div>
            <div> to business much easily </div>
            <div> than ever before. </div>
            <div> Thank you! </div>
            <div class="hard"></div>
            <div class="hard"></div>
        </div>
        <script src="resources/vcap.js"></script>
        <script src="resources/index.js"></script>
    </body>
</html>




  
<!DOCTYPE html>
<html>
    <head>
        <title>VTAP Flipbook</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="resources/index.css">
        <script 
        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js">
        </script>
        <script
        src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/9729/turn.min.js">
        </script>
    </head>
    <body>
        <div id="flipbook" class="sample-flipbook">
            <div class="hard"> Vtiger Platform </div>
            <div class="hard"></div>
            <div> Build creative apps </div>
            <div> to business much easily </div>
            <div> than ever before. </div>
            <div> Thank you! </div>
            <div class="hard"></div>
            <div class="hard"></div>
        </div>
        <script src="resources/vcap.js"></script>
        <script src="resources/index.js"></script>
    </body>
</html>

  • الموارد / index.js

 

  
CAP.event.on('app.loaded', function(){
    $("#flipbook").turn({
    width: 400,
    height: 300,
    autoCenter: true
  });
});




  
CAP.event.on('app.loaded', function(){
    $("#flipbook").turn({
    width: 400,
    height: 300,
    autoCenter: true
  });
});

  • الموارد / index.css

 

  
.sample-flipbook{
      width:400px;
      height:200px;
      -webkit-transition:margin-left 0.2s;
      -moz-transition:margin-left 0.2s;
      -ms-transition:margin-left 0.2s;
      -o-transition:margin-left 0.2s;
      transition:margin-left 0.2s;
}
.sample-flipbook .page{
      width:200px;
      height:200px;
      background-color:white;
      line-height:300px;
      font-size:20px;
}
.sample-flipbook .page-wrapper{
      -webkit-perspective:2000px; 
      -moz-perspective:2000px;
      -ms-perspective:2000px;
      -o-perspective:2000px;
      perspective:2000px;
}
.sample-flipbook .hard{
      background:#ccc !important;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #666;
      -moz-box-shadow:inset 0 0 5px #666;
      -o-box-shadow:inset 0 0 5px #666;
      -ms-box-shadow:inset 0 0 5px #666;
      box-shadow:inset 0 0 5px #666;
      font-weight:bold;
}
.sample-flipbook.odd{
        background:-webkit-gradient(linear, right top, left top,
        color-stop(0.95, #FFF), color-stop(1, #DADADA));
        background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}
.sample-flipbook.even{
        background:-webkit-gradient(linear, left top, right top,
        color-stop(0.95, #fff), color-stop(1, #dadada));
        background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:linear-gradient(left, #fff 95%, #dadada 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}




  
.sample-flipbook{
      width:400px;
      height:200px;
      -webkit-transition:margin-left 0.2s;
      -moz-transition:margin-left 0.2s;
      -ms-transition:margin-left 0.2s;
      -o-transition:margin-left 0.2s;
      transition:margin-left 0.2s;
}
.sample-flipbook .page{
      width:200px;
      height:200px;
      background-color:white;
      line-height:300px;
      font-size:20px;
}
.sample-flipbook .page-wrapper{
      -webkit-perspective:2000px; 
      -moz-perspective:2000px;
      -ms-perspective:2000px;
      -o-perspective:2000px;
      perspective:2000px;
}
.sample-flipbook .hard{
      background:#ccc !important;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #666;
      -moz-box-shadow:inset 0 0 5px #666;
      -o-box-shadow:inset 0 0 5px #666;
      -ms-box-shadow:inset 0 0 5px #666;
      box-shadow:inset 0 0 5px #666;
      font-weight:bold;
}
.sample-flipbook.odd{
        background:-webkit-gradient(linear, right top, left top,
        color-stop(0.95, #FFF), color-stop(1, #DADADA));
        background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}
.sample-flipbook.even{
        background:-webkit-gradient(linear, left top, right top,
        color-stop(0.95, #fff), color-stop(1, #dadada));
        background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:linear-gradient(left, #fff 95%, #dadada 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}

احفظ وانشر وابدأ تشغيل التطبيق لرؤيته أثناء العمل.
 
 

VTAPIT - أداة سطر الأوامر

 
 

VTAPIT - مقدمة

VTAPIT هي أداة سطر أوامر تمكنك من تطوير وإدارة تطبيقات VTAP التي تم إنشاؤها من منشئ التطبيقات (النظام الأساسي> التطبيقات). يحتوي على أوامر فرعية مشابهة لأداة GIT ، مما يجعل من السهل التعلم والبدء.

إشترك الأن

  • قم بإنشاء تطبيق جديد (testapp) على Vtiger CRM> النظام الأساسي> مُنشئ التطبيق (التطبيقات)
  • قم بتنزيل نظام التشغيل الخاص بك المتوافق مع الملف القابل للتنفيذ - https://extend.vtiger.com/vtap/vtapit/dist أوامر فرعية
 

VTAPIT - مقدمة

VTAPIT هي أداة سطر أوامر تمكنك من تطوير وإدارة تطبيقات VTAP التي تم إنشاؤها من منشئ التطبيقات (النظام الأساسي> التطبيقات). يحتوي على أوامر فرعية مشابهة لأداة GIT ، مما يجعل من السهل التعلم والبدء.

إشترك الأن

  • قم بإنشاء تطبيق جديد (testapp) على Vtiger CRM> النظام الأساسي> مُنشئ التطبيق (التطبيقات)
  • قم بتنزيل نظام التشغيل الخاص بك المتوافق مع الملف القابل للتنفيذ - https://extend.vtiger.com/vtap/vtapit/dist أوامر فرعية
استنساخ قم بعمل نسخة من التطبيق الذي تم إنشاؤه في CRM إلى دليل العمل المحلي الخاص بك.
يجري لتمكين وقت التشغيل في دليل العمل المحلي ، والذي يستخدم الملفات المحلية و CRM Apis للبيانات.
إضافة يمكن إضافة الملفات المحلية التي تم إنشاؤها حديثًا إلى تطبيق CRM.
دفع يقوم بتحميل جميع التغييرات المحلية (إضافة أو تعديل الوظائف) التي تم إجراؤها على الملفات إلى تطبيق CRM.
سحب يقوم بتنزيل جميع التغييرات من تطبيق CRM إلى دليل العمل المحلي.

إذا تم تغيير ملف في CRM ولكن ليس في الدليل المحلي ، فسيتم إنشاء ملف علامة تعارض. تحتاج إلى استخدام أداة diff لمقارنة التغييرات ثم استخدام الأمر الفرعي Resolve.
حل يشير إلى تغييرات التعارض (الاختلافات) التي تمكنت من مراجعتها.
نشر عندما يتم دفع جميع التغييرات المحلية - استخدم هذا الأمر الفرعي لإتاحته.
 

استنساخ

استنساخ vtapit --crmapp = testapp --crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] --crmpass = ******** local_dir / testapp

يجري

القرص المضغوط local_dir / testapp

vtapit المدى - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

إضافة

القرص المضغوط local_dir / testapp

إضافة vtapit مسار_الملف_الجديد

دفع

القرص المضغوط local_dir / testapp

دفع vtapit - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

سحب

القرص المضغوط local_dir / testapp

vtapit سحب - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

حل

القرص المضغوط local_dir / testapp

vtapit حل مسار_الملف

نشر

القرص المضغوط local_dir / testapp

نشر vtapit - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

ملاحظة: يمكنك إعداد متغيرات بيئة CRM لتجنب التكرار في سطر الأوامر.

CRM_URL = https: //crm.url.tld

[البريد الإلكتروني محمي]

CRM_PASSWORD = تمرير

CRM_APP = appname
 

استنساخ

استنساخ vtapit --crmapp = testapp --crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] --crmpass = ******** local_dir / testapp

يجري

القرص المضغوط local_dir / testapp

vtapit المدى - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

إضافة

القرص المضغوط local_dir / testapp

إضافة vtapit مسار_الملف_الجديد

دفع

القرص المضغوط local_dir / testapp

دفع vtapit - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

سحب

القرص المضغوط local_dir / testapp

vtapit سحب - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

حل

القرص المضغوط local_dir / testapp

vtapit حل مسار_الملف

نشر

القرص المضغوط local_dir / testapp

نشر vtapit - crmurl =https://your.odx.vtiger.crm - crmuser =[البريد الإلكتروني محمي] - crmpass = ********

ملاحظة: يمكنك إعداد متغيرات بيئة CRM لتجنب التكرار في سطر الأوامر.

CRM_URL = https: //crm.url.tld

[البريد الإلكتروني محمي]

CRM_PASSWORD = تمرير

CRM_APP = appname
 
 
 

قريبًا - مصمم الوحدة 2.0

 
 

مصمم الوحدة 2.0 سيأتي مع منهج أبسط لواجهة المستخدم. يمكّنك من إضافة أزرار وإجراءات مخصصة باستخدام وضع المصمم. 

بمجرد تمكين وضع المصمم ، سوف يبرز جميع العناصر النائبة على الصفحات حيث يمكن إضافة الأزرار والأيقونات والأدوات المخصصة. ما عليك سوى النقر فوق الاسم وتحديده وكتابة وظيفة جافا سكريبت القابلة للتنفيذ.
 

مصمم الوحدة 2.0 سيأتي مع منهج أبسط لواجهة المستخدم. يمكّنك من إضافة أزرار وإجراءات مخصصة باستخدام وضع المصمم. 

بمجرد تمكين وضع المصمم ، سوف يبرز جميع العناصر النائبة على الصفحات حيث يمكن إضافة الأزرار والأيقونات والأدوات المخصصة. ما عليك سوى النقر فوق الاسم وتحديده وكتابة وظيفة جافا سكريبت القابلة للتنفيذ.
 
 

قم بالتسجيل لتلقي آخر التحديثات!

 
 

حقوق التأليف والنشر 2026 Vtiger. كل الحقوق محفوظة. العلامات التجارية المختلفة التي عقدت من قبل أصحابها.