OpenSAP 第 1 周第 2 单元的 SAPUI5 代码不起作用答案

【问题标题】：SAPUI5 code from OpenSAP week 1 unit 2 not workingOpenSAP 第 1 周第 2 单元的 SAPUI5 代码不起作用
【发布时间】：2017-01-08 09:39:44
【问题描述】：

我正在学习 OpenSAP 的 SAP UI5 课程，在第 1 周的第 2 单元学习时，我的代码在练习中给出的内容不起作用。

有什么帮助吗？

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
   
    <script
        id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_bluecrystal"
        data-sap-ui-libs="sap.m"
        data-sap-ui-compatVersion="edge"
        data-sap-ui-preload="async"
        data-sap-ui-resourceroots='{"opensap.MyApp": "./"}'
        >
    </script>

    <script src="https://sap.github.io/openSAP-ui5-course/Validator.js">
    </script>

    <script>
        sap.ui.getCore().attachInit(function () {
            sap.ui.xmlview({viewName: "opensap.MyApp.view.App"}).placeAt("content");
        });
    </script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>

这是我在视图文件夹中的视图

<mvc:View
displayBlock="true"
xmlns:mvc="sap.ui.core.mvc">
xmlns="sap.m"
<Carousel>
    <pages>
        <Image src="https://upload.wikimedia.org/wikipedia/commons/9/9f/GEO_Globe.jpg"/>
        <Image src="https://upload.wikimedia.org/wikipedia/commons/9/9f/GEO_Globe.jpg"/>
    </pages>
</Carousel>
</mvc:View>

【问题讨论】：

标签： sapui5

【解决方案1】：

只是为了记录为什么"../" 成功：这取决于您的项目文件夹结构的外观。使用'{ "opensap.myapp": "../" }'，您就是registering a module path，通过说“每当我使用"opensap.myapp." 作为前缀时，开始从路径../ 相对于我当前文档所在的位置搜索资源（在我们的例子中，index.html）。”因此资源Root。

可以在此处找到如何构建项目文件夹的最佳实践：https://openui5.hana.ondemand.com/#docs/guide/003f755d46d34dd1bbce9ffe08c8d46a.html
这是另一个进一步解释问题的答案：https://stackoverflow.com/a/35722435/5846045

PS：如果您继续使用主题 sap_bluecrystal due to its deprecation（自 1.38 版起），您可能会遇到一些外观错误。如果您的应用在较新版本上运行，则最好使用 sap_belize 或 sap_belize_plus。

【讨论】：

【解决方案2】：

致所有和我一样受苦的人。

而不是使用

    data-sap-ui-resourceroots='{
    "opensap.myapp": "./"
}'>

使用data-sap-ui-resourceroots='{ "opensap.myapp": "../" }'>

在挣扎了一个小时后，我尝试了这个，它奏效了。练习中 docx 文件中给出的任何语法都是错误的。或者更新某些功能。

【讨论】：