原创 Fiori學習筆記 - $batch 批處理的使用

前端開發一定會有請求服務的情況,很多人也都遇到過一個頁面需要調用多個服務的需求。在Angular框架中,批處理可以通過JS等其他框架的處理方式,而在SAP Fiori對batch做了深度的封裝。batch批處理是將多個單一服務請求

原创 ABAP 知識點總結

1. 定義成常量 -- 定義成常量後,後續的程序不可對其更改     CONTANTS gv_flag value 'X'. 2. 創建固定小數位的小數    DATA: gv_decimal TYPE P DECIMALS 2. 3.

原创 常用Transaction Code - ABAP

在SAP GUI 當中不可避免的要使用各種tcode,即Transaction Code。 下面列舉出一些ABAP開發常用的tcode供大家參考使用。 SE38 - program SE11 - 數據字典 SE16 - 可以查看數據庫表的

原创 npm小結

隨着一系列基於nodes的應用/工具的出現,nodejs的使用也越來越廣泛。無論在node應用的開發,還是使用中,包管理都扮演着一個很重要的作用。NPM(node package manager),作爲node的包管理工具,極大地便利了我

原创 Fiori學習筆記 - 預定義CSS的應用

SAP UI5是一個重量級的框架,也就是說它定製了很多CSS的樣式以及自定義的一些組件,開發時不需要我們額外編寫這些CSS屬性,爲開發節省了很多時間。這裏就記錄一下系統CSS的使用。預設CSS主要是針對於不同尺寸的Margin和Paddi

原创 Fiori學習筆記 - 事件之自定義事件

Fiori 的事件處理除去常用控件的一些使用,不得不提的還有自定義事件。目前所接觸到的自定義事件多數用於,在detail頁面觸發某個方法後更新list頁面的數據。個人覺得自定義事件的定義、觸發等使用還是十分便利的。 首先要定義下自定義事件

原创 Fiori學習筆記 - 事件之常用控件

在Fiori開發過程中,CheckBox、Select,List控件會經常用到,本文記錄了這三種控件的事件定義、觸發的用法。 view <mvc:View controllerName="demo.eventDemoCase.contr

原创 Eslint代碼檢查

最近一段時間在做React開發,由於初次接觸React前端框架,很多東西都不瞭解,所以沿用了公司React的開發模板。 完成項目架構搭建之後,上傳代碼到git上的時候,卻一直是上傳失敗。 Webstorm裏的 Event Log 窗口給出

原创 Fiori學習筆記 - i18n多語言

SAP UI5 作爲一個國際化的開發框架,支持不同語言、語種也是十分重要的。多語言在SAP UI5框架中,定義是比較完善的,可以在view上直接綁定,也可以在controller裏獲取調用,使用起來也是很方便的。 多語言,即 i18n。i

原创 前端整理(一)

1. CSS display:none和visibility:hidden的區別 visibility:hidden–爲隱藏的對象保留其物理空間 HTML元素(對象)僅僅是在視覺上看不見(完全透明),而它所佔據的空間位置仍然存在。 -

原创 Angular5學習筆記(二)- 路由

在瞭解了demo的應用啓動過程之後,繼續學習Angular5的路由使用。 在這個demo中,最顯而易見的路由切換就是 Home 和 Heroes List,這兩個button在頁面上方NAV中。   從HTML頁面代碼可以看出,這兩個bu

原创 Fiori學習筆記 - 調試工具

本文記錄了兩種基於Chrome的項目調試方式: Chrome打開項目, shift+ctrl+alt+s 打開SAPUI5診斷工具 Eclipse開發debug加載的是本地的庫,速度相對較快 Web ide的話加載速度就比較慢了 UI5

原创 Fiori學習筆記 - OData介紹和應用(二)

接着上一篇文章繼續寫一下OData的具體應用。 OData可以直接綁定到頁面的entity set,很方便。 Controller: var odataModel = new sap.ui.model.odata.v2.ODataMode

原创 Fiori學習筆記 - 數據綁定

Fiori數據綁定有三種方式: Two-way,One-way, One-time。這三種綁定方式與不同Model的關係見下圖: TwoWay:controller修改和頁面修改,model對象同時改變 OneWay:controll

原创 Angular5學習筆記(一)

今天剛剛開始接觸Angular5, 大概看了一下API, 有了初步的認識之後,就要從項目代碼開始看起了,這樣對Angular5的整體架構有更直觀的認識。於是從Git上找了一個demo,clone下來之後看一下項目的結構和運行原理。 Ref