首页 > SAP > HANA > SMP3.0学习笔记之十 使用Kapsel EncryptedStorage插件以及GET/POST对OData服务进行操 …
2019
08-27

SMP3.0学习笔记之十 使用Kapsel EncryptedStorage插件以及GET/POST对OData服务进行操 …

Kapsel
EncryptedStorage
Plugin的作用:以加密的形式将数据存储到移动设备端,使用API可以存储、读取其中的数据。例如,将数据存储在EncryptedStorage中:

storage.setItem(key,

value,

storageSuccessCallback,

storageErrorCallback);

将数据从EncryptedStrage读取数据:

storage.getItem(airlineDataKey,

function(value) {airlineData = JSON.parse(value);},

storageErrorCallback);

结合SAP
UI5的SDK,使用GET或者POST方法读取、修改OData服务的数据。例如,如下的UI:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124626-57.jpg" alt="SMP3.0学习笔记之十使用KapselEncryptedStorage插件以及GET/POST对OData服务进行操作” />

当点击一个航空公司时,触发getFlights方法可以获取该行空公司的航班信息:

getFlights :
function
(carrid)
{

// Get a reference to the view and the list template


var

view = sap.ui.getCore().byId(“flights”);


var

oTemplate = view.getTemplate();

// Get a reference to the list and set the model


var

oList = sap.ui.getCore().byId(“FlList”);

oList.setModel(oModel);

// Bind the carrierFlights items and template

oList.bindItems(“/CarrierCollection(‘”

+ carrid +
“‘)/carrierFlights”,
oTemplate,
null
,

null
);

app.to(“flights”);

}

flights的view定义如下:

sap.ui.jsview(“app.flights”,
{

oTemplate :
new

sap.m.CustomListItem({

type : sap.m.ListType.Navigation,

press :
function
(evt)
{


var

cont = sap.ui.getCore().byId(“flights”).getController();

cont.getDetails(evt,
this
.getModel());

},

content : [
new

sap.m.FlexBox({

items : [
new

sap.m.HBox({

justifyContent :
“Start”,

width :
“50%”,

items : [
new

sap.m.Text({

text :
“{flightDetails/cityFrom}”

}) ]

}),
new

sap.m.HBox({

justifyContent :
“End”,

width :
“50%”,

items : [
new

sap.m.Text({

text :
“{flightDetails/cityTo}”

}) ]

})

]

}),
new

sap.m.FlexBox({

items : [
new

sap.m.Text({

text : {

path :
“fldate”,

type : oDateTime

}

}) ]

}) ]

}),

getControllerName :
function
()
{


return

“app.flights”;

},

getTemplate :
function
()
{


return

this
.oTemplate;

},

createContent :
function
(oController)
{


var

list =
new

sap.m.List(“FlList”,
{

items : [

]

});


return

new

sap.m.Page({

showNavButton :
true
,

navButtonText :
“Back”,

navButtonPress :
function
()
{

app.back();

},

title :
“Flights”,

content : [ list ]

});

}

});

航班信息的UI长这个样子:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124626-16.jpg" alt="SMP3.0学习笔记之十使用KapselEncryptedStorage插件以及GET/POST对OData服务进行操作” />

还可以使用POST方法修改数据,这里略去不表。

最后编辑:
作者:yangsen
本站为个人博客网站,全由我个人维护,我从事SAP开发13年,其它ERP开发7年,基本都是零售行业。本站记录工作学习的过程, 有SAP相关询问专、兼职工作可随时联系我。 有网站相关的问题可直接在文章下方留言,或者联系我。 邮件:yan252@163.com给我。 QQ:415402519

留下一个回复

你的email不会被公开。