位置:首页 > > 创建第一个OpenUI5应用

创建第一个OpenUI5应用

按照传统,我们需要写一个能够输出 Hello World 的应用作为第一个应用。

/webapps/下新建一个目录,叫ex1或者任意你喜欢的名字,然后新建一个文件index.html,把下面的代码贴入。




    
    
    SAPUI5 in 20 Seconds
    
    

    
    



    
    

这个例子在SDK文档中在UI Development Toolkit for HTML(OpenUI5) -> Get Started -> Tutorials -> Create Your First OpenUI5 Application。这里是相同的拷贝,只是对于 UI5库的定位稍作改动,定位到我们自己的本地资源中。如果你之前没有下载完整的SDK, 而是只下载了运行时环境,那么只要把resource这个目录放在当前的项目目录中,比如ex1/resources,然后把以上这段代码

src="http://localhost:8080/openui5/resources/sap-ui-core.js" 

换成下面的即可。

src="./resources/sap-ui-core.js" 

好了,现在我们打开 http://localhost:8080/ex1 你将会看到以下:

Figure 5: 第一个练习Hello World

如果你看到上面的界面,恭喜你,我们完成了这趟UI5之旅的第一步。

今天就到这里吧,在下篇中,我们将会探究我们写的这段短短的代码具体是什么意思。