IT干货网

UI5-文档-4.1-Hello World!

flyfish 2022年03月09日 SAP 148 0

如你所知,SAPUI5是关于HTML5的。让我们开始构建第一个仅使用HTML的“Hello World”。

Preview

 

浏览器显示文本“Hello World”

Coding

你可以在此查看和下载所有文件Walkthrough - Step 1.

webapp/index.html (New)

<!DOCTYPE html > 
 
<html> 
 
   <head> 
 
      <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
      <meta charset="utf-8"> 
 
      <title>Walkthrough</title> 
 
   </head> 
 
   <body> 
 
      <p>Hello World</p> 
 
   </body> 
 
</html>

现在创建一个名为index的新根HTML文件。应用程序文件夹中的html。HTML文档基本上由两个部分组成:头和正文。头部分将被浏览器用来处理文档。使用meta标签,我们可以影响浏览器的行为。创建一个新的文件夹webapp,它将包含我们将在本教程中创建的所有应用程序的源代码。因此,我们将该文件夹称为“app文件夹”。

在这种情况下,我们将告诉Microsoft Internet Explorer使用最新的呈现引擎(edge),文档字符集将是UTF-8。我们还将给我们的应用程序一个标题,将显示在浏览器中。请注意,我们的硬编码标题可能被应用程序所覆盖,例如以用户的语言显示标题。

正文部分描述了页面的布局。在我们的例子中,我们只是使用p标记显示“Hello World”。

<br>提示<br><div class="br-height"></div>通常,webapp文件夹的内容作为应用程序包部署到Web服务器。当部署webapp文件夹本身时,访问index.html文件的URL包含在webapp路径中。

Conventions

命名应用程序的根HTML文件index.html 在webapp文件夹中找到它。


Parent topic: Walkthrough


Next: Step 2: Bootstrap


评论关闭
IT干货网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

UI5-文档-4-Walkthrough