Ext.js - Настройка среды

Настройка локальной среды

В этом разделе рассказывается, как загрузить и настроить Ext JS на вашем компьютере. Пожалуйста, следуйте инструкциям по настройке среды.

Скачивание файлов библиотеки

Загрузите пробную версию файлов библиотеки Ext JS с Sencha https://www.sencha.com. Вы получите пробную версию с сайта на свой зарегистрированный почтовый идентификатор, который будет представлять собой заархивированную папку с именем ext-6.0.1-trial.

Разархивируйте папку, и вы найдете различные файлы JavaScript и CSS, которые вы включите в наше приложение. В основном мы будем включать следующие файлы -

JavaScript Files - JS-файл, который вы можете найти в папке \ ext-6.0.1-trial \ ext6.0.1 \ build, - это

Старший Нет	Описание файла
1	ext.js Это основной файл, который содержит все функции для запуска приложения.
2	ext-all.js Этот файл содержит весь минимизированный код без комментариев в файле.
3	ext-all-debug.js Это унифицированная версия ext-all.js для отладки.
4	ext-all-dev.js Этот файл также не минифицирован и используется для целей разработки, поскольку он содержит все комментарии и журналы консоли для проверки любых ошибок / проблем.
5	ext-all.js Этот файл используется в основном в производственных целях, поскольку он намного меньше любого другого.

Вы можете добавить эти файлы в папку JS вашего проекта или указать прямой путь, по которому файл находится в вашей системе.

CSS Files - Есть несколько тематических файлов, которые вы можете найти в папке \ ext6.0.1-trial \ ext-6.0.1 \ build \ classic \ theme-classic \ resources \ theme-classic-all.css.

Если вы собираетесь использовать настольное приложение, то вы можете использовать классические темы в папке \ ext-6.0.1-trial \ ext-6.0.1 \ build \ classic.
Если мы собираемся использовать мобильное приложение, то вы можете использовать современные темы, которые находятся в папке \ ext-6.0.1-trial \ ext-6.0.1 \ build \ modern.

Следующие файлы библиотеки будут добавлены в приложение Ext JS.

<html>
   <head>
      <link rel = "stylesheet" type = "text/css" 
         href = "..\ext-6.0.1-trial\ext-6.0.1\build\classic\theme-classic\resources\theme-classic-all.css" />
      <script type = "text/javascript" 
         src = "..\ext-6.0.1-trial\ext-6.0.1\build\ext-all.js" > </script>
      <script type = "text/javascript" src = "app.js" > </script>
   </head>
</html>

Вы сохраните код приложения ExtJS в файле app.js.

Настройка CDN

CDN - это сеть доставки контента, с которой вам не нужно загружать файлы библиотеки Ext JS, вместо этого вы можете напрямую добавить ссылку CDN для ExtJS в свою программу следующим образом:

<html>
   <head>
      <link rel = "stylesheet" type = "text/css" 
         href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-crisp/resources/theme-crisp-all.css" / >
      <script type = "text/javascript" 
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"> </script>
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>