Sencha Touch - 环境

本地环境设置

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

下载库文件

从以下链接下载 Sencha Touch 库文件的商业版本https://www.sencha.com。您将从您注册的邮件 ID 上的网站获得试用版，该试用版将是一个名为 sencha-touch-2.4.2-commercial 的压缩文件夹。

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

Javascript 文件- 您可以在文件夹 \sencha-touch-2.4.2commercial\touch-2.4.2 下找到的 JS 文件是 -

先生编号	文件描述
1	sencha-touch.js 这是核心文件，包含运行应用程序的所有功能。
2	sencha-touch-all.js 该文件包含所有缩小的代码，文件中没有注释。
3	sencha-touch-debug.js 这是用于调试目的的 sencha-touch-all.js 的未缩小版本。
4	sencha-touch-all-debug.js 该文件也是未缩小的，用于开发目的，因为它包含所有注释和控制台日志以检查任何错误/问题。

您可以将这些文件添加到项目 JS 文件夹中，也可以提供文件驻留在系统中的直接路径。

CSS 文件- 您可以在文件夹 I:\sencha touch\sencha-touch-2.4.2-commercial\touch-2.4.2\resources\css\sencha-touch.css 下找到许多基于主题的文件

这些库文件将添加到 Sencha Touch 应用程序中，如下所示 -

<html>
   <head>
      <script type = "text/javascript" src = "../sencha-touch-2.4.2-commercial/touch-2.4.2/sencha-touch-all.js"></script>  
      <link href = "../sencha-touch-2.4.2-commercial/touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
      <script type ="text/javascript" src = "app.js" > </script> 
   </head>
</html>

您可以将 Sencha Touch 应用程序代码保存在 app.js 文件中。

CDN 设置

CDN 是内容分发网络，您无需下载 Sencha Touch 库文件，而是可以直接将 ExtJS 的 CDN 链接添加到您的程序中，如下所示 -

<html>
   <head>
      <script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script>    
      <link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel="stylesheet" />
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>

Sencha Touch - 环境

本地环境设置

下载库文件

CDN 设置

热门编辑