Extjs4.0开发项目的部署

  Extjs4.0开发项目的部署

使用Extjs4.0的SDK Tools可以很快的部署应用,而且Extjs 4.0的比以往的压缩打包部署要容易的多。

让我们通过如下几步来完成整个使用过程:

---------第一步,下载---------

首先需要下载Sencha SDK Tools,去官方网站的 这里,我直接把官方的地址粘到了下面,省得大家去找。

Automated Optimization with new SDK Tools beta

 

With the new application architecture it’s now possible for us to create tooling that makes writing, optimizing and deploying applications much easier. Ext JS 4 works with a beta version of the Sencha SDK Tools, including Optimizer, Builder, and Slicer. These tools let you optimize your JavaScript builds as well as ensure your theming works all the way down to IE6.

Download the SDK Tools beta:
Windows Mac Linux (64) Linux (32)  即可找到下载链接.

 

---------使用---------

 

下载完SDK Tools并安装后,如果是linux系统,随便打开一个远程访问工具(例:ssh),进入程序根目录:

 

[php] view plain copy
  1. cd path/www/yourapp  

 

 

从这里开始,只需要几个简单的命令就可完成整个过程。使用过extjs3.3之前的任何一个版本的朋友都应该在官方下载的压缩包里看到并使用过ext.jsb2这个文件。这个文件是在部署extjs应用时配合jbuilder这个工具压缩我们的js库用的,extjs4.0也不例外,首先我们要生成jsb3 这个文件。

 

[java]  view plain copy
  1. sencha create jsb -a index.html -p app.jsb3  
 

 

 

通过index.html,SDK Tools将会扫面整个框架哪些文件在你的项目中被使用,然后生成一个JSB文件。说到这里,在Extjs4.0之前,大家基本都是根据项目使用的控件手工编改ext.jsb2文件的,现在好了,可以自动生成了。

不过先别太轻松,生成这个app.jsb3文件后,我们可能还需要简单编辑一下,因为我们自己可能添加了一些extjs框架以外的js或者css等文件。

 

 

 

一般情况下我们并不需要更改app.jsb3文件,接下来执行编译命令:

 

[php]  view plain copy
  1. sencha build -p app.jsb3 -d .  
 

 

编译完成后将会生成一个app-all.js的文件,这个文件只包含了你的应用中所用到的JS类库,并且已经是压缩过的。同时还生成了一个用于调试的all-classes.js文件。

 

大部分应用程序都会有一个独立的index.html文件用于项目的部署。项目开发结束部署的时候,典型的index.html文件将类似如下所示:

  1. <html>  
  2. <head>  
  3.     <title>Application Name</title>  
  4.     <link rel="stylesheet" type="text/css" href="path/to/sdk/resources/css/ext-all.css" mce_href="path/to/sdk/resources/css/ext-all.css">  
  5.     <mce:script type="text/javascript" src="path/to/sdk/ext.js" mce_src="path/to/sdk/ext.js"></mce:script>  
  6.     <mce:script type="text/javascript" src="app-all.js" mce_src="app-all.js"></mce:script>  
  7. </head>  
  8. <body></body>  
  9. </html>  

你可能感兴趣的:(部署,ExtJs,4)