ExtJS教程

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文件是 :

Sr.No	文件&说明
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 \ buildd \ classclassic \ 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>