- 博客(11)
- 收藏
- 关注
原创 【IDEA-SAPUI5-Walkthrough学习】Step 10: Descriptor for Applications
要在 HTML 页面中加载和呈现组件,必须在相应的 DOM 元素上指定一个特殊的 data 属性,所有标有此 data 属性的 DOM 元素都将被视为已创建实例的容器元素。描述:mainfest.json文件包含sap.app、sap.ui、sap.ui5(rootView、dependencies、models)三个命名空间。低耦合(非直接耦合:两个模块之间没有直接关系,它们之间的联系完全是通过主模块的控制和调用来实现的。耦合度最弱,模块独立性最强。建议手打一遍加深印象(mani不是main)
2024-03-12 15:59:08
392
1
原创 【IDEA-SAPUI5-Walkthrough学习】Step 9: Component Configuration——控件配置
现在,每当我们访问资源时,我们将相对于Component.js(而不是相对于index.html)执行此操作。这种架构上的改变使我们的应用程序可以在比静态的index.html页面更灵活的环境中使用,比如在SAP Fiori launchpad这样的容器中。将控制器中的init函数移到组件中,增加根视图属性以替代index.js去管理视图,index.js则根据组件配置为我们实例化视图。把所有UI资源封装在一个独立于index.html文件的组件Component.js中。作为组件的元数据-父视图。
2024-03-11 17:12:04
259
1
原创 【IDEA-SAPUI5-Walkthrough学习】Step8:Translatable Texts
但是,在实际项目中,您将为每种受支持的语言创建一个单独的文件,并带有区域设置的后缀,例如 i18n_de.properties德语、i18n_en.properties 英语等。当用户运行应用程序时,SAPUI5将加载最适合用户环境的语言文件。//通过在花括号中添加数字来向文本添加任意数量的参数。描述:将UI中的文本移至单独资源文件,以便统一管理(翻译等)//通过getText的第二个参数将部分文本替换为非静态数据。helloMsg=helloMsg {0}:{0}为占位符。
2024-02-29 17:31:11
332
1
原创 【IDEA-SAPUI5-Walkthrough学习】Step7:JSON Model
将向应用程序添加一个输入字段,将其值绑定到model中,并将相同的值绑定到输入字段的描述中。描述将根据用户类型直接更新。
2024-02-28 16:46:55
188
原创 【IDEA-SAPUI5-Walkthrough学习】Step6:Modules
在SAPUI5中,资源通常被称为模块module。在这一步中,我们将上一步的alert替换为来自sap.m库的Message Toast。所需的模块可以异步加载。
2024-02-28 11:32:11
207
原创 【IDEA-SAPUI5-Walkthrough学习】Step5:Controller控制器
在视图中扩展控制器+串一下目前为止的文件逻辑关系
2024-02-19 16:07:09
225
1
原创 【IDEA-SAPUI5-Walkthrough学习】Step 4: XML Views
基于SAPUI5官网walkthrough教程,0基础小白解决在学习框架的过程中遇到的问题和总结
2024-02-19 15:22:49
795
1
原创 【IDEA-SAPUI5-Walkthrough学习】Step3:Controls
通过js文件中的控件接口设置SAPUI,在html正文标签(SAP控制实例的节点)中引用该控件
2024-01-19 11:06:07
342
1
原创 【IDEA-SAPUI5-Walkthrough学习】Step2:Bootstrap
加载和初始化SAPUI5的过程称为Bootstrap:启动,引导。启动成功之后,可以在浏览器中显示弹窗或者其他UI。在启动之前需要完成Step1中的安装ui5。IDEA打开webapp/index.html。IDEA新建index.js。
2024-01-18 16:52:13
362
原创 【IDEA-SAPUI5-Walkthrough学习】环境搭建+step1:HelloWord
package.json 文件其实就是对项目或者模块包的描述,里面包含许多元信息。npm install 命令会根据这个文件下载所有依赖模块根目录新建文件夹webapp新建webapp/index.html新建webapp/manifest.json 控制台执行相应命令
2024-01-18 16:03:18
324
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人