onsen-uiशुरुआत onens-ui के साथ हो रही है


टिप्पणियों

यह खंड ऑनसेन-यूई का एक सिंहावलोकन प्रदान करता है, और क्यों एक डेवलपर इसका उपयोग करना चाहता है।

इसमें ऑनसेन-यूआई के भीतर किसी भी बड़े विषयों का उल्लेख करना चाहिए, और संबंधित विषयों के लिए लिंक करना चाहिए। चूंकि ऑनसेन-यूई के लिए दस्तावेज़ीकरण नया है, इसलिए आपको उन संबंधित विषयों के प्रारंभिक संस्करण बनाने की आवश्यकता हो सकती है।

परिचय

ओनसेन यूआई एक ओपन-सोर्स फ्रेमवर्क है जो आपको प्रदर्शन जैसे मूल के साथ हाइब्रिड ऐप बनाने में मदद करता है। इसका उपयोग कई प्रसिद्ध जावास्क्रिप्ट फ्रेमवर्क जैसे कि AngularJS (1 & 2), ReactJS और jQuery के साथ किया जा सकता है।

किसी प्रोजेक्ट में OnsenUI लोड करना उतना ही आसान है जितना कि HTML के कुछ मानक टैग्स को अपनी index.html फ़ाइल में लिखना:

<!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <!-- load Onsen structure CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
        <!-- load Onsen theme CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
        <!-- load Onsen main Javascript file -->
        <script src="lib/onsen/js/onsenui.js"></script>
        <script>
          ons.ready(function() {
            // Init code here
          });
        </script>
      </head>
      <body>
        <ons-navigator>
          <ons-page>
            Hello World!
          </ons-page>
        </ons-navigator>
      </body>
    </html>
 

ons.ready फ़ंक्शन मुख्य फ़ंक्शन है जो हमें सुरक्षित रूप से बता सकता है कि ons.ready यूआई आरंभीकरण कब किया गया है। फिर आप किसी भी OnsenUI घटक का उपयोग कर सकते हैं।