快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何使用SAPCloudWebIDE创建SAPUI5应用并部署

这篇文章主要讲解了“如何使用SAP Cloud WebIDE创建SAP UI5应用并部署”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何使用SAP Cloud WebIDE创建SAP UI5应用并部署”吧!

创新互联专注于木垒哈萨克网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供木垒哈萨克营销型网站建设,木垒哈萨克网站制作、木垒哈萨克网页设计、木垒哈萨克网站官网定制、成都小程序开发服务,打造木垒哈萨克网络公司原创品牌,更为您提供木垒哈萨克网站排名全网营销落地服务。

登录SAP云平台,在Services面板里找到SAP WebIDE Full-stack服务:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

从availability里发现WebIDE full-stack目前只有Neo能用,CloudFoundry暂时不可用:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

点击Go to Service打开WebIDE:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

打开WebIDE后,新建一个项目,environment选成CloudFoundry:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

从模板里创建一个UI5应用,模板选择成SAP UI5 Application:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

A new MTA project called mta_FioriDemo containing the FioriDemo HTML5 module now appears in your SAP Web IDE workspace. When developing apps in the Cloud Foundry environment, you create a Multi-Target Application (MTA) file in SAP Web IDE. Each SAP Fiori app is developed as an SAPUI5 module of the MTA.

选中生成的XML视图,右键菜单,用layout editor打开,编辑这个视图:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

从控件库里找到Text控件,将其拖拽到视图区域:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

在项目的workspace preferences里,指定该应用部署到的目标CloudFoundry环境明细:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

本地测试可以用Run Configuration菜单实现:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

选择Run as Web Application:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

运行的文件,就选择index.html:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

如果要部署到CloudFoundry,先对这个项目进行build,得到.mtar文件:

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

然后使用右键菜单部署即可。

如何使用SAP Cloud WebIDE创建SAP UI5应用并部署如何使用SAP Cloud WebIDE创建SAP UI5应用并部署

感谢各位的阅读,以上就是“如何使用SAP Cloud WebIDE创建SAP UI5应用并部署”的内容了,经过本文的学习后,相信大家对如何使用SAP Cloud WebIDE创建SAP UI5应用并部署这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网站标题:如何使用SAPCloudWebIDE创建SAPUI5应用并部署
链接地址:http://6mz.cn/article/ipggei.html

其他资讯