UI5-文档-4.2-Bootstrap

最新推荐文章于 2024-10-30 08:37:39 发布

abbilglf665483

最新推荐文章于 2024-10-30 08:37:39 发布

阅读量106

点赞数

文章标签： ui javascript json ViewUI

原文链接：http://www.cnblogs.com/ricoo/p/10101776.html

版权

在使用SAPUI5做一些事情之前，我们需要加载并初始化它。加载和初始化SAPUI5的过程称为引导。一旦引导完成，我们只需显示一个警告。

Preview

An alert "UI5 is ready" is displayed

Coding

你可以在此查看和下载所有文件Walkthrough - Step 2.

webapp/index.html

请注意:SAPUI5是一个JavaScript库，可以从应用程序所在的同一个Web服务器加载，也可以从不同的服务器加载。本教程中的代码示例总是显示相对路径，并假设SAPUI5在本地部署在Web服务器根上下文的resources文件夹中。

如果SAPUI5部署在服务器上的其他地方，或者您希望使用不同的服务器，那么您需要调整引导程序中的相应路径(here:src="/resources/sap-ui-core.js")在本教程中根据您自己的需求。SAPUI5也可以从内容交付网络(CDN)在https://sapui5.hana.ondemand.com/resources/sap-ui-core.js .

您可以在教程或测试目的中使用对SAPUI5最新稳定版本的引用，但绝不可将其用于生产用途。在实际的应用程序中，您总是必须显式地指定SAPUI5版本。

有关CDN的更多信息，请参见Variant for Bootstrapping from Content Delivery Network.

如果您正在使用SAP Web IDE，您可以右键单击该项目并选择New HTML5 Application Descriptor参考/resources…作业。这就创建了一个neo-app.json文件，它为该路径配置URL映射。

<!DOCTYPE html>

<html>

   <head>

               <meta http-equiv="X-UA-Compatible" content="IE=edge">

               <meta charset="utf-8">

               <title>Walkthrough</title>

      <script

         id="sap-ui-bootstrap"

         src="/resources/sap-ui-core.js"

         data-sap-ui-theme="sap_belize"

         data-sap-ui-libs="sap.m"

         data-sap-ui-compatVersion="edge"

         data-sap-ui-preload="async" >

      </script>

      <script>

         sap.ui.getCore().attachInit(function () {

             alert("UI5 is ready");

         });

      </script>

   </head>

   <body>

      <p>Hello World</p>

   </body>

</html>