使用 SAP Fiori tools 开发 SAP UI5 应用

简介: 使用 SAP Fiori tools 开发 SAP UI5 应用

SAP Fiori tools 通过为 SAP Business Application Studio 和 VS Code 开发环境提供扩展功能,简化了 SAP Fiori Elements 应用程序的开发。


SAP Fiori tools 扩展功能可帮助开发人员创建应用程序、可视化导航、自动生成代码等。结合 SAP Fiori Elements 使用,这些扩展可以提高开发效率、确保应用程序之间的体验一致性,并帮助开发人员构建可扩展的体验。SAP Fiori tools 包括以下扩展功能:


  • Application Wizard:使用向导式方法生成提供的 SAP Fiori Elements 和 SAPUI5 自由样式模板。
  • SAP Fiori Tools – Application Modeler。可访问应用程序页面、导航和服务实体的可视化。您可以添加新的导航和页面、删除页面,并导航到相应的编辑工具。以下功能属于此扩展功能:


a. Page Editor

b. Page Map


  • Guided Development:可访问 How-To 指南和教程,介绍如何在 SAP Fiori Elements 应用程序中实现某些功能。您可以按照所需功能的步骤进行实施,然后使用引导式开发方法在项目中进行所需更改。
  • Service Modeler:可视化 OData 服务元数据文件。您可以使用它轻松浏览复杂的服务,包括实体、属性和关联。
  • Maintaining Annotations with Language Server:可访问资源,帮助在代码编辑器中定义注释,从而通过减少工作量和维护代码一致性来改善应用程序开发。


以下功能子集属于此扩展功能:

a. Code completion

b. Micro-snippets

c. Diagnostics

d. Internationalization support


  • SAP Fiori tools Environment Check:设计用于针对您在 SAP BTP 中配置的环境和/或目标运行检查的工具。


笔者这篇教程有详细的 SAP Fiori Tools 在 Visual Studio Code 里的安装和配置步骤介绍。


1. SAP Fiori Elements 开发环境的搭建和开发准备工作

6eeb8cdf1ae2b681083fac87bac486f3_e0120474a0dc4dfeac74fb4f679d6d6c.png


使用 SAP Fiori Tools 能够将本地开发好的 SAP UI5 应用部署到下面的环境去:


  • SAP S/4HANA
  • SAP S/4HANA Cloud
  • SAP BTP (ABAP and Cloud Foundry Environments)

相关文章
|
4月前
|
数据库 API
启用SAP Fiori之前的一些注意事项
启用SAP Fiori之前的一些注意事项
|
4月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
4月前
|
Linux 开发工具 开发者
关于 SAP HANA 开发那些事
关于 SAP HANA 开发那些事
|
4月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
|
4月前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
|
4月前
|
UED
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
|
4月前
|
前端开发 UED
SAP Fiori 到底指什么
SAP Fiori 到底指什么
|
4月前
|
XML 前端开发 JavaScript
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
|
4月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍