ExtJS教程

Ext.js 环境设置

本地环境设置

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

下载库文件

从 Sencha 下载 Ext JS 库文件的试用版 https://www。 sencha.com。您将通过注册邮件 ID 从站点获得试用版,该 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\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>
您将在 app.js 文件中保留 ExtJS 应用程序代码。

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>

热门编辑

由于它是一个 JavaScript 框架,用于开发 Web 应用程序,因此在我们的项目中我们将有 HTML、JS 文件。为了编写我们的 Ext JS 程序,我们需要一个文本编辑器。市场上甚至有多种 IDE 可用。但现在,我们可以考虑以下之一-
Notepad-在 Windows 机器上,您可以使用任何简单的文本编辑器,例如 Notepad(本教程推荐)、Notepad++、sublime。 Eclipse-它是由 Eclipse 开源社区开发的 IDE,可以从 https://www.eclipse.org/。

浏览器

Ext JS 支持跨浏览器兼容性,它支持所有主流浏览器,例如-
IE 6 及更高版本 Firefox 3.6 及更高版本 Chrome10 及更高版本 Safari 4 及更高版本 Opera 11 及更高版本
您可以使用任何浏览器来运行 Ext JS 应用程序。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4