Sencha Ext JS saat ini adalah kerangka pengembangan aplikasi JavaScript paling canggih di dunia yang mendukung multi-platform dan multi-perangkat. Pertama, mari kita lihat sejarah singkat tentang pengembangan Ext JS.
1 Sejarah Singkat Pengembangan Ext JS
1. Jack Slocum, penulis Yui-Ext, bermaksud untuk menyesuaikan perpustakaan Yahoo User Interface (YUI) berdasarkan protokol BSD, tetapi kemudian ia pernah menaungi ayahnya Yui;
2. Pada akhir 2006, Yui-Ext disederhanakan menjadi ext, mencerminkan kedewasaan dan kemandiriannya sebagai kerangka kerja. Perusahaan ini didirikan pada awal 2007 dan EXT sekarang lisensi ganda, menggunakan LGPL dan lisensi usaha;
3. Pada tanggal 1 April 2007, versi resmi 1.0 dirilis, dan versi saat ini adalah 6.0;
4. Mulai dari 4.0, arsitektur aplikasi gaya MVC/MVVM dan SCSS diperkenalkan;
5. Mulai dari 5.0, browser lama tidak lagi didukung, seperti IE5, 6, 7, dll.;
6. Mulai dari 6.0, Sencha Touch dan EXTJ digabungkan menjadi satu, menunjukkan bahwa pengguna dapat mengembangkan aplikasi yang dapat mendukung desktop dan tablet tradisional atau ponsel.
2 Persiapan Pengembangan
1. Pertama, Anda perlu mengunduh EXT JS SDK, unduh versi resmi Extjs 6.0 SDK GPL https://www.sencha.com/legal/gpl/. Jika Anda memerlukan aplikasi komersial, silakan unduh versi komersial. Unzip ke disk D.
2. Unduh alat sencha. Dengan asumsi bahwa JRE7+ tidak diinstal di sistem Anda, silakan unduh alat sencha dengan versi JRE dan instal dengan sukses.
3 Penciptaan Proyek
1. Buka baris perintah dengan administrator dan gunakan CD /dd:/ext-6.0.0 untuk memasukkan direktori SDK
2. Gunakan sencha -sdk ./ext-6.0.0 untuk menghasilkan perintah -classic cmmpwebui ./cmpwebui perintah untuk membuat aplikasi bernama cmmpwebui berdasarkan versi ext -6.0.0, dengan jalur proyek ./cmpwebui.
Hasilkan file proyek CMPWEBUI di Direktori D: /Ext-6.0.0. Struktur file adalah sebagai berikut:
3. Masukkan file proyek dan gunakan aplikasi Sencha untuk menonton pratinjau proyek. Nomor port adalah 1841 secara default. Jika saat ini tersedia, itu akan bertambah. Di sini port adalah 1842
Masukkan http: // localhost: 1842/di browser untuk melihat pratinjau. Ini berbeda dari apa yang saya harapkan di awal. Ini berisi contoh resmi. Anda dapat mengklik [Lihat contoh] untuk melihatnya.
Jadi di mana proyek yang Anda buat sendiri? Anda dapat memasukkan http: // localhost: 1842/cmpwebui/untuk melihatnya
4. Rilis Proyek, Kompilasi dengan Sencha App Build
Setelah kompilasi selesai, Anda dapat melihat proyek yang diterbitkan di bawah file build di bawah EXT-6.0.0.
5. Ketika proyek IIS dirilis, Anda perlu memperhatikan untuk mengkonfigurasi IIS untuk parse JSON, jika tidak situs web tidak akan dipratinjau.
Ini sebenarnya sangat mudah dijalankan. Selama Anda dapat membuat file *.json diuraikan oleh server web, IIS7 digunakan sebagai contoh.
1) Pasang dukungan ASP IIS7
Panel Kontrol -> Program dan Fitur -> Nyalakan dan Mati Fitur Windows -> Peran -> Tambah Peran Layanan -> Pengembangan Aplikasi -> Pilih ASP
2) Tambahkan jenis mime ke situs web default
Tambahkan-> Ekstensi File adalah JSON, tipe mime adalah teks/json (atau aplikasi/x-javascript juga ok)
3) Instal pemetaan skrip untuk situs web default
Pemetaan Handler -> Tambahkan pemetaan skrip. Jalur permintaan adalah *.json, file yang dapat dieksekusi adalah %windir %/system32/inetsrv/asp.dll, namanya json
4) Tambahkan index.html ke dokumen default
5) Buat Aplikasi Senchatouch di bawah situs web default, yang disebut direktori virtual di bawah IIS6.
6) Pratinjau dengan Chome (IE tidak mendukung)
Setelah konfigurasi selesai, Anda dapat melihat bahwa ada web.config tambahan di folder
Segarkan halaman web:
Artikel di atas Sencha Ext JS 6 Start Quick (harus dibaca) adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.