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

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

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

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

image.png

此时会生成如下图所示的项目结构。我们只需要 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 库文件已经加载就绪");
});

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

16.png

重命名结果:

image.png

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

image.png

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

19.png



目录
相关文章
|
8月前
使用在线编辑器创建 SAP UI5 项目并运行
使用在线编辑器创建 SAP UI5 项目并运行
31 0
|
10月前
|
JavaScript C# CDN
实现一个简单的在浏览器运行Dotnet编辑器
实现一个简单的在浏览器运行Dotnet编辑器
67 1
实现一个简单的在浏览器运行Dotnet编辑器
|
Windows
vscode——无法从编辑器的终端运行项目的解决方案
无法从编辑器的终端运行项目的解决方案
110 0
【已解决】vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
221 0
【已解决】vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
|
图形学
Unity 编辑器开发实战【Custom Editor】- 为UI视图制作动画编辑器
Unity 编辑器开发实战【Custom Editor】- 为UI视图制作动画编辑器
201 1
Unity 编辑器开发实战【Custom Editor】- 为UI视图制作动画编辑器
|
Windows
Windows 技术篇-windows家庭版win+R运行搜不到gpedit.msc组策略编辑器解决方法,windows安装组策略编辑器方法
Windows 技术篇-windows家庭版win+R运行搜不到gpedit.msc组策略编辑器解决方法,windows安装组策略编辑器方法
328 0
Windows 技术篇-windows家庭版win+R运行搜不到gpedit.msc组策略编辑器解决方法,windows安装组策略编辑器方法
|
Python
Jupyter 工具的安装与使用方法,jupyter运行python代码演示,好用的python编辑器推荐!
Jupyter 工具的安装与使用方法,jupyter运行python代码演示,好用的python编辑器推荐!
436 0
Jupyter 工具的安装与使用方法,jupyter运行python代码演示,好用的python编辑器推荐!
|
Python
Mac 技术篇-多个python版本环境下Geany编辑器指定python版本运行
Mac 技术篇-多个python版本环境下Geany编辑器指定python版本运行
175 0
Mac 技术篇-多个python版本环境下Geany编辑器指定python版本运行
使用SAP C4C rule editor动态控制UI上某个按钮是否显示 - SAP Cloud for Customer UI 规则编辑器的使用一例
使用SAP C4C rule editor动态控制UI上某个按钮是否显示 - SAP Cloud for Customer UI 规则编辑器的使用一例
105 0
使用SAP C4C rule editor动态控制UI上某个按钮是否显示 - SAP Cloud for Customer UI 规则编辑器的使用一例
使用SAP C4C rule editor动态控制UI上某个按钮是否显示
使用SAP C4C rule editor动态控制UI上某个按钮是否显示
使用SAP C4C rule editor动态控制UI上某个按钮是否显示