Carawangc的博客

Fiori学习笔记 - 前端开发工具Fiori前端开发工具主要有：EclipseWebIDEEclipse下载EclipseWeb版本： Mars(4.5), Neon(4.6)地址： https://www.eclipse.org/downloads/安装插件 - 点击 Help -> Install New Sofrware…输入框输入： https://tools.hana

前端开发一定会有请求服务的情况，很多人也都遇到过一个页面需要调用多个服务的需求。在Angular框架中，批处理可以通过JS等其他框架的处理方式，而在SAP Fiori对batch做了深度的封装。batch批处理是将多个单一服务请求整合收集到一起，然后通过这一个$batch请求去发送到服务端，并且响应回响应的信息。可以想见的好处是减少了调用服务的次数、网络的请求，势必会提高一些运行的效率。单一请求批处

接着上一篇文章继续写一下OData的具体应用。OData可以直接绑定到页面的entity set，很方便。Controller：var odataModel = new sap.ui.model.odata.v2.ODataModel('/DemoService/V2/(S(xogxg1ckcor00ikzn42t0sbk))/OData/OData.svc/', false);this.getV

之前总听Fiori开发的同事说起OData，十分好奇这个OData是什么东西，花了点时间收集整理了一下OData的介绍和应用。SAP UI5 的开发经常集成的服务就是Gateway，而Gateway遵循的数据标准就是OData。OData，Open Data Protocol 开放数据协议，它是由微软发起创建的，是一种描述和创建REST服务的标准。OData常用语法（加在URL后面）?$format

学习Fiori有一段时间了，今天详细了解了一下neo-app配置文件，特在此记录一下。Eclipse + SAP UI5插件开发是不需要neo-app配置文件的，这个文件主要是针对于Web IDE开发工具，用来读取一些核心类库的配置信息以及服务路径代理的配置。Web IDE项目是跑在一个BS结构的web版的IDE，它的host和APP将要请求的host是不一样的，那么这就导致了一个不同host跨域的

Fiori 的事件处理除去常用控件的一些使用，不得不提的还有自定义事件。目前所接触到的自定义事件多数用于，在detail页面触发某个方法后更新list页面的数据。个人觉得自定义事件的定义、触发等使用还是十分便利的。首先要定义下自定义事件的对象，这个自定义对象下面包含三个方法：全局事件（subscribe），一次性事件（subscribeOnce），移除事件（unsubscribe）。下面就贴出自定义

在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

SAP UI5 作为一个国际化的开发框架，支持不同语言、语种也是十分重要的。多语言在SAP UI5框架中，定义是比较完善的，可以在view上直接绑定，也可以在controller里获取调用，使用起来也是很方便的。多语言，即 i18n。i18n: 国际化简称，internationalization, 取首末字母： ‘i’, ‘n’，中间一共18个字符。多语言文件结构如下： i18n.propert

路由导航在前端框架中占据这十分重要的地位。它决定了整个项目的结构、每个页面的跳转方式以及传参等等。 Fiori的路由层级可以支持到二级或三级，并且可以通过 viewLevel 来指定路由层级，从而可以控制跳页时的动画显示效果。提供路由导航的API： sap.f 和 sap.m, 通常用 sap.m 的多一些。下图是常见Employee项目的路由导航展示图：路由设置定义路由的类"router

初学Fiori，首先便是要创建一个SAP UI5工程，于是在此记录一下在Eclipse创建的整个过程。Library 通常会选择sap.m，这个库支持手机，zooming，是一个响应式的框架，是跨平台开发最常用的基础库 Options： Create an Initial View， 是否创建一个初始的View，可以创建两个项目看看勾选与否的差异。创建好项目之后，可以运行项目看下效果：有时会遇到代

本文记录了两种基于Chrome的项目调试方式：Chrome打开项目， shift+ctrl+alt+s 打开SAPUI5诊断工具Eclipse开发debug加载的是本地的库，速度相对较快Web ide的话加载速度就比较慢了UI5 Inspector链接：https://chrome.google.com/webstore/search/UI5?hl=enInformation%20publis

Fiori数据绑定有三种方式： Two-way，One-way, One-time。这三种绑定方式与不同Model的关系见下图：TwoWay：controller修改和页面修改，model对象同时改变OneWay：controller里修改Model内容，页面是变化的；但在页面修改（比如某个输入框里）的model，controller里面相应model是不变的OneTime：一次性数据绑定，只在页

SAP UI5是一个重量级的框架，也就是说它定制了很多CSS的样式以及自定义的一些组件，开发时不需要我们额外编写这些CSS属性，为开发节省了很多时间。这里就记录一下系统CSS的使用。预设CSS主要是针对于不同尺寸的Margin和Padding的一个设定。margin常用的有以下四个属性：Full Margin： 控件四周的距离 Single-sided: 上下左右单一方向距离 Two-sided