如你所知,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

posted on 2018-12-11 13:55  ricoo  阅读(405)  评论(0编辑  收藏  举报