通过SAP WEBIDE快速构建一个UI5 应用

2024-05-21 11:32:29

SAP WEBIDE

SAP WebIDE是SAP云平台上的一项服务，通过WEBIDE可以非常方便迅速的开发各种企业级云应用。

对于前端应用来说，webide提供了很多的模板来创建项目，比如基于Fiori设计语言的List report, worklist, master-detail, 还有Fiori element应用。

今天通过一个简单的例子来创建一个Master-detail的UI5应用。

Backend Service

后台服务使用了一个免费的odata服务：
http://services.odata.org/V2/Northwind/Northwind.svc/

准备-Destination

首先登录SCP在操作台创建一个Destination:

Destination服务可以连接到其它的api，避免cors的跨域问题，具体配置如下：

通过模板创建UI5应用

进入WebIDE服务，然后选择通过模板来创建项目：

选择Master-detail模板类型：

输入项目信息：

选择Destination:

选择主要的数据字段：

webide会自动生成项目代码：

对manifest.json做一个小的修改，设置useBatch为false：

"models": {"i18n": {"type": "sap.ui.model.resource.ResourceModel","settings": {"bundleName": "demo.sap.Orders.i18n.i18n"}},"": {"dataSource": "mainService","preload": true,"settings": {"useBatch": false}}},

通过mock数据来测试应用

运行mockServer.html：

结果如下：

运行真实数据的应用

运行index.html：

结果如下：

小结

从零开始构建一个UI5应用非常麻烦，但是webide服务提供了超级方便迅速的方式来快速生成项目代码。快速的构建可以直接运行的UI5应用。

通过SAP WEBIDE快速构建一个UI5 应用相关推荐

【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局(转)
[jQuery插件]用jQuery Masonry快速构建一个pinterest网站布局时间:2011年03月21日作者:愚人码头查看次数:29,744 views评论次数:25条评论前段时间领导 ...
八十九、Python的GUI系列 | 使用PyQt5 快速构建一个GUI 应用
@Author:Runsen @Date:2020/7/11 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏 ...
深度学习笔记：01快速构建一个手写数字识别系统以及张量的概念
深度学习笔记:01快速构建一个手写数字识别系统神经网络代码最好运行在GPU中,但是对于初学者来说运行在GPU上成本太高了,所以先运行在CPU中,就是慢一些. 一.安装keras框架使用管理员模式打 ...
用jQuery Masonry快速构建一个pinterest网站布局
用jQuery Masonry快速构建一个pinterest网站布局 [jQuery插件]用jQuery Masonry快速构建一个pinterest网站布局 http://masonry.desan ...
阅读小技能：【有效地构建自己的知识体系】三步阅读法来快速构建一个知识体系的方法：1、阅读“正统”文献2、读权威的综述文章 3、学术专著阅读（培养阅读品位）
文章目录前言 I 快速构建一个知识体系 1.1 第一步:阅读`正统`文献(作品) 1.1.1 `基准线思维` 1.1.2 看哪些正统的学习材料? 1.2 第二步:就是读权威的综述文章 1.2.1 对 ...
如何使用ChatGPT快速构建一个网站模板
前端Q 我是winty,专注分享前端知识和各类前端资源,乐于分享各种有趣的事,关注我,一起做个有趣的人- 公众号点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群英文 | https:/ ...
【spring authorization server系列教程】(一)入门系列，spring authorization server简介。快速构建一个授权服务器（基于最新版本0.3.0）
系列文章目录 [spring authorization server系列教程](一)入门系列,快速构建一个授权服务器文章目录系列文章目录前言一.目前已实现的功能二.入门,一步一步快速开始构 ...
如何使用ChatGPT快速构建一个网站模板？
欢迎来到令人兴奋的自然语言处理和机器学习世界!今天,我们将探索 ChatGPT 的功能,它是由 OpenAI 公司开发的目前最先进的人工智能工具.当然,你也可以将其看作是一个智能机器人.ChatGPT ...
使用飞冰+dva快速构建一个后台系统
使用飞冰+dva快速构建一个后台系统写在前面最近我们接到这样一个需求,要写一个后台管理系统,时间很急,产品也只是给出了原型稿,把功能陈列了一下,给出的要求就是先注重功能,用起来再去考虑美化.但是作 ...

最新文章

热门文章