本教程的前兩篇文章，我們的 SAP UI5 應用界面里顯示的 Hello World，一直都是通過 div 標簽實現的。

本文作為這個教程的第三個步驟，我們會真正開始接觸 SAP UI5 提供的控件之一：Text.

本步驟使用的源代碼在下面這個鏈接處下載:

https://github.com/wangzixi-diablo/ui5-tutorial

同本教程的前一步驟相比，本步驟的 index.html 和 index.js 文件都增添了一些新的內容。

首先看這個步驟完成后的效果。

瀏覽器打開 index.html, 能看到 Hello world 的字符串，同時鼠標放上去，能看到一個 tooltip：

下面是具體的修改細節。

index.html

步驟1和2里，我們都使用 body 標簽里的 div 標簽，來顯示 Hello world.

但是本步驟里，大家看，body 標簽里包含的 div 標簽內容是空的。同時，該 div 標簽多了一個 id 屬性，內容為 content. 并且有一個 CSS class，名為 sapUiBody. 這個 class 是 SAP UI5 標準的 CSS 庫提供的，稍后我們會查看這個 class 實現了什么樣的視覺效果。

總結

以上是生活随笔為你收集整理的SAP UI5 应用开发教程之三：开始接触第一个 SAP UI5 控件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。