Учебники

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

Октябрь 1, 2018

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

Загрузка файлов библиотеки

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

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

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

Sr.No Описание файла
1

ext.js

Это основной файл, который содержит все функции для запуска приложения.

2

Ext-all.js

Этот файл содержит весь свернутый код без комментариев в файле.

3

доб-все-debug.js

Это незавершенная версия ext-all.js для отладки.

4

доб-все-dev.js

Этот файл также не минимизирован и используется для целей разработки, так как содержит все комментарии и журналы консоли для проверки любых ошибок / проблем.

5

Ext-all.js

Этот файл используется в основном для производственных целей, так как он намного меньше, чем любой другой.

ext.js

Это основной файл, который содержит все функции для запуска приложения.

Ext-all.js

Этот файл содержит весь свернутый код без комментариев в файле.

доб-все-debug.js

Это незавершенная версия ext-all.js для отладки.

доб-все-dev.js

Этот файл также не минимизирован и используется для целей разработки, так как содержит все комментарии и журналы консоли для проверки любых ошибок / проблем.

Ext-all.js

Этот файл используется в основном для производственных целей, так как он намного меньше, чем любой другой.

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

Файлы CSS. Существует ряд файлов на основе тем, которые вы можете найти в папке \ 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-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>

Популярные редакторы

Поскольку это JavaScript-фреймворк, который используется для разработки веб-приложений, в нашем проекте у нас будут файлы HTML, JS. Для написания наших программ Ext JS нам понадобится текстовый редактор. Есть даже несколько IDE, доступных на рынке. Но сейчас мы можем рассмотреть один из следующих —

  • Блокнот. На компьютере с Windows вы можете использовать любой простой текстовый редактор, например Блокнот (рекомендуется для этого урока), Блокнот ++, Sublime.

  • Eclipse — это IDE, разработанная сообществом открытого исходного кода eclipse, которую можно скачать по адресу https://www.eclipse.org/ .

Блокнот. На компьютере с Windows вы можете использовать любой простой текстовый редактор, например Блокнот (рекомендуется для этого урока), Блокнот ++, Sublime.

Eclipse — это IDE, разработанная сообществом открытого исходного кода eclipse, которую можно скачать по адресу https://www.eclipse.org/ .

браузер

Ext JS поддерживает кросс-браузерную совместимость, он поддерживает все основные браузеры, такие как —

  • IE 6 и выше
  • Firefox 3.6 и выше
  • Chrome10 и выше
  • Safari 4 и выше
  • Опера 11 и выше

Вы можете использовать любой браузер для запуска приложения Ext JS.

66
Share: