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

Posted

技术标签:

【中文标题】OpenSAP 第 1 周第 2 单元的 SAPUI5 代码不起作用【英文标题】:SAPUI5 code from OpenSAP week 1 unit 2 not working 【发布时间】: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>

【问题讨论】:

【参考方案1】:

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

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

PS:如果您继续使用主题 sap_bluecrystal due to its deprecation(自 1.38 版起),您可能会遇到一些外观错误。如果您的应用在较新版本上运行,则最好使用 sap_belizesap_belize_plus

【讨论】:

【参考方案2】:

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

而不是使用

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

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

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

【讨论】:

以上是关于OpenSAP 第 1 周第 2 单元的 SAPUI5 代码不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Linux学习笔记第一周第五次课(1月26日)

第二周第二部分

Linux学习笔记第二周第四次课(2月1日)

Linux学习笔记第二周第四次课(2月1日)

Linux学习笔记第二周第三次课(1月31日)

Linux学习笔记第一周第四次课(1月25日)