Ext.js - Konfiguracja środowiska

Konfiguracja środowiska lokalnego

Ta sekcja zawiera instrukcje pobierania i konfigurowania Ext JS na twoim komputerze. Postępuj zgodnie z instrukcjami, aby skonfigurować środowisko.

Pobieranie plików biblioteki

Pobierz wersję próbną plików bibliotek Ext JS ze strony Sencha https://www.sencha.com. Otrzymasz wersję próbną z witryny na swój zarejestrowany identyfikator poczty, który będzie spakowanym folderem o nazwie ext-6.0.1-trial.

Rozpakuj folder, a znajdziesz różne pliki JavaScript i CSS, które umieścisz w naszej aplikacji. Przeważnie uwzględnimy następujące pliki -

JavaScript Files - Plik JS, który można znaleźć w folderze \ ext-6.0.1-trial \ ext6.0.1 \ build to -

Sr.No	Opis pliku
1	ext.js Jest to plik podstawowy, który zawiera wszystkie funkcje potrzebne do uruchomienia aplikacji.
2	ext-all.js Ten plik zawiera cały zminimalizowany kod bez komentarzy w pliku.
3	ext-all-debug.js To jest niezminifikowana wersja ext-all.js do celów debugowania.
4	ext-all-dev.js Ten plik jest również niezminifikowany i służy do celów programistycznych, ponieważ zawiera wszystkie komentarze i dzienniki konsoli do sprawdzania wszelkich błędów / problemów.
5	ext-all.js Ten plik jest używany głównie do celów produkcyjnych, ponieważ jest znacznie mniejszy niż jakikolwiek inny.

Możesz dodać te pliki do folderu JS projektów lub możesz podać bezpośrednią ścieżkę do lokalizacji pliku w systemie.

CSS Files - Istnieje wiele plików opartych na motywach, które można znaleźć w folderze \ ext6.0.1-trial \ ext-6.0.1 \ build \ classic \ theme-classic \ resources \ theme-classic-all.css

Jeśli zamierzasz używać aplikacji komputerowej, możesz użyć klasycznych motywów w folderze \ ext-6.0.1-trial \ ext-6.0.1 \ build \ classic
Jeśli mamy zamiar korzystać z aplikacji mobilnej, możesz użyć nowoczesnych motywów, które można znaleźć w folderze \ ext-6.0.1-trial \ ext-6.0.1 \ build \ modern

Następujące pliki bibliotek zostaną dodane w aplikacji 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>

Kod aplikacji ExtJS zostanie zachowany w pliku app.js.

Konfiguracja CDN

CDN to sieć dostarczania treści, za pomocą której nie musisz pobierać plików biblioteki Ext JS, zamiast tego możesz bezpośrednio dodać łącze CDN do ExtJS do swojego programu w następujący sposób -

<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>

Popularni redaktorzy

Ponieważ jest to framework JavaScript, który służy do tworzenia aplikacji internetowych, w naszym projekcie będziemy mieć pliki HTML, JS. Aby napisać nasze programy Ext JS, będziemy potrzebować edytora tekstu. Na rynku dostępnych jest nawet wiele IDE. Ale na razie możemy rozważyć jedną z następujących -

Notepad - Na komputerze z systemem Windows możesz użyć dowolnego prostego edytora tekstu, takiego jak Notatnik (zalecany w tym samouczku), Notepad ++, sublime.
Eclipse - Jest to IDE opracowane przez społeczność open source eclipse i można je pobrać z witryny https://www.eclipse.org/.

Przeglądarka

Ext JS obsługuje kompatybilność z różnymi przeglądarkami, obsługuje wszystkie główne przeglądarki, takie jak -

IE 6 i nowsze
Firefox 3.6 i nowsze
Chrome10 i nowsze
Safari 4 i nowsze
Opera 11 i nowsze

Możesz użyć dowolnej przeglądarki do uruchomienia aplikacji Ext JS.