Ext.js - 环境设置

本地环境设置

本节将指导您如何在您的计算机上下载并设置 Ext JS。请按照以下步骤设置环境。

下载库文件

从 Sencha https://www.sencha.com下载 Ext JS 库文件的试用版。您将从您注册的邮件 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>

浏览器

Ext JS 支持跨浏览器兼容性，它支持所有主流浏览器，例如 -

IE 6及以上版本
火狐浏览器 3.6 及以上版本
Chrome10及以上版本
Safari 4 及以上版本
Opera 11 及以上版本

您可以使用任何浏览器来运行 Ext JS 应用程序。

Ext.js - 环境设置

本地环境设置

下载库文件

CDN 设置

热门编辑

浏览器