首页 > 其他分享 >SAP UI5 应用的两种开发方式的教程

SAP UI5 应用的两种开发方式的教程

时间:2023-05-16 17:47:47浏览次数:49  
标签:Elements 应用程序 Fiori 开发方式 注解 UI5 UI SAP

要开发连接到 SAP OData 服务的 SAP UI5 应用程序,开发人员可以使用以下选项之一:

SAP Fiori Elements

这种方式基于常见业务场景的几个基本 Floorplans 创建标准应用程序。

这些 Floorplans 提供 UI 代码,包括一些预置的逻辑,以便来自后端的数据准确地到达预期的位置,并且 UI 行为基于 OData 元数据的注解(英文名为 annotation)来进行实现。

可以使用 XML 注释自定义 Fiori Elements 的 floorplans.

笔者编写的 Fiori Elements 开发教程(正在写作中):
SAP Fiori Elements 从入门到进阶

Fiori Elements 设计要点

SAP Fiori Elements 框架解释 OData 元数据和注解以呈现应用程序 UI。

元数据描述您的数据模型或屏幕上的内容,而注解描述数据语义或它的可视化方式

例如,任何将 Communication.IsEmailAddress 注释术语设置为 true 的实体类型属性都被 SAP Fiori 元素框架解释为电子邮件地址,并在应用程序 UI 中显示为指向电子邮件客户端的可点击链接。

注释可以关联到服务的实体(entities)、关系(relationship)和属性(properties).

开发人员还可以使用 annotation 来执行以下操作:

  • 描述属性之间的关系,例如金额和相关货币之间的关系。SAP Fiori Elements 在应用程序 UI 中并排显示这些属性。

  • 将属性分组在一起,以便它们在表单中彼此相邻显示。

  • 描述对给定对象可用的操作,用户是否可以编辑它、删除它、应用一些过滤器等等。

所有这些都由 SAP Fiori Elements 框架解释并相应地显示在应用程序中。

注解可以与元数据一起定义,也可以在专用 annotation 文件中定义,既可以在后端与服务一起定义,也可以在前端的本地注解文件中定义。

对于 SAP Fiori Elements 框架在运行时要考虑的注解,它必须驻留在应用程序的应用程序描述符文件 manifest.json 中注册的注解源中。

此外,在 Web 应用程序清单中,可以找到应用程序基本元数据的描述,例如它的名称和版本,以及它的内容,例如应用程序页面、导航、使用的服务详细信息等。

作为注解的运行时源的同一描述符文件 manifest.json 可用于以下操作:

  • 从页面添加导航,例如从列表报表向下 drill down 到对象页面。

  • 定义表、列或其他 UI 元素的设置。 此外,注册自定义扩展,如自定义列、页面或部分。

  • 对于单个页面中的 flex 更改,例如启用导出,可以使用页面编辑器。

SAPUI5 freestyle

这种开发方式提供有关应用程序外观和性能的完全灵活性。开发人员可以选择平面图并指定布局、流程、菜单结构、颜色、字体、交互、模式等。

对于每个屏幕,开发人员都必须编写 JavaScript UI 代码,这意味着同 Fiori Elements 开发方式相比,SAP UI5 freestyle 开发更加费时。

笔者编写的 SAP UI5 Freestyle 开发教程(正在写作中):

一套适合 SAP UI5 开发人员循序渐进的学习教程

标签:Elements,应用程序,Fiori,开发方式,注解,UI5,UI,SAP
From: https://www.cnblogs.com/sap-jerry/p/17406332.html

相关文章

  • SAP UI5 Flexible Programming Model Explorer
    按照SAPUI5官网的说法,TheSAPUI5freestyletemplatesaredeprecated,andit’srecommendedtousethecustompageSAPFioritemplatebasedontheflexibleprogrammingmodelasanalternative.Formoreinformation,seeFlexibleProgrammingModelInformation......
  • 使用 SAP Fiori tools 开发 SAP UI5 应用
    SAPFioritools通过为SAPBusinessApplicationStudio和VSCode开发环境提供扩展功能,简化了SAPFioriElements应用程序的开发。SAPFioritools扩展功能可帮助开发人员创建应用程序、可视化导航、自动生成代码等。结合SAPFioriElements使用,这些扩展可以提高开发效......
  • SAP Fiori Elements 本地应用启动的三种模式辨析试读版
    本教程前一步骤,我们介绍了在VisualStudioCode里使用命令行npmrunstart启动SAPFioriElements应用的方法:3.动手运行第一个SAPFioriElements应用有细心的学习者发现了,笔者提供的这个FioriElements应用的package.json文件的scripts区域里,除了定义了名为st......
  • SAP Fiori Tools 的 Application Reload Middleware 介绍
    通过applicationreloadmiddleware的帮助,开发者可以在进行FioriElements开发的过程中,即时预览这些尚未完全完成开发的应用。即时的意思是,一旦有FioriElements项目相关的文件发生变化,ApplicationReloadmiddleware会自动刷新应用。npx是一个Node.js工具,它可以让......
  • 使用 UI5 Tools 这款 Visual Studio Code 扩展来管理和运行本地 SAP UI5 应用试读版
    本教程目前的每一篇文章,介绍的都是用命令行ui5serve本地启动一个Web服务器,来本地运行笔者Github里提供的SAPUI5应用。在浏览器地址栏里输入localhost:8080即可访问启动的Web服务器上的资源,从而访问SAPUI5应用:如果各位学习者不喜欢命令行的方式,而是习惯在GUI......
  • SAP UI5 中的数字 5 代表什么含义?
    ChatGPT3.5对这个问题的回答不太令人满意:在SAPUI5中,数字5并不代表HTML5的含义。SAPUI5是一套基于HTML5的企业级应用程序开发框架,它提供了许多UI控件和开发工具,可以帮助开发人员快速构建优秀的企业级Web应用程序。在SAPUI5中,数字5代表该框架的第五个版本。SAPUI5最初发......
  • SAP ALL============装逼专用?
     ......
  • SAP 选择界面,GUI状态等多语言维护及语言维护
    1. SE38事务码打开程序后,在上方菜单依次点击:转到->翻译。2.单击后输入原语言及目标语言。3.在原语言文本下方输入框输入翻译后的目标语言即可。 4.事务码:SLXT将变更内容添加至请求。由于翻译文本后可以直接保存,不会自动弹出创建请求,文本翻译需要通过事务码SLXT进行传......
  • SAP采购订单修改后再次审批触发EDI输出问题
    问题:采购PO设置任何修改时需要进行再次审批,再次审批时会触发一个EDI错误消息输出.现象:使用ME21N创建PO并使用ME29N审批.我们会看到一个正确(绿色)的消息输出.当我们使用ME29N修改了PO数量为2,保存以后,再次审批.我们会看得红色的错误输出.查看日志如下:问题解决方案:......
  • SAP GUI登录器中快捷方式记住密码的方式(仅适用于740和750版本)
    出于安全考虑,SAPGUI730及后续版本中不在允许用户在SAPLOGON中的快捷方式中记住密码,在GUI740和GUI750中,通过以下方法可以将记住密码功能释放出来: ①在注册表路径HKEY_CURRENT_USER\Software\SAP\SAPShortcut下添加“Security”子项同时按住windows徽标键+R,弹出运行......