Fiori/UI5 - 使用WebIDE开发第一个应用
上一章介绍了WebIDE的安装和配置,如果童鞋们有什么问题,可以加我的微信,注明 sapfiori
,我尽量给予解答,当然也可以在文章后面评论,我会定期查看。
接下来,我们使用webIDE来做一个应用,通过使用webIDE提供的模板,这将会变成一件非常简单的事情,当然,要满足以下几个前提:
- Odata Model已经创建好
- Service已经register在gateway server
- 通过浏览器能够访问odata service
让我们正式开始吧
运行 HANA connector
,确定里面注册的系统正常连接

打开webIDE
,我比较习惯使用chrome
,选择file->new->Project from Template

选择Fiori master detail app
, 点next
, 输入project name
, 选择gateway server
,在列出来的service
中选择要使用的odata service

输入project相关信息,定义master页面和detail页面要显示的信息.
Project NameSpace
:随意,根据公司的namespace来定义;
Master Section
以及detail section
如图:

定义navigation section
.
这个用于detail
页面显示不同的iconTabBar
,而odata
的model
却不在相同的entitySet
的时候使用,同时,从主entity
到这个entity
的cascading
要是1:0…1
,在本例中,由于model
不支持,所以不需要定义。
都输入好了之后,点击Next
,Finish
即可.
通过以上几个步骤,这个Application
已经完成,现在我们可以测试了,首先,这个应用还在本地,进行本地测试,webIDE
下可以直接进行,打开创建的项目,选中index.html
,直接运行,测试如下:


如果本地测试没有问题,可以把这个UI5应用
发布到gateway server
上去.
这样就不需要通过HANA connector
以及WebIDE
进行测试,同时可以使用Eclipse
把Server
的程序版本下载到本地,进行后续的编辑。

发布应用
进入deploy
选项,其中选择gateway server
系统,创建一个新的应用,输入名字,描述以及package
,这些定义都是和传统的ABAP开发一样,需要以Y、Z开头,如果想生成TR,需要输入package
名字,否则使用$TMP
.Deploy
会需要1,2分钟,然后就可以直接到gateway server
测试应用了。
本文仅对UI5开发工具
WebIDE
做个简单介绍,至于如何创建odata model
,如果在gateway server
进行配置,将在后续文章中逐一介绍。