Ext.js - 環境設定

本地環境設定

本節指導您如何在您的機器上下載和設定 Ext JS。請按照步驟設定環境。

下載庫檔案

從 Sencha 下載 Ext JS 庫檔案的試用版本 https://www.sencha.com。您將在註冊的郵件 ID 上收到網站上的試用版本，它將是一個名為 ext-6.0.1-trial 的壓縮資料夾。

解壓縮資料夾，您將找到各種 JavaScript 和 CSS 檔案，您將在我們的應用程式中包含這些檔案。我們主要包含以下檔案 -

JavaScript 檔案 - 您可以在 \ext-6.0.1-trial\ext6.0.1\build 資料夾下找到的 JS 檔案為 -

序號	檔案及描述
1	ext.js 這是包含執行應用程式所有功能的核心檔案。
2	ext-all.js 此檔案包含所有程式碼，已進行壓縮，檔案中沒有註釋。
3	ext-all-debug.js 這是 ext-all.js 的未壓縮版本，用於除錯目的。
4	ext-all-dev.js 此檔案也未壓縮，用於開發目的，因為它包含所有註釋和控制檯日誌，以檢查任何錯誤/問題。
5	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 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 庫檔案，而是可以直接將 ExtJS 的 CDN 連結新增到您的程式中，如下所示 -

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

流行的編輯器

由於它是一個用於開發 Web 應用程式的 JavaScript 框架，因此在我們的專案中我們將有 HTML、JS 檔案。要編寫我們的 Ext JS 程式，我們需要一個文字編輯器。市場上甚至有多個 IDE 可用。但目前，我們可以考慮以下其中之一 -

記事本 - 在 Windows 機器上，您可以使用任何簡單的文字編輯器，例如記事本（本教程推薦）、Notepad++、sublime。
Eclipse - 它是由 Eclipse 開源社群開發的 IDE，可以從 https://www.eclipse.org/ 下載。

瀏覽器

Ext JS 支援跨瀏覽器相容性，它支援所有主要瀏覽器，例如 -

IE 6 及更高版本
Firefox 3.6 及更高版本
Chrome 10 及更高版本
Safari 4 及更高版本
Opera 11 及更高版本

您可以使用任何瀏覽器執行 Ext JS 應用程式。

列印頁面