घटकों के रूप में वेब टेम्पलेट्स

वेब टेम्प्लेट बनाए जा सकते हैं और वेब पेजों में घटकों के रूप में उपयोग किए जा सकते हैं ताकि निर्माताओं को इन पुन: प्रयोज्य घटकों का उपयोग करने और आवश्यकताओं को पूरा करने के लिए पैरामीटर प्रदान करने की अनुमति मिल सके.

एक डेवलपर के रूप में, आप विशिष्ट कार्यक्षमता प्रदान करने के लिए एक वेब टेम्पलेट बना सकते हैं जिसे निर्माता वेब पेज डिजाइन करते समय कॉन्फ़िगर कर सकते हैं.

उदाहरण के लिए, आप निम्नलिखित घटकों (और अन्य) को वेब टेम्पलेट घटकों के रूप में बना सकते हैं जिन्हें डिज़ाइन स्टूडियो में कॉन्फ़िगर किया जा सकता है:

• मानचित्रों के साथ स्थान सूचीकरण
• कैरूसेल प्रदर्शन
• छवियों या वीडियो की गैलरी

किसी वेब पेज पर एक घटक जोड़ने के लिए, आप वेब के लिए Visual Studio Code का उपयोग करके पेज को संपादित कर सकते हैं और पेज कॉपी में Liquid शामिल ऑब्जेक्ट जोड़ सकते हैं:

{% include '<<web template name>>' <<parameter 1>>: '<<value>>' <<paramter 2>>: '<<value>>' %}

उदाहरण:

{% include 'webTemplateName' name: 'Topics' count:'4' %}

एक वेब टेम्पलेट घटक बनाएँ

एक वेब टेम्प्लेट घटक बनाने के लिए जिसमें आप निर्माता को पैरामीटर पास करने की अनुमति दे सकते हैं, आपको वेब टेम्प्लेट में एक {% manifest %} टैग जोड़ना होगा. मेनिफेस्ट सेक्शन उन पैरामीटरों का वर्णन करता है जिन्हें आप वेब टेम्पलेट कोड को पास करने और उपयोग करने के लिए कॉन्फ़िगर कर सकते हैं.

मेनिफेस्ट एक JSON ऑब्जेक्ट है जो डिज़ाइन स्टूडियो में प्रदर्शित वेब टेम्पलेट के गुणों को परिभाषित करता है: प्रकार, प्रदर्शन नाम, विवरण, तालिकाएँ और पैरामीटर. इन वेब टेम्प्लेट गुणों का उपयोग प्रो-डेवलपर्स और कम-कोड संपादन के बीच अंतर को पाटने के लिए किया जा सकता है. पैरामीटर वेरिएबल से संबंधित हैं जो डेवलपर्स अपने स्रोत कोड में उपयोग करते हैं और कम-कोड निर्माता अपने मानों को कॉन्फ़िगर कर सकते हैं.

समर्थित गुण प्रकट करें

गुण प्रकट करें	विवरण
प्रकार	इसे कार्यात्मक पर सेट करने की आवश्यकता है. कार्यात्मक: डिज़ाइन स्टूडियो में घटक जोड़ें प्रक्रिया के माध्यम से वेब टेम्पलेट घटक जोड़ें।
displayName	वेब टेम्प्लेट घटक के लिए अनुकूल नाम, जिसे डिज़ाइन स्टूडियो में सामने लाया जाएगा.
विवरण	वेब टेम्पलेट घटक का विवरण.
तालिकाएं	Dataverse टेबलों की एक सारणी जिसका उपयोग एक निर्माता सीधे डेटा कार्यस्थान पर नेविगेट करने के लिए कर सकता है ताकि टेबल कॉन्फ़िगरेशन या रिकॉर्ड को संपादित किया जा सके. तालिकाओं को उनके तार्किक नाम का उपयोग करके सूचीबद्ध करने की आवश्यकता है.
params	परिभाषित गुणों वाले पैरामीटर: id: वेब टेम्पलेट कोड और लिक्विड शामिल टैग में प्रयुक्त वेरिएबल से मेल खाता है। displayName: डिज़ाइन स्टूडियो में अनुकूल नाम. विवरण: घटक का उपयोग करने वाले निर्माताओं को संदर्भ प्रदान करने के लिए टूलटिप के माध्यम से संक्षिप्त पाठ प्रदर्शित किया गया।

उदाहरण:

{% manifest %} 
    { 
    "type": "Functional", 
    "displayName": "Data Cards", 
    "description": "This component displays data using a cards layout", 
    "tables": ["cards"], 
    "params": [ 
        { 
        "id": "title", 
        "displayName": "Title", 
        "description": "Heading for this component" 
        }, 
        { 
        "id": "count", 
        "displayName": "Count", 
        "description": "No. of items to be displayed" 
        }] 
    } 
{% endmanifest %} 

<!--additional web template code to use parameters to specialized functionality-->

लेखन वेब टेम्प्लेट कोड

यदि आप मौजूदा आउट-ऑफ़-द-बॉक्स वेब टेम्पलेट का विस्तार करना चाहते हैं, तो हम अनुशंसा करते हैं कि आप वेब टेम्पलेट की एक कॉपी बनाएं और स्रोत कोड को संरक्षित करने और डेटा हानि को रोकने के लिए कॉपी का विस्तार करें.

सभी पैरामीटर स्ट्रिंग के रूप में पास किए जाते हैं. आपके कोड में, आवश्यकतानुसार पैरामीटर मानों को वांछित प्रकारों में परिवर्तित करने की अनुशंसा की जाती है. परिवर्तित पैरामीटर्स Liquid फिल्टर्स का उपयोग करके प्राप्त किया जा सकते हैं.

उदाहरण:

• {% assign posts_count = count | integer %}
• {% assign column_count = columns | integer %}

किसी वेब पेज पर वेब टेम्पलेट घटक कॉन्फ़िगर करें

जब वेब टेम्प्लेट घटक (मेनिफ़ेस्ट सेक्शन के साथ) बनाया जाता है, तो आप वेब पेज कॉपी में (वेब के लिए Visual Studio Code, Visual Studio Code, पोर्टल प्रबंधन ऐप या अन्य विधियों का उपयोग करके) विभिन्न मापदंडों को पास करके संबंधित Liquid संदर्भ जोड़ सकते हैं, जैसा कि इस उदाहरण में दिखाया गया है:

{% include 'webTemplateName' name: 'Topics' count:'4' %}

आप पैरामीटर को सीधे डिज़ाइन स्टूडियो में कॉन्फ़िगर कर सकते हैं. इस तरह एक प्रो-डेवलपर वेब टेम्पलेट्स का उपयोग करके उन्नत घटकों का निर्माण कर सकता है जिन्हें कम-कोड निर्माता डिज़ाइन स्टूडियो का उपयोग करके कॉन्फ़िगर कर सकते हैं.

सीमाएं और ज्ञात मुद्दे

वेब टेम्प्लेट घटकों को अन्य वेब टेम्प्लेट घटकों में नेस्ट करना समर्थित नहीं है.

अगला कदम

वेब टेम्पलेट घटक कैसे बनाएं

इसे भी देखें

• उत्पाद समीक्षाएँ कार्ड के रूप में प्रदर्शित करें
• स्थानों को कार्ड के रूप में प्रदर्शित करें
• रिकॉर्ड को कैरोसेल के रूप में प्रदर्शित करें