Ext.js - Thiết lập môi trường

Thiết lập môi trường cục bộ

Phần này hướng dẫn bạn cách tải xuống và thiết lập Ext JS trên máy của bạn. Vui lòng làm theo các bước để thiết lập môi trường.

Tải xuống tệp thư viện

Tải xuống phiên bản dùng thử của tệp thư viện Ext JS từ Sencha https://www.sencha.com. Bạn sẽ nhận được phiên bản dùng thử từ trang web trên id thư đã đăng ký của mình, đây sẽ là một thư mục nén có tên là ext-6.0.1-trial.

Giải nén thư mục và bạn sẽ tìm thấy các tệp JavaScript và CSS khác nhau mà bạn sẽ đưa vào ứng dụng của chúng tôi. Chúng tôi chủ yếu sẽ bao gồm các tệp sau:

JavaScript Files - Tệp JS mà bạn có thể tìm thấy trong thư mục \ ext-6.0.1-trial \ ext6.0.1 \ build là -

Sr.No	Mô tả tập tin
1	ext.js Đây là tệp cốt lõi chứa tất cả các chức năng để chạy ứng dụng.
2	ext-all.js Tệp này chứa tất cả mã được rút gọn và không có chú thích nào trong tệp.
3	ext-all-debug.js Đây là phiên bản không hợp nhất của ext-all.js cho mục đích gỡ lỗi.
4	ext-all-dev.js Tệp này cũng chưa được xác minh và được sử dụng cho mục đích phát triển vì nó chứa tất cả các nhận xét và nhật ký bảng điều khiển để kiểm tra bất kỳ lỗi / sự cố nào.
5	ext-all.js Tệp này chủ yếu được sử dụng cho mục đích sản xuất vì nó nhỏ hơn nhiều so với bất kỳ tệp nào khác.

Bạn có thể thêm các tệp này vào thư mục JS dự án của mình hoặc bạn có thể cung cấp một đường dẫn trực tiếp nơi tệp đó nằm trong hệ thống của bạn.

CSS Files - Có một số tệp dựa trên chủ đề mà bạn có thể tìm thấy trong thư mục \ ext6.0.1-trial \ ext-6.0.1 \ build \ classic \ theme-classic \ resources \ theme-classic-all.css

Nếu bạn định sử dụng ứng dụng dành cho máy tính để bàn, thì bạn có thể sử dụng các chủ đề cổ điển trong thư mục \ ext-6.0.1-trial \ ext-6.0.1 \ build \ classic
Nếu chúng ta sử dụng ứng dụng dành cho thiết bị di động, thì bạn có thể sử dụng các chủ đề hiện đại có thể tìm thấy trong thư mục \ ext-6.0.1-trial \ ext-6.0.1 \ build \ modern

Các tệp thư viện sau sẽ được thêm vào ứng dụng 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>

Bạn sẽ giữ mã ứng dụng ExtJS trong tệp app.js.

Thiết lập CDN

CDN là mạng phân phối nội dung mà bạn không cần tải xuống các tệp thư viện Ext JS, thay vào đó bạn có thể thêm trực tiếp liên kết CDN cho ExtJS vào chương trình của mình như sau:

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

Biên tập viên phổ biến

Vì nó là một khung công tác JavaScript, được sử dụng để phát triển các ứng dụng web, trong dự án của chúng tôi, chúng tôi sẽ có các tệp HTML, JS. Để viết các chương trình Ext JS của chúng tôi, chúng tôi sẽ cần một trình soạn thảo văn bản. Thậm chí có nhiều IDE có sẵn trên thị trường. Nhưng hiện tại, chúng ta có thể xem xét một trong những điều sau:

Notepad - Trên máy Windows, bạn có thể sử dụng bất kỳ trình soạn thảo văn bản đơn giản nào như Notepad (Đề xuất cho hướng dẫn này), Notepad ++, sublime.
Eclipse - Nó là một IDE được phát triển bởi cộng đồng nguồn mở eclipse và có thể được tải xuống từ https://www.eclipse.org/.

Trình duyệt

Ext JS hỗ trợ khả năng tương thích trên nhiều trình duyệt, nó hỗ trợ tất cả các trình duyệt chính như -

IE 6 trở lên
Firefox 3.6 trở lên
Chrome10 trở lên
Safari 4 trở lên
Opera 11 trở lên

Bạn có thể sử dụng bất kỳ trình duyệt nào để chạy ứng dụng Ext JS.