AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

SAP UI5 应用的全局配置(Global Configuration) 的设计和使用试读版

2023-10-01 34
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
数据可视化DataV，5个大屏 1个月
可视分析地图（DataV-Atlas），3 个项目，100M 存储空间
简介： SAP UI5 应用的全局配置(Global Configuration) 的设计和使用试读版

一套适合SAP UI5 初学者循序渐进的学习教程

 

作者简介

 

Jerry Wang，2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师，SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里，Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SAP Cloud for Customer, SAP S/4HANA, SAP Commerce Cloud(电商云)等标准产品的研发工作。

 

Jerry 工作中使用ABAP, Java, JavaScript 和 TypeScript 进行开发, 对包括 SAP UI5 在内的多款SAP自研框架有深入的研究。

 

教程目录

 

 


说明

 

Jerry 从 2014年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5，曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。

 

在Jerry 这篇文章 对 SAP UI5 一无所知的新手，从哪些材料开始学习比较好？ 曾经提到，Jerry 也是从 SAP UI5 菜鸟一路走过来，深知只有 ABAP 开发背景的开发者，向 SAP UI5 开发领域转型的不易，因此我在业余时间设计了这份适合 SAP UI5 不同水平的学习者的学习教程，把开发一个完整的 SAP UI5 应用的流程，拆分成若干个步骤，力求每个步骤里，把涉及到的知识点都涵盖到。

 

这些知识点可能不像我的 UI5 源码分析系列文章那么深入，但力求做到深入浅出，重要的知识点都配上详细的截图来辅助文字的介绍，便于教程学习者的理解。

 

本教程每一个步骤的源代码，都存放在我的 Github 上，分别用文件夹 01，02，03 等等来标识，例如步骤 1 的源代码在这里。



每一个步骤均是前一步骤的基础上，添加了若干新特性。建议零基础或者对 SAP UI5 知之甚少的 SAP UI5 初学者，按照顺序从第一个步骤开始循序渐进地学习，把这些代码下载到本地，配合教程的文字讲解，自己动手，以加深理解。


对于已经有一定基础的 SAP UI5 开发人员，可以通过本文的目录，跳过前面一部分比较基础的章节，直接挑选对自己工作项目有关，或者包含某些知识点自己尚未掌握的章节来有针对性地学习。


大家如果对教程的每个步骤有任何疑问，欢迎在教程对应的步骤文章里给我评论，进行留言。我虽然平时开发工作很忙，但是保证会定期查看大家给我留下的评论，对于里面涉及到的技术疑问，我一定会抽时间做出解答。


本教程第八个步骤，我们介绍了 SAP UI5 对多语言的支持。正式术语应该是国际化，internationalization，简称 i18n:


SAP UI5 应用开发教程之八 - 多语言的支持


我们简单回顾一下。在文件夹 127 下面的子文件夹 i18n 里，分别根据不同的语言，维护不同的文本。i18n.properties 为默认的英文版本下需要显示的文本内容：





i18n_zh.properties 则为中文维护：




这两个以 .properties 结尾的文件，在 SAP UI5 里的官方称呼是 Resource Bundle.


然后 Input 控件里，我们不再将 value 的值硬编码，而是绑定到 i18n 的模型(ResourceModule)字段上。根据运行时语言环境的不同，Input 控件就能显示 Hello 或者 你好 两种值。




英文环境下，显示 Hello:



中文环境下，显示 你好：



如果不使用 url parameter sap-language, 默认情况下，SAP UI5 会显示英文还是中文版的文本?


也许有朋友说，这种情况下，不就是根据当前浏览器的语言设置来显示吗？这个答案不完全准确。


本文我们将回答的问题列表


(1) 如果 SAP UI5 项目维护了多种语言的 i18n properties 文件，运行时到底加载哪一份？


(2) SAP UI5 应用的运行环境语言判定，取决于哪些因素？


(3) 什么是 SAP UI5 应用的全局配置数据结构(Global Configuration)？如何使用这些配置？


(4) 当 SAP UI5 应用的全局配置和用户手动指定的 url parameters 发生冲突时，谁的优先级更高？


下面我们就来进行详细的阐述。



文章标签：
DataV数据可视化
测试技术
数据格式
JavaScript
前端开发
Web App开发
关键词：
sap应用
UI配置
UI应用
sap ui5
sap试读
相关实践学习
Github实时数据分析与可视化
基于Github Archive公开数据集，将项目、行为等20+种事件类型数据实时采集至Hologres进行分析，并搭建可视化大屏。
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程，理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上，理解并学会运用各个服务组件，了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准，准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
游客4llb6htoixmxw
目录
相关文章
游客4llb6htoixmxw
|
4月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
游客4llb6htoixmxw
66 0
路边两盏灯
|
23天前
|
Linux C++ Windows
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
路边两盏灯
28 0
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
游客4llb6htoixmxw
|
4月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
游客4llb6htoixmxw
77 0
不吃核桃
|
1月前
数字化核心构建问题之SAP为应用软件扎根客户打基础如何解决
数字化核心构建问题之SAP为应用软件扎根客户打基础如何解决
不吃核桃
13 0
白雾茫茫丶
|
4月前
|
JavaScript
Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查
这篇文章介绍了在项目中安装和配置Nuxt UI以及TypeScript的步骤。作者在前言中提到考虑了AntDesignVue和Element-Plus，但最终选择了NuxtUI，因为它更适合年轻化的项目，并且与Nuxt兼容。安装Nuxt UI需要执行一系列命令，同时会自动安装一些相关模块。然后，可以在Nuxt应用中使用Nuxt UI的所有组件和可组合函数。此外，还介绍了如何添加图标库和配置TypeScript。
白雾茫茫丶
101 0
Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查
游客4llb6htoixmxw
|
4月前
|
前端开发 数据库 开发者
如何在 SEGW 事务码里为 SAP ABAP OData 服务实现 Function Import 试读版
如何在 SEGW 事务码里为 SAP ABAP OData 服务实现 Function Import 试读版
游客4llb6htoixmxw
107 1
游客4llb6htoixmxw
|
4月前
|
JavaScript 前端开发
试读版：如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版：如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
游客4llb6htoixmxw
51 0
游客4llb6htoixmxw
|
4月前
|
BI 网络安全
如何使用 ABAPGit 在 SAP ABAP 系统安装 abap2xlsx 工具试读版
如何使用 ABAPGit 在 SAP ABAP 系统安装 abap2xlsx 工具试读版
游客4llb6htoixmxw
164 0
游客4llb6htoixmxw
|
4月前
|
XML 网络安全 开发工具
如何下载并安装 SAP ABAPGit，并完成 ABAP 服务器上 SSL 证书的配置试读版
如何下载并安装 SAP ABAPGit，并完成 ABAP 服务器上 SSL 证书的配置试读版
游客4llb6htoixmxw
55 0
游客4llb6htoixmxw
|
4月前
|
网络安全
实战分析 - 为什么有些 SAP ABAP 程序，启动之后界面有些按钮是灰色的试读版
实战分析 - 为什么有些 SAP ABAP 程序，启动之后界面有些按钮是灰色的试读版
游客4llb6htoixmxw
36 0

热门文章

最新文章

  • 1
    使用SAP WebIDE给SAP UI5应用添加data source
  • 2
    如何在阿里云上运行SAP UI5应用
  • 3
    使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署
  • 4
    SAP UI5 FileUploader 的本地文件上传技术实现分享
  • 5
    SAP UI5 进阶 - JSON 模型字段里的值，显示在最终 UI5 界面上的奥秘分析试读版
  • 6
    SAP ui5 shell open loading dialog
  • 7
    SAP UI5 应用开发教程之九十五 - SAP UI5 下拉菜单(Select) 控件的使用方式试读版
  • 8
    使用 SAP UI5 Smart Chart 控件轻松绘制十数种不同类型的专业图表试读版
  • 9
    SAP UI5 应用开发教程之七十五 - 如何采用SAP UI5 主从表格的联动技术显示复杂表格内容试读版
  • 10
    when is SAP UI5 url hash changed in browser
  • 1
    【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
    109
  • 2
    【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
    130
  • 3
    【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
    118
  • 4
    学会Web UI框架--Bootstrap，快速搭建出漂亮的前端界面
    107
  • 5
    前端CSS样式零基础教学总结，UI、前端开发都适用
    57
  • 6
    前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
    39
  • 7
    ui设计_入门ai、ps
    45
  • 8
    【AI大模型应用开发】3.2 RAG实战 - RAG应用+UI实现加载本地文件并对话
    155
  • 9
    前端UI组件
    66
  • 10
    vue element ui 打开弹窗出现黑框问题
    82

    • 相关电子书

    更多
  • Fusion Design - 企业级UI解决方案揭秘
  • 大道至简 — SAP上云方案
  • 使用TensorFlow搭建智能开发系统自动生成App UI

    • 相关实验场景

    更多
  • Web Terminal环境使用指南
    • 下一篇
    基于LNMP搭建WordPress