Single Page UI

Since our application is a single page UI, it has a bootstrap page. Let us refer to it as the main page. The top and bottom parts of the HTML page are constructed using the information above and not required to be the parts of the main page file. Therefore, our main page merely refers to the content HTML. If our page is a “Hello World” message, the main page file could merely read as follows:

<div><h1>Hello World</h1></div>

The runtime application server would construct a valid HTML file with the top part (head + CSS files links), body and the bottom part (JS files links) as follows.

<html>
<header>
  ... Constructed using metatags declared in JSON file ...
  ... CSS files are included from the txt file ...
</header>

<body>

  ... constucted using page html template ...
  ... in our example, it would look like ...
  <div><h1>Hello World</h1></div>

</body>
  ... JS files are included from the txt file ...
</html>