Ext.js - 环境设置( Environment Setup)

本地环境设置 (Local Environment Setup)

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

下载库文件

从Sencha https://www.sencha.com下载Ext JS库文件的试用版。您将从您的注册邮件ID获取该站点的试用版，该版本将是一个名为ext-6.0.1-trial的压缩文件夹。

解压缩文件夹，您将找到各种JavaScript和CSS文件，您将在我们的应用程序中包含这些文件。我们将主要包括以下文件 -

JavaScript Files - 您可以在\ 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 Files - 有许多基于主题的文件，你可以在文件夹\ 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>

Browser

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

IE 6及以上版本
Firefox 3.6及更高版本
Chrome10及以上版本
Safari 4及以上版本
Opera 11 and above

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

<上一篇.Ext.js - 概述

Ext.js - 命名惯例( Naming Convention).下一篇>

Ext.js - 教程

Ext.js - 概述