![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Fiori
Carawangc
Keep learning
展开
-
Fiori学习笔记 - 前端开发工具
Fiori学习笔记 - 前端开发工具Fiori前端开发工具主要有:EclipseWebIDEEclipse下载EclipseWeb版本: Mars(4.5), Neon(4.6)地址: https://www.eclipse.org/downloads/安装插件 - 点击 Help -> Install New Sofrware…输入框输入: https://tools.hana原创 2017-10-12 11:46:10 · 1462 阅读 · 0 评论 -
Fiori学习笔记 - $batch 批处理的使用
前端开发一定会有请求服务的情况,很多人也都遇到过一个页面需要调用多个服务的需求。在Angular框架中,批处理可以通过JS等其他框架的处理方式,而在SAP Fiori对batch做了深度的封装。batch批处理是将多个单一服务请求整合收集到一起,然后通过这一个$batch请求去发送到服务端,并且响应回响应的信息。可以想见的好处是减少了调用服务的次数、网络的请求,势必会提高一些运行的效率。单一请求批处原创 2017-12-14 10:44:03 · 3205 阅读 · 0 评论 -
Fiori学习笔记 - OData介绍和应用(二)
接着上一篇文章继续写一下OData的具体应用。OData可以直接绑定到页面的entity set,很方便。Controller:var odataModel = new sap.ui.model.odata.v2.ODataModel('/DemoService/V2/(S(xogxg1ckcor00ikzn42t0sbk))/OData/OData.svc/', false);this.getV原创 2017-12-21 17:47:25 · 2198 阅读 · 0 评论 -
Fiori学习笔记 - OData介绍和应用(一)
之前总听Fiori开发的同事说起OData,十分好奇这个OData是什么东西,花了点时间收集整理了一下OData的介绍和应用。SAP UI5 的开发经常集成的服务就是Gateway,而Gateway遵循的数据标准就是OData。OData,Open Data Protocol 开放数据协议,它是由微软发起创建的,是一种描述和创建REST服务的标准。OData常用语法(加在URL后面)?$format原创 2017-12-21 17:40:02 · 2776 阅读 · 0 评论 -
Fiori学习笔记 - 服务跨域处理&neo-app
学习Fiori有一段时间了,今天详细了解了一下neo-app配置文件,特在此记录一下。Eclipse + SAP UI5插件开发是不需要neo-app配置文件的,这个文件主要是针对于Web IDE开发工具,用来读取一些核心类库的配置信息以及服务路径代理的配置。Web IDE项目是跑在一个BS结构的web版的IDE,它的host和APP将要请求的host是不一样的,那么这就导致了一个不同host跨域的原创 2017-12-14 13:32:23 · 965 阅读 · 0 评论 -
Fiori学习笔记 - 事件之自定义事件
Fiori 的事件处理除去常用控件的一些使用,不得不提的还有自定义事件。目前所接触到的自定义事件多数用于,在detail页面触发某个方法后更新list页面的数据。个人觉得自定义事件的定义、触发等使用还是十分便利的。首先要定义下自定义事件的对象,这个自定义对象下面包含三个方法:全局事件(subscribe),一次性事件(subscribeOnce),移除事件(unsubscribe)。下面就贴出自定义原创 2017-10-16 10:40:56 · 775 阅读 · 0 评论 -
Fiori学习笔记 - 事件之常用控件
在Fiori开发过程中,CheckBox、Select,List控件会经常用到,本文记录了这三种控件的事件定义、触发的用法。view<mvc:View controllerName="demo.eventDemoCase.controller.FirstView" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core原创 2017-10-13 17:23:04 · 1532 阅读 · 1 评论 -
Fiori学习笔记 - i18n多语言
SAP UI5 作为一个国际化的开发框架,支持不同语言、语种也是十分重要的。多语言在SAP UI5框架中,定义是比较完善的,可以在view上直接绑定,也可以在controller里获取调用,使用起来也是很方便的。多语言,即 i18n。i18n: 国际化简称,internationalization, 取首末字母: ‘i’, ‘n’,中间一共18个字符。多语言文件结构如下: i18n.propert原创 2017-10-13 10:51:33 · 1163 阅读 · 0 评论 -
Fiori学习笔记 - 路由导航
路由导航在前端框架中占据这十分重要的地位。它决定了整个项目的结构、每个页面的跳转方式以及传参等等。 Fiori的路由层级可以支持到二级或三级,并且可以通过 viewLevel 来指定路由层级,从而可以控制跳页时的动画显示效果。提供路由导航的API: sap.f 和 sap.m, 通常用 sap.m 的多一些。下图是常见Employee项目的路由导航展示图:路由设置定义路由的类"router原创 2017-10-12 15:55:08 · 967 阅读 · 0 评论 -
Fiori学习笔记 - Eclipse创建一个SAP UI5工程
初学Fiori,首先便是要创建一个SAP UI5工程,于是在此记录一下在Eclipse创建的整个过程。Library 通常会选择sap.m,这个库支持手机,zooming,是一个响应式的框架,是跨平台开发最常用的基础库 Options: Create an Initial View, 是否创建一个初始的View,可以创建两个项目看看勾选与否的差异。创建好项目之后,可以运行项目看下效果:有时会遇到代原创 2017-10-12 12:04:32 · 2566 阅读 · 0 评论 -
Fiori学习笔记 - 调试工具
本文记录了两种基于Chrome的项目调试方式:Chrome打开项目, shift+ctrl+alt+s 打开SAPUI5诊断工具Eclipse开发debug加载的是本地的库,速度相对较快Web ide的话加载速度就比较慢了UI5 Inspector链接:https://chrome.google.com/webstore/search/UI5?hl=enInformation%20publis原创 2017-10-12 12:18:45 · 1389 阅读 · 0 评论 -
Fiori学习笔记 - 数据绑定
Fiori数据绑定有三种方式: Two-way,One-way, One-time。这三种绑定方式与不同Model的关系见下图:TwoWay:controller修改和页面修改,model对象同时改变OneWay:controller里修改Model内容,页面是变化的;但在页面修改(比如某个输入框里)的model,controller里面相应model是不变的OneTime:一次性数据绑定,只在页原创 2017-10-12 14:34:37 · 1662 阅读 · 0 评论 -
Fiori学习笔记 - 预定义CSS的应用
SAP UI5是一个重量级的框架,也就是说它定制了很多CSS的样式以及自定义的一些组件,开发时不需要我们额外编写这些CSS属性,为开发节省了很多时间。这里就记录一下系统CSS的使用。预设CSS主要是针对于不同尺寸的Margin和Padding的一个设定。margin常用的有以下四个属性:Full Margin: 控件四周的距离 Single-sided: 上下左右单一方向距离 Two-sided原创 2017-12-13 11:35:38 · 985 阅读 · 0 评论