自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 【IDEA-SAPUI5-Walkthrough学习】Step 11页面面板、12Shell控件、13边距、14CSS

SAP基础样式学习

2024-03-29 11:39:41 671 1

原创 【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关注的人

提示
确定要删除当前文章?
取消 删除