美文网首页
使用在线编辑器创建 SAP UI5 项目并运行

使用在线编辑器创建 SAP UI5 项目并运行

作者: 华山令狐冲 | 来源:发表于2022-01-14 11:51 被阅读0次

在按照本文动手尝试之前,请先阅读这篇文章学习 glitch 最基础的用法:web 应用在线编辑器 glitch 简介

新建一个类型为 glitch-hello-website 应用:

此时会生成如下图所示的项目结构。我们只需要 index.html 和 index.js ( 由自动生成的 script.js 重命名而来)。

index.html 的内容:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>SAPUI5 Walkthrough</title>
    <script
        id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-async="true"
        data-sap-ui-resourceroots='{
            "sap.ui5.walkthrough": "./"
        }'
        data-sap-ui-oninit="module:sap/ui5/walkthrough/index">
    </script>
</head>
<body>
<div>Hello World</div>
</body>
</html>

index.js 的内容:

sap.ui.define([
], function () {
    "use strict";
    alert("UI5 库文件已经加载就绪");
});

单击项目名称,可以对其进行重命名:

重命名结果:


点击 change URL,就可以看到这个应用的 url 了:

发送给其他朋友,即可进行分享。比如在手机上打开:


更多Jerry的原创文章,尽在:"汪子熙":


相关文章

网友评论

      本文标题:使用在线编辑器创建 SAP UI5 项目并运行

      本文链接:https://www.haomeiwen.com/subject/vjeaqrtx.html