Ext.js - Pengaturan Lingkungan

Pengaturan Lingkungan Lokal

Bagian ini memandu Anda tentang cara mengunduh dan menyiapkan Ext JS di komputer Anda. Harap ikuti langkah-langkah untuk menyiapkan lingkungan.

Mendownload File Perpustakaan

Unduh versi uji coba berkas pustaka Ext JS dari Sencha https://www.sencha.com. Anda akan mendapatkan versi uji coba dari situs pada id email terdaftar Anda, yang akan berupa folder zip bernama ext-6.0.1-trial.

Buka zip folder dan Anda akan menemukan berbagai file JavaScript dan CSS, yang akan Anda masukkan ke dalam aplikasi kami. Kami sebagian besar akan menyertakan file-file berikut -

JavaScript Files - File JS yang dapat Anda temukan di bawah folder \ ext-6.0.1-trial \ ext6.0.1 \ build adalah -

Sr Tidak	Deskripsi berkas
1	ext.js Ini adalah file inti yang berisi semua fungsi untuk menjalankan aplikasi.
2	ext-all.js File ini berisi semua kode yang diperkecil tanpa komentar di dalam file.
3	ext-all-debug.js Ini adalah versi ext-all.js yang tidak diminimalkan untuk tujuan debugging.
4	ext-all-dev.js File ini juga tidak diminimalkan dan digunakan untuk tujuan pengembangan karena berisi semua komentar dan log konsol untuk memeriksa kesalahan / masalah apa pun.
5	ext-all.js File ini digunakan untuk tujuan produksi karena ukurannya jauh lebih kecil daripada yang lain.

Anda dapat menambahkan file-file ini ke folder JS proyek Anda atau Anda dapat memberikan jalur langsung tempat file tersebut berada di sistem Anda.

CSS Files - Ada sejumlah file berbasis tema, yang dapat Anda temukan di folder \ ext6.0.1-trial \ ext-6.0.1 \ build \ classic \ theme-classic \ resources \ theme-classic-all.css

Jika Anda akan menggunakan aplikasi desktop, maka Anda dapat menggunakan tema klasik di bawah folder \ ext-6.0.1-trial \ ext-6.0.1 \ build \ classic
Jika kita akan menggunakan aplikasi seluler, maka Anda dapat menggunakan tema modern yang dapat ditemukan di folder \ ext-6.0.1-trial \ ext-6.0.1 \ build \ modern

File perpustakaan berikut akan ditambahkan dalam aplikasi 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>

Anda akan menyimpan kode aplikasi ExtJS di file app.js.

Pengaturan CDN

CDN adalah jaringan pengiriman konten yang Anda tidak perlu mengunduh file pustaka Ext JS, sebagai gantinya Anda dapat langsung menambahkan tautan CDN untuk ExtJS ke program Anda sebagai berikut -

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

Editor Populer

Karena ini adalah kerangka kerja JavaScript, yang digunakan untuk mengembangkan aplikasi web, dalam proyek kami, kami akan memiliki file HTML, JS. Untuk menulis program Ext JS kita, kita membutuhkan editor teks. Bahkan ada banyak IDE yang tersedia di pasaran. Tetapi untuk saat ini, kita dapat mempertimbangkan salah satu dari yang berikut -

Notepad - Pada mesin Windows, Anda dapat menggunakan editor teks sederhana seperti Notepad (Disarankan untuk tutorial ini), Notepad ++, sublim.
Eclipse - Ini adalah IDE yang dikembangkan oleh komunitas open-source eclipse dan dapat diunduh dari https://www.eclipse.org/.

Browser

Ext JS mendukung kompatibilitas lintas-browser, mendukung semua browser utama seperti -

IE 6 ke atas
Firefox 3.6 dan yang lebih baru
Chrome10 ke atas
Safari 4 ke atas
Opera 11 ke atas

Anda dapat menggunakan browser apa saja untuk menjalankan aplikasi Ext JS.