47333香港财神免费提供

書名： Learning DHTMLX Suite UI
作者名： Eli Geske
本章字數： 209字
更新時間： 2021-07-23 15:40:35

Creating the index.html file>

The application will be accessed through the index.html file located in the root of the application directory. We will set this up now.

In the root of the application directory, add a new file named index.html. This should be accessible from http://localhost/index.html.

Now, add the markup for an HTML5 document and include the external DHTMLX files:

<!DOCTYPE html>
<html lang="en">
   <head>
   <title>Users</title>
   <link href="js/dhtmlx/dhtmlx.css" type="text/css" 
      rel="stylesheet" />  
   <style>
      /* layout css */
      html, body { height: 100%; width: 100%; }
   </style>    
<script src="js/dhtmlx/dhtmlx.js"></script>
<script src="js/application/storage.js"></script>
<script src="js/application/app.js"></script>
   </head>
   <body>    
</body>
</html>

Tip

Downloading the example code

You can download the example code files for all Packt books you have purchased from your account at http://www.packtpub.com. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.

The dhtmlx.css and dhtmlx.js are the only DHTMLX library files necessary to include in the DHTMLX library for use. The storage.js and app.js are where the code for the user management application will be created.

Additional CSS was added that sets the html and body to a height and width of 100%. This will allow the DHTMLX layout component, added later, to stretch and grow when the browser window is resized. We will be adding more CSS here in later chapters.

The following screenshot displays how your final directory structure should appear:

官术网_书友最值得收藏!

Learning DHTMLX Suite UI

Creating the index.html file>

Tip