Sencha-命令-CMD(工作区)(官网文档翻译31)

本文介绍如何利用Sencha Cmd的‘工作区’功能,简化大型多页面应用的开发流程,实现代码共享并自动执行常见任务。通过创建工作区和生成页面,开发者能更有效地组织代码,利用Ant集成提升构建效率,并通过配置属性控制构建过程。共享代码的策略进一步优化了资源管理,使得构建和维护复杂应用变得更加便捷。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本指南介绍了如何使用新的煎茶Cmd的工作区功能建设的大型应用程序使用多个页面。此功能可让,煎茶Cmd的理解和使用您的应用程序的各个页面的共享代码的网页,框架,。这使得煎茶cmd来自动执行许多常见任务。

建立一个大型的应用程序的过程开始建立一个单页的应用程序的过程一样。学习功能的大型应用程序的工作区之前,一定要了解煎茶Cmd的基础知识,通过阅读 使用Sencha Cmd的

关于术语的说明。煎茶框架为基础的应用程序,它采用MVC架构,请致电Ext.application的代码树的顶部。这可能会造成混淆,因为框架使用的术语“应用程序”来形容的每一页。在单页面的应用程序,这些条款是可以互换的。当你的应用涉及多个页面,但是,这是没有的情况下。本指南使用“页面”在大多数情况下,因为在这种情况下,更加贴合。

什么是工作区?

煎茶Cmd的V3是新的“工作区”的概念。工作区是一个简单的文件夹,其中包含一个或多个页面,框架和其他共享代码或文件。应选择工作区根目录文件夹的位置,以方便应用程序的页面,共享代码和框架位置的需求。所有生成的页面应该驻留在工作区文件夹的子文件夹中。虽然不是必需的,这是通常的情况下,工作区文件夹的根文件夹中的源代码管理系统信息库中。

您的网页在一个工作区中的确切组织并不重要,煎茶Cmd的。然而,为了简单起见,例子在本指南中创建的所有页面的直接子文件夹的工作区。

生成工作区

要生成一个工作区,使用这个命令:

sencha generate workspace /path/to/workspace

这将创建在指定的文件夹下面的结构。

sencha/# Sencha-specific files (e.g. configuration)
    workspace/# Workspace-specific content (see below)
        sencha.cfg      # Configuration file for Sencha Cmd
        plugin.xml      # Plugin for Sencha Cmd
煎茶/ #的煎茶特定文件(如配置)
    工作区/ #工作区的具体内容(见下文)
        煎茶CFG       #配置文件煎茶Cmd的
        插件XML       #插件
 

上面的目录结构应该是熟悉的,因为它是在使用Sencha Cmd的结构的一部分 。然而,在这种情况下,只有“.sencha /工作区”的文件夹被创建。

生成页面

一旦你有一个工作区,生成页面(“应用程序”)和以前一样:

sencha -sdk /path/to/ext generate app ExtApp/path/to/workspace/extApp

您还可以生成煎茶触摸应用程序在相同的工作区:

sencha -sdk /path/to/touch generate app TouchApp/path/to/workspace/touchApp

这些生成的页面,因为目标是在工作区中,下面的结构将被创建(这是一个单页的应用程序相比略有不同):

.sencha/# Sencha-specific files (e.g. configuration)
    workspace/# Workspace-specific content (see below)
        sencha.cfg          # Configuration file for Sencha Cmd
        plugin.xml          # Plugin for Sencha Cmd

ext/# A copy of the Ext JS SDK...

touch/# A copy of the Sencha Touch SDK...

extApp/.sencha/# Sencha-specific files (e.g. configuration)
        app/# Application-specific content
            sencha.cfg      # Configuration file for Sencha Cmd

touchApp/.sencha/# Sencha-specific files (e.g. configuration)
        app/# Application-specific content
            sencha.cfg      # Configuration file for Sencha Cmd

build/# The folder where build output is placed.
    extApp/# Build output for ExtApp...
    touchApp/# Build output for TouchApp (by environment)native/package/
        production/
        testing/
煎茶/ #的煎茶特定文件(如配置)
    工作区/ #工作区的具体内容(见下文)
        煎茶CFG           #配置文件煎茶Cmd的
        插件XML           ... 

触摸/ #煎茶触摸SDK的副本... 

extApp / 。的煎茶特定文件(如配置)
        的应用程序/ 应用的具体内容
            煎茶CFG       配置文件,煎茶Cmd的

touchApp / 煎茶/ #煎茶特定的文件(如配置)
        的应用程序/ 应用的具体内容
            煎茶CFG       配置文件的煎茶Cmd的

构建/ #文件夹中建立输出放置。
    extApp / #构建输出为ExtApp ... 
    touchApp / #生成输出为TouchApp(环境)的本地/ / 
        生产/ 
        测试/
 

为了产生更多的页面,重复上面的命令。请参阅相应的框架的 使用Sencha Cmd的指南的详细信息。

建立网页

建立一个多应用程序的每个页面的过程是从相应的文件夹中运行此命令:

sencha app build

为了提高效率,你可以创建一个脚本,这个过程,也许使用煎茶CMD的 Ant集成

组态

配置中的描述使用Sencha Cmd的是类似的。“.sencha /应用程序/ sencha.cfg的”保存配置的一个页面(“APP”)。最重要的的属性发现也许有app.classpath的

单页面应用程序不同的是,“.sencha /工作区/ sencha.cfg的”文件是在工作区中的所有页面设置配置属性非常有用。这些属性中最重要的是可能workspace.classpath的

被替换多个文件中的设置在每个文件中加载的属性按以下顺序:

    • /some/system/path/Sencha/Cmd/<version>/sencha.cfg
    • ${workspace.dir}/${app.framework}/cmd/sencha.cfg
    • ${workspace.dir}/.sencha/workspace/sencha.cfg
    • ${app.dir}/.sencha/app/sencha.cfg

煎茶Cmd的配置属性设置可以覆盖的框架,可以在工作区覆盖,最后在应用程序本身的配置。这意味着最终结果总是可以被控制的一个页面的“sencha.cfg”文件的一个属性 。

配置属性的详细信息,可以通过阅读这些文件中的注释。

之间共享代码页

多页应用程序通常在页面之间共享代码。使用工作区,您可以使用Cmd的煎茶,以自动扫描共享代码的的煎茶应用程序的编译命令。这里是如何做到这一点。

让一个普通的文件夹添加到工作区,像这样:

.sencha/
    workspace/...
common/# Folder for common things between pages.
    src/# Folder for common JavaScript code for all pages.
#页面之间的共同的东西。文件夹/ 文件夹的所有网页常见的JavaScript代码。
 

在构建应用程序中的所有页面,包括普通/ src目录,添加 “.sencha /区/ sencha.cfg的”

workspace.classpath=${workspace.dir}/common/src

默认的classpath中添加以下组件:

${framework.classpath},${workspace.classpath},${app.classpath}

混合应用

除了在多个外部的JS网页,或多个煎茶触摸应用程序之间共享代码,通常是需要共享的代码在这两个煎茶框架。虽然框架有很多共同点,他们在许多重要的方面有所不同,尤其是在UI组件和布局,人们所期望的,因为他们的目标等不同的设备环境。即使有这些差异,这是可能的,这两个框架之间共享代码,例如,两个模型类的定义之间共享代码。的Ext JS和煎茶触摸之间共享代码的细节两个框架之间的不同,所以每个使用Sencha Cmd的,请务必阅读本指南。

posted on 2012-12-27 10:34 CW.Liu 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/cheman/archive/2012/12/27/2835256.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值